:: Support :: Additional Slideshow Examples: Google Tracking

This example shows how to enable the Google Tracking feature using the XML playlist. Please note that you must set up a Google Analytics account and implement the tracking codes on each page that you want to track. We cover the basics of setting up the tracking codes in a webpage, but if you are not familiar with Google Analytics, you should expect to use the Google Help tools to learn more about their system and how it should be implemented (link to Google Analytics). This example utilizes the default Slideshow (500x300 pixels) with the playlist component, captions, custom controls, and FlashVars are used to pass the path for the XML playlist.

  1. Set the "googleTracking" parameter to "true" in the XML - link to example.

  2. Add <gtimpressions> and <gtclicks> nodes to the XML. For example, if your XML nodes read:


    the impression and click events generated by the Slideshow will be logged as though they were pageviews of "/images/image117_impressions" and "/images/image117_clicks". The arguments must begin with a forward slash as shown. The event names may be organized into any directory style structure you wish, and actual pages with these filenames need not exist - link to example.

  3. The following Analytics tracking code must be placed in the <body> of your HTML code above the scripts used to embed the Slideshow (note: you will need to substitute your account number for the x's):

    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    <script type="text/javascript">
    _uacct = "xx-xxxxxxx-x";

  4. You can check your Google Analytics Top Content report 24-48 hours after the updated tracking code has been executed. You should be able to see the assigned pagename in your report.

:: Click here to download example files


Support - Documentation - Skin Wizard - Sample Skins - Tutorials
Copyright © 2003-2012 Earth Science Agency, LLC - All Rights Reserved