November 3, 2006

Amberjack Makes Site Tours Easy

Marshall Kirkpatrick

24 comments »

Amberjack is a simple and easy way to put up quick tours of your website without needing any programming knowledge. It’s a lightweight open source project, but I think it’s something readers here are likely to find useful. Remember how much everyone loved the Scrybe demo on YouTube? Well if you’re not the screen cast type, Amberjack could be a fast, easy way for you to set up a tour of your site.

You provide the URLs you want to include in your tour, select a skin for your narrative boxes and determine what all the button text and links will be for the interface. The tour wizard then provides a code snippet that you place in the template of your website and code for a button to launch the tour.

I’ve set up a 3 page tour of my personal site here for demonstration. It could be fun to take the time to set up a tour of TechCrunch greatest hits, with narrative boxes telling the story around the story for each page on the tour. Obviously there are more serious uses for Amberjack, like improving user understanding of a site’s functionality by offering a tour. Click to start tour!

No doubt a substantial portion of our readers could code a site tour on their own with ease, but some may even choose to use Amberjack because it’s fast and simple. It’s open source, under a GPL license now but Germany based developer Arash Yalpani says he will be switching to LGPL after discussion with initial users.

It didn’t take Yalpani long to develop but there are a number of things that would be nice to see changed. It would be nice if the tour wizard made it easy to position where the narrative boxes appear (see my example) and the grey overlay is awkward when you scroll down on a page.

None the less, it’s a handy little tool that could see extensive adoption. I’d love to get site tour links from startups seeking coverage here. It’s an easy way to walk me through what you’re doing - on my own time and without asking me to listen to stories about how you started a VC backed photo sharing site because you had so many photos of your children and pets you just didn’t know what to do. You’ve got to like projects like this one that provide good value while being easy to use.

  • Sphere It

Trackbacks/Pings (Trackback URL)

  1. Amberjack lets you give tours of your website, hassle free at Ministry of Tech | Technology, Gadgets, Web 2.0
  2. Planblog » Blog Archive » Amberjack crunched
  3. TechCrunch Japanese アーカイブ » Amberjackならサイトツアーもラクラク作れる!
  4. Bitelia » Amberjack: Crea un tour por tu web
  5. Checking Out Weebly’s Ajax Site Creator « windyness
  6. TechCrunch en français » Recap2.0: les autres billets de la semaine de TechCrunch.com (28 oct/4 nov. 06)
  7. What happens if you get Ajaxianed, Digged, Delicious’ed, Techcrunched - some statistics « Amberjack Blog

Comments

RSS feed for comments on this post.

  1. DaMAHN

    ummm… your demo has javascript syntax errors all over it

  2. Josh

    This is very cool. I could see it be VERY popular. I think it’s great the endless possibilities the internet brings for innovation on things like this.

  3. Arash Yalpani

    Hi, thanks for covering, Marshall!

    I have just LGPLed it and added some more options to the Tour Wizard.

    Whoever is interested, I have posted about the changes on Amberjack’s blog:

    http://amberjack.wordpress.com.....r-updates/

    Cheers, Arash

  4. jack

    “and without asking me to listen to stories about how you started a VC backed photo sharing site because you had so many photos of your children and pets you just didn’t know what to do.”

    Haha, classic!!!! Love it

  5. Arash Yalpani

    Oh, I forgot to answer this portion of the post:

    “It would be nice if the tour wizard made it easy to position where the narrative boxes appear (see my example) and the grey overlay is awkward when you scroll down on a page.”

    The workaround is to use the “Fetch an additional CSS file after tour has loaded” box of the Wizard, specify a css-file on your own server and to put these line in it (and adjust the values):

    #ajControl {top:30px;right:30px}

    Regarding the grey overlay: I have added some options to the Wizard, so you can decide wether or not the overlay should be applied at all and if so, how it should behave.

    JavaScript-Gurus are invited to discuss plugability with me here:
    http://amberjack.wordpress.com.....r-updates/

  6. Brian

    Your sample tour does not work in Firefox 2.0 or IE7.

  7. ZF

    Didn’t work in either Safari or Firefox 2.0 on OSX.

  8. Arash Yalpani

    Does this one work?
    http://amberjack.org/?tourId=A.....nId=safari

  9. Ny

    This is a good idea, and a potentially helpful service for both Designers and Webmasters.

    However, once we had created and installed the script, we could not get it to work on our site. The help-forum did not finish loading, so we could not post our concern there. ;-?

  10. Anthony

    This is a really good idea. This will really benefit webmasters and designers. There are still a few bugs and hopefully they will be sorted out soon

  11. Nemrut

    I couldnt get it to work using Firefox but i like the idea. Does the tool allow control of frame rate? Another possible could be as a web based animation tool…

  12. John Martin

    Hey… If you like this you’ll certainly like the tour on the front page of the Virgin Radio site, it’s sexy (”take a tour” button)

    http://www.virginradio.co.uk/

  13. Eric

    Yes, this does sound like a great tool.

  14. Arash Yalpani

    It seems that Marshall’s tour did not work for some of the people. If this is the case for you, it would be great if you could also try this tour:

    http://amberjack.org/?tourId=AJTour

    And take a minute afterwards to describe, what exactly went wrong, so I can find a fix for it:

    http://nabble.com/Amberjack.or.....16545.html

    @John Martin

    Looks great! I am currently implementing a similar highlighting feature for Amberjack.

  15. Matt

    This is a great tool, but when I tried it, it would not work properly from within IE. Firefox worked fine, but IE kept bombing out. Early stages I’m sure, but this is pretty good stuff. TechCrunch comes through yet again!

  16. Jhatak Free Web Meeting Client

    I tried the tour wizard in Firefox and for some reasons
    i came across some javascript error, but not that
    the wizard did not work..but it was just what i did
    not expect.. all the same I created one

  17. Scott

    Here’s a tour we’re using at GoSleepGo.com..we’ve always struggled to find a straight-forward way to explain the site to new visitors, and Amberjack solved that instantly.

    http://www.gosleepgo.com/?tourId=GoSleepGoTour