Tag clouds, calenders, and more

Snap Preview Anywhere

Last night, I finally disabled the Snap Preview Anywhere feature (now know as Snap Shots) on my blog (I actually used the Snap Preview Anywhere WordPress plugin). It seemed like a good idea when I first installed it. Every external link on my blog had a little icon alongside it that you could hover over to get a thumbnail preview of the site you’d go to if you clicked the link. At first, however, it didn’t work – I just got a message saying that there was no preview available, for any link. That could have been the plugin not working properly because, after a WordPress update, some of the link previews started working, but only those that pointed to high-profile sites like Wikipedia and Flickr. Which is a bit crap because the majority of my links were still just saying that the preview wasn’t available.

Looking at the Snap website now, the description only really says that such high profile sites will be previewed. The original descriptions that I read when I first installed it on my blog suggested that the previews would work on any site as long as Snap Preview Anywhere knew about the link – and that they’d go preview new links within a short time. Maybe that was too much of a commitment for them to honour. It’s a free service so I’m not too bothered but it seemed like a good idea that’s not really happened.

Tag cloud

I’ve been thinking that although my blog/website is pretty and red, it is actually a slightly old-fashioned design now. So I was trying to work out what would be better without being dull. One of the things I wanted to do was make it a bit more Web2.0 – not that I particularly want loads of flashy drag-and-drop – more that I’d like to have fewer static-looking lists of links. Having a tag cloud is one of the things that I wanted. Partly because the categories that I had for my blog posts were pretty bad, and they have a fairly static, hierarchical feel about them. Although it’s a difficult mind-switch to make, I’d like to get away from thinking in hierarchies.

I once attended a task analysis tutorial given by Dan Diaper and one thing he said that stuck in my mind (bearing in mind my job as a technical writer) is that although we impose hierarchies on many many things (in order to categorise them), the real world isn’t hierarchical – that is, as soon as something belongs to more than one category, the hierarchy breaks down, and this happens frequently.

One thing that new, tagging-based sites like Flickr have shown is that we need to be more free with how we classify things for retrieval. On Facebook, for instance, although you post your photos in albums, you and your friends can tag the people in the photos so that it’s possible to retrieve all the photos containing a given person from across multiple albums. You aren’t restricted to a strict hierarchy of albums and sub-albums to locate an individual photo.

A similar example is some Adobe software that my Mum uses to organise her photos. She tags each photo with things like the names of the people in the photo, the location of the photo, the event taking place, and so on. The software can order the photos along a timeline so that you can pick a particular date in time and see what photos were taken on or around that day. You can also sort by tag; for example, show all the photos of pets, which is great because the software dynamically creates an album starting with the family dog when she was young, the pony she had from when she was about 15 years old until I was 15 years old, the dog she and Dad had for 17 years from before I was born, the various cats through the ages, up to their present dog and our two-year-old cats. Tony’s recently found a similar piece of Open Source software, F-spot, which aims to do something similar and which I’d like to try using to organise our photos.

So, anyway, information is all about retrieval. It’s no good me using logical but useless categories (like ‘Personal’ and ‘Opinion’) to organise my blog posts (they’re more useful for me than for other people). The trouble is that I find that when I’m thinking hierarchically, it’s difficult to decide which category or categories a post fits in to. Also, the site design that I use just lists the categories down the side of the page so the more categories I have, the longer and more boring the list. Tagging is a bit more natural an exercise, I think.

The SimpleTagging WordPress plugin provides what I want. I imported my existing categories (then decided they were terrible and deleted them all anyway), and then went through my existing blog posts and created and renamed tags to describe them. The tag cloud is a visualisation of the frequency with which each tag is used. The more popular tags (ie the topics on which I have written most) are shown in a larger, brighter font in the cloud.

What does the tag cloud show the reader? Well, apart from looking pretty, I think it gives the reader an idea of what the blog is about and, by extension, what I’m interested in writing about. I was a little bit disconcerted (though not terribly surprised) to discover that my interests seem to mostly revolve around cool or geeky stuff, though it’s nice to see that HCI (Human-Computer Interaction) is top at the moment.

On a bigger scale (though not here), the tag cloud can show what’s popular across a group of bloggers. For instance, a lot of IBMers have internal blogs at work. On there, a tag cloud can show what topics are of most interest to the IBMers who blog across the world.

What my tag cloud doesn’t show is the popularity of the posts with readers. In some ways, it might be interesting to show the relative number of comments on each post, or something like that. Though on a low-traffic blog like mine, that probably wouldn’t show enough to be that interesting.

Another interesting use of clouds is on the Nabaztag support website where the popularity of search terms is shown in a cloud so that you can just click a term in the cloud to retrieve the information instead of entering a search term. The more people who have searched on that term, the more prominently the term is displayed in the cloud. I guess the idea is that whatever problem you have, someone else has already had it and searched for a solution so you may as well benefit from their experience.

Anyway, take a look at my tag cloud, to the top-right of this post.

Archive calender

Before: an increasingly long list of months of blog archive.

After: a neat little calender in which you can click a date to view that day’s post (if there was one).

No plugin required for this one; just paste this bit of php in the right place in the WordPress theme and WordPress does the rest: <?php get_calendar(); ?>

Good eh?

Facebook badge

Finally, the last addition to my blog website today was my own personal Facebook badge – the photo of me and my Facebook status to the top-left of this post. Tony had made one of these and he showed me how. Just go to your Facebook profile page and scroll right to the bottom where there’s a link to create your Facebook badge. You get to customise the badge a bit, according to what information you want it to show. Facebook then generates the bit of HTML code that you need to paste into your blog page. And that’s it.

8 thoughts on “Tag clouds, calenders, and more

  1. Like the tag clound, but would like to know why people think that hierarchies are not a good thing? I appreciate that if they are static and not updated then that can be a problem, but surely there must be a concept of dynamic hierarchies.

    Pleased that you haven’t got rid of the red!

    🙂

  2. I’m not sure that ‘people’ in general think that hierarchies are a bad thing. I just think they’re very constraining and artificial. Haven’t thought this through a huge amount – I hadn’t intended to muse over them quite so much when I began this post – but in terms of information retrieval, the non-hierarchical tagging seems much more useful.

  3. Laura,

    My name is Erik Wingren and I head up UX Research for Snap.com.

    First: Thanks for trying Snap Shots and sharing your experience — this is how we learn and develop.

    Second: Not sure why you were seeing lag in generation of “regular” site previews but I assure you that Snap Shots still very much support previews of regular links.

    Just for the record: The way Snap Shots is engineered there is a 10-20 sec lag the very first time someone activates a Snap Shots enabled links (since our robot has to access the page and create a preview) but from the second time and forward there should be virtually no lag.

    If you still have the plugin available I would love to know if you are still experiencing the lag, and if the lag persist past the initial time.

    The “high profile sites” you mention (i.e. Wikipedia) are for links pointing to pages on sites where we have created custom, more interactive interfaces for — in the example of Wikipedia the user gets the actual text of the intro paragraph, with inline jump-links. For a full list of these, please check out the lower half of the pageShots Central”.

    Cheers.

    Erik Wingren
    erik[at]snap[dot]com

  4. Your comment prompted me to try again. I tested it using the links on the front page of my blog. Some of the links had previews that hadn’t had previews before, which was cool. But when I tried them again, a few minutes later, they said that the preview wasn’t available. Some of the links alternated between showing previews and not showing previews.

    So I checked the plugin version and upgraded to 1.3., and tried again. I get much the same behaviour. Some of the links show previews, some don’t (which is fair enough), but some show previews only intermittently, which is weird.

    I’ll leave it activated for now and see what happens. :o)

  5. Laura,

    We took a closer look at your code and notice that your Snap Shots key is only 7 characters when it should be 32…

    This is the alphanumeric key you get during signup, as described in Ajay’s installation instructions.

    Maybe the key got scrabled last time you upgraded the plugin?

    Hope this helps, and please continue to share your experience.

    Cheers.

    Erik Wingren
    erik[at]snap[dot]com

  6. Hey Laura, Thanks for the tips. The tag cloud and calendar are great features and i’ve added them to my site now too! Interestingly, the Facebook badge didn’t seem to work quite so well, but i think thats my CSS rather than anything else! Cheers!

    1. Hi Scott,

      (‘scuse the delayed reply)

      I edited a copy of the Categories header graphic so it didn’t have any text on it. The added it to the style sheet:

      /*Laura added for tag-cloud*/
      
      #content .col02 .tag-cloud-upper {
      	height:85px;
      	background:url(images/tags-upper-short.gif) no-repeat;
      }
      #content .col02 .tag-cloud {
      	background:url(images/categories-back.gif) repeat-y;
      }
      #content .col02 .tag-cloud a {
      	color:#21565E;
              text-decoration:none;
      	margin:0 auto;
      	padding:0 5px 4px 15px;
      }
      #content .col02 .tag-cloud a:hover {
      	text-decoration:none;
      	color:#000;
      }
      
      #content .col02 .tag-cloud-btm {
      	height:68px;
      	background:url(images/categories-btm.gif) no-repeat;
      }
      
      /*tag-cloud end*/

      And overlaid a standard WordPress tag cloud on top of it, tweaking the smallest and largest values until the relative sizes looked okay (I removed the opening ‘< ' from each line to make it display instead of executing!):

        div class=”tag-cloud-upper”>
      div class=”tag-cloud”>
      ?php wp_tag_cloud(‘smallest=8&largest=17&number=25’); ?>
      /div>
      div class=”tag-cloud-btm”>

Leave a Reply