Garcia Hurtado: Web Developer Garcia Hurtado: Web Developer Web Lab: Interactive Demo Web Apps

BannerSpy
Where are they clicking?

BannerSpy adds a new dimesion to web advertising metrics by tracking the coordinates where graphic ads are clicked. This demo uses this click data to plot a graph that describes the "most effective" areas of the banner ad. By studiying these graphs, web marketers have an additional tool to fine tune their campaigns and determine what designs work best.

The truth about what makes visitors click

With banner click ratios lower than ever, running a successful web advertising campaing can be an epic task, which is why web site owners and ad designers carefuly consider all advertising metrics in an attemp to maximize click-through ratios. BannerSpy provides an additional piece of data to study: the exact coordinates of a user's click. By tracking this information, we can generate a graph with the areas of a banner that visitors are more likely to click, which tells us what elements in the banner generate more interest. Banners designs can then be optimized based on the results of these tests.

Not just a marketing tool

The centerpiece of BannerSpy is a tracking application that records click coordinates on any kind of graphic, whether it is an banner advertisement, a navigational graphic or an image map. This particular demo focuses on banner ad campaign metrics, but there are plenty of other possible uses for Bannerspy.

For example, a web developer could use the BannerSpy application to test several alternative navigation graphics for usability, while recording information about the areas of the image that users tend to click. The results of this test would reveal very useful information about how to improve the site's navigation and graphics.

Using BannerSpy to perform usability testing
A web designer created two different versions of a navigation graphic. After reviewing BannerSpy's statistics for each one (right), it became obvious that users were more likely to click on the little mail icon (graphic 2) than on the word "email" (graphic 1)

© Copyright information.
   

How to use it:

  • Launch the BannerSpy demo
  • Click on any of the banners that come up
  • You will see a color coded graph indicating the areas where people click the most
  • If you would like to submit your own banner to display on BannerSpy for free, send it to me as an email attachment (please try to keep it under 10-12k).
  • Should you receive an error, or if the application does not seem to work, please send me a note