14
Clickmap Have you ever thought about more success with your website? Webilea #9 – Basel, 25.04.2012 www.clickmap.ch | Pascal Bender

Clickmap at Webilea #9

Embed Size (px)

DESCRIPTION

How successfull is your website? Clickmap fills the gap when it comes to visitor interaction tracking. Heatmaps, Clickmaps, Foldmaps - that's our business.

Citation preview

  • 1. ClickmapWebilea #9 Basel, 25.04.2012www.clickmap.ch | Pascal BenderHave you ever thought about more success with your website?

2. What are the goals of your website?A commercial website always pursues a (hopefully) well defined goal:l Direct sales and E-Commercel Generate new Leadsl Branding & Product Placement or other critical success factors (aka Conversion Goals)! Let us show you today how we can support our clients achieving these goals 3. Increasing success by looking over the web visitors shoulders!Ineed to know where my Howfar down do myvisitors click on my websitevisitors scroll and whatin order to understand what elements on my website getworks well and what recognized?performs badly. This is an important aspectThats how I can optimize mywhen it comes to the designwebsite!of the content. To interpret bare data and s t a t i s t i c s i s ve r y t i m e consuming and expensive. What we need is instant intelligence that everbody gets along with! 4. So how does Clickmap help?Clickmap HeatmapFoldmapThe Clickmap showsThe Heatmap shows you The Foldmap showsyou all of your visitorswhat areas are frequently you how deep yourmouse clicks! used. And which are not!visitors scroll! 5. Clickmap Yet Another Analytics Tool ?Of course not!You can analyze the visitor frequency with popular Web Analytics Tools. They help you tounderstand how many visitors surf your website.But what Google Analytics, Omniture and all others do not tell you, is the real behaviour of yourvisitors. Who clicks where, what page content is being seen and where do I have problems orhidden opportunities within my website?These are all topics that drive your success and that can be controlled by yourself! Did you know that... ? Clickmap tells you what you have to watch out for before or during a website redesign. Like that you will save money and time when realizing your new web concept! 6. Hands-On! 7. How does that work? I mean technically. Our Client Framework Our Server Framework Our Server Infrastructure: nginx, MySQL Our Tracker: Vanilla JavaScript 8. The Clickmap SituationWebsite to be trackedClickmap (Datacenter)2. transfers Clickmap TrackerClickmap Account 1. tracks 3. createsVisitor Interactions Clickmap ReportsClicksScrollsRealtime!FoldmapClickmapHeatmap 9. Click Look-Up (in both ways ) XPath & relative coordinates (= where the click happened)XPath unreferenced: /html/body/div[2]/div[2]/div/div[2]/div[2]/center/divXPath referenced: //*[@id="button123"] Nice Not Nice Flexible and correct Object must be present at the timeof report execution 10. Report Display HTML5 Canvas & JavaScript Nice Not Nice Clean Integration No native support for IE