For Thumb, we wanted to create a landing page that really pushed our mobile applications on iOS and Android. To make it visually appealing while also highlighting important pieces of functionality, we wanted to use actual screens from the applications.
To achieve these goals, I wrote a simple jQuery plugin that creates a carousel of cross-fading images. The plugin includes methods for starting and stopping the carousel, as well as options for changing the rate at which images are changed and how fast they fade in/out.
jQuery Crossfader demo
jQuery Crossfader in production
jQuery Crossfader project on GitHub
When implementing Event Tracking for Google Analytics on a site, it’s important to get it right the first time. Incorrectly named events will haunt your data forever.
In addition to providing a common interface for transmitting events to Google, Freud has a debug mode where all events are sent to the JavaScript console for review.
Freud can also handle ’artificial’ pageviews and user generated click events.
Wire up your site in debug mode and then when everything has been reviewed, turn off debug mode and confidently watch your data flow into Google Analytics.