Clickmap        Webilea #9 – Basel, 25.04.2012            www.clickmap.ch | Pascal BenderHave you ever thought about more ...
What are the goals of your website?A commercial website always pursues a (hopefully) well defined goal:    l    Direct sa...
Increasing success by looking over the web visitors shoulders!“I  need to know where my                                 “ ...
So how does Clickmap help?      Clickmap                   Heatmap                    FoldmapThe Clickmap shows          T...
Clickmap – Yet Another Analytics Tool ?Of course not!You can analyze the visitor frequency with popular Web Analytics Tool...
Hands-On!
How does that work? I mean… technically.•  Our Client Framework•  Our Server Framework•  Our Server Infrastructure: nginx,...
The Clickmap SituationWebsite to be tracked                          Clickmap (Datacenter)                                ...
Click Look-Up (in both ways …)•  XPath & relative coordinates (= where the click happened)XPath unreferenced:       /html/...
Report Display•  HTML5 Canvas & JavaScript•  Nice                                       •  Not Nice          •  Clean Inte...
Report Queue & Realtime            DB                                                                          & Django OR...
Success Story “Jakobsweg” - Success thanks to Clickmap“Our Business Model is basedon the commercialization ofour visitor r...
Thank you!(and Dr. Mouse Click for keeping it real ...)           www.clickmap.ch
Clickmap at Webilea #9
Upcoming SlideShare
Loading in …5
×

Clickmap at Webilea #9

1,649 views

Published on

How successfull is your website?

Clickmap fills the gap when it comes to visitor interaction tracking. Heatmaps, Clickmaps, Foldmaps - that's our business.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,649
On SlideShare
0
From Embeds
0
Number of Embeds
152
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Clickmap at Webilea #9

  1. 1. Clickmap Webilea #9 – Basel, 25.04.2012 www.clickmap.ch | Pascal BenderHave you ever thought about more success with your website?
  2. 2. What are the goals of your website?A commercial website always pursues a (hopefully) well defined goal: l  Direct sales and E-Commerce l  Generate new Leads l  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. 3. Increasing success by looking over the web visitors shoulders!“I need to know where my “ How far down do myvisitors click on my website visitors 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 my when 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. 4. So how does Clickmap help? Clickmap Heatmap FoldmapThe Clickmap shows The Heatmap shows you The Foldmap showsyou all of your visitors what areas are frequently you how deep yourmouse clicks! used. And which are not! visitors scroll!
  5. 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. 6. Hands-On!
  7. 7. How does that work? I mean… technically.•  Our Client Framework•  Our Server Framework•  Our Server Infrastructure: nginx, MySQL•  Our Tracker: Vanilla JavaScript
  8. 8. The Clickmap SituationWebsite to be tracked Clickmap (Datacenter) 2. transfers Clickmap Tracker Clickmap Account 1. tracks 3. creates Visitor Interactions Clickmap ReportsClicks Scrolls Realtime! Foldmap Clickmap Heatmap
  9. 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 time of report execution
  10. 10. Report Display•  HTML5 Canvas & JavaScript•  Nice •  Not Nice •  Clean Integration •  No native support for IE <9 •  Out-Of-The-Box Styling Options •  No 100% support even on IE9 & 10
  11. 11. Report Queue & Realtime DB & Django ORM•  EasyXDM & Comet (= Cross-Domain Transport Stack) to handle report filters Report Proxy (aka „The Clickmap Report“) Canvas Drawing Website (iFrame) XDM Bridge (iFrame) & Tracker•  Nice •  Not Nice •  Instant async drawing of •  Complex understanding needed Realtime clicks
  12. 12. Success Story “Jakobsweg” - Success thanks to Clickmap“Our Business Model is basedon the commercialization ofour visitor reach. Each andevery single visit and pageimpression play an importantrole. Dr. Melchior Buchs Society JakobswegThats why it is essential to offer the best of allweb experiences to our visitors.Our website www.jakobsweg.ch has to be easyand very intuitive! Clickmap supports us towork on suggestions that help us to increase The Heatmap shows the click behaviour onour coverage. one of the maps on jakobsweg.ch. The colored hotspots show the frequently clicked areas – unfortunately they were not linked anywhere in the past. Thanks to Clickmap this problem could be recognized and is now solved!
  13. 13. Thank you!(and Dr. Mouse Click for keeping it real ...) www.clickmap.ch

×