Video Vote Now – the demo site
Behind the scenes – the technology
Since the focus for the demo site is on smartphones, we had the advantage of using HTML5 and CSS3 to quickly prototype and build the web pages. The browsers on latest generation smartphones invariably have good support for these technologies, enabling feature-rich web-based applications, such as Gmail, which can out-perform native phone apps in many cases.
Finally, for the analytics tracking we are, of course, using Bango Analytics. It’s designed and developed by us specifically for accurate measurement and in-depth reporting of analytics data from users on mobile devices. Why would you want to use anything else?
Under the hood – the code
We added a link styled up to look like a button to track the votes and a single 1 pixel square blank gif to use as a vote counter – more on this later:
<a class="btn" href="" id="testVideoVote3">Vote!</a>
<img id="voteCounter" alt="" height="1" width="1" src="img/blank.gif" />
// Bind to the click event of the button link
// Set a variable with a Bango tracking image source, with appropriate url and title parameters
var src = 'http://bango.net/id/111555007849.gif?url=VideoVote3&title=Video%203%20Vote';
// Assign the variable above to the source of the blank vote counter image
// This records the vote event in Bango Analytics
// Hide the email field and show a thank-you message
Where to go from here?