ClickTale Heatmaps

Arik & Tal
April 3, 2007

Today, we are officially announcing the release of the ClickTale Heatmaps, a brand new way to visually understand your website visitors’ browsing behavior. With the new Heatmaps, website owners can see where their website visitors look, what parts of the page they skip and how far down they scroll.

heatmap3 sm2 ClickTale Heatmaps Fig. 1: Attention Heatmap

How does it Work?

To determine where visitors are looking, the ClickTale Heatmaps combine the browser window scrolling positions of hundreds of visitors. The resulting data is displayed in four meaningful heatmaps: Attention, Total Time, Visitors and Pageviews. By using these four heatmaps, website owners can find out how many visitors scroll all the way to the page bottom and what parts of the page visitors pay the most and least attention to.

  • Attention Heatmap shows how much attention a specific webpage area is getting from the visitors who visited that area, as measured by average time.
  • Total Time Heatmap shows the total time that all visitors were exposed to a specific webpage area.
  • Visitors Heatmap shows the number of visitors and the percent of all visitors that looked at every area including the page bottom.
  • Pageviews Heatmap Given that a single visitor may visit a webpage several times, the Pageviews Heatmap shows the number of pageviews recorded at every area on the webpage.

heatmap10 sm2 ClickTale Heatmaps Fig. 2: Selecting a Heatmap

What Are the Benefits?

There are several ways the ClickTale Heatmaps can be used to benefit websites, here are a few examples:

  • Optimize advertising location and increase its impact. By analyzing attention data and changing ad placement accordingly, website owners can both maximize their revenues and design a clean webpage layout.
  • Maximize content effectiveness by rearranging its location. For example, a webmaster notices that content down the page is getting a great deal of attention, but it is being viewed by only a small fraction of the visitors to the page. To increase the number of visitors that view it, the webmaster may decide to move this content further up the page, increasing its effectiveness.
  • Reduce webpage abandonment rates. Web marketers can easily identify boring areas in webpages that visitors skip and areas that cause visitors to leave. This is especially valuable to eCommerce websites that use long marketing letters, since now problem areas can be identified, revised and monitored, reducing abandonment rates.

heatmap5 sm2 ClickTale Heatmaps Fig. 3: Fewer Visitors Paying More Attention Near the Page Bottom

How Does Visitor Inactivity Affect Heatmaps?

To produce heatmaps which represent visitors’ real browsing activity rather than inactivity, the Attention and Total Time Heatmaps are calculated based on three “Activity Calculation” modes.

  • In “Normal” mode, pauses of inactivity are capped at 20 seconds; this is the typical limit on inactivity of visitors to a normal webpage.
  • In “Long” mode, pauses of inactivity are limited 60 seconds, and it is best suited for webpages which have heavy text and which visitors may take longer to read.
  • In “None” mode, there is no adjustment for inactivity, so Attention and Total Time are based on the total time the browser window was open regardless of visitor activity or inactivity during the session. “None” mode clearly shows where visitors left their browser windows open while doing something else.

heatmap12 sm2 ClickTale Heatmaps Fig. 4: Activity Calculation Set to “None” Mode

How Do I Sign Up?

ClickTale is currently a by-invitation-only closed beta. If you would like to participate, please sign up at http://www.clicktale.com/beta_sign.asp .

No related posts.

36 Comments

  1. ClickTale: Every User Has A Story - My Review at Geekness - with fresh and clean air Says:
    April 3rd, 2007 at 10:04 am

    [...] CenterNetworks just published another review I wrote for the site. This time it is about an online visitor tracking system called ClickTale. I had the chance to beta test it for the last 4 months. At the beginning, I logged in almost daily, but after a while I lost interest and forgot about it. But now after a while letting the users visit, click and browse I decided to log in again and take another look. At the same time I decided to write a review for CenterNetworks. And the funny part is, on the same time ClickTale has worked on a new feature called “Heatmap“. It shows you where your visitors remained and more. [...]

  2. BTT | Blog The Tech » Blog Archive » ClickTale Heatmaps - Today, we are officially announcing … (ClickTale Blog) Says:
    April 3rd, 2007 at 12:01 pm

    [...] ClickTale Heatmaps  —  Today, we are officially announcing the release of the ClickTale Heatmaps, a brand new way to visually understand your website visitors’ browsing behavior.  With the new Heatmaps, website owners can see where their website visitors look, what parts of the page they skip and how far down they scroll. Source:   ClickTale Blog Link:   http://blog.clicktale.com/2007/04/03/clicktale… Techmeme permalink [...]

  3. Arik Says:
    April 3rd, 2007 at 12:50 pm

    http://www.digg.com/software/New_Heatmaps_Capture_Web_Visitors_Behavior

  4. Beta Alfa » Notiser Says:
    April 3rd, 2007 at 1:14 pm

    [...] “Today, we are officially announcing the release of the ClickTale Heatmaps, a brand new way to visually understand your website visitors’ browsing behavior” [...]

  5. Techzi » Blog Archive » ClickTale Heatmaps - Today, we are officially announcing … (ClickTale Blog) Says:
    April 3rd, 2007 at 2:02 pm

    [...] ClickTale Heatmaps  —  Today, we are officially announcing the release of the ClickTale Heatmaps, a brand new way to visually understand your website visitors’ browsing behavior.  With the new Heatmaps, website owners can see where their website visitors look, what parts of the page they skip and how far down they scroll. Source:   ClickTale Blog Link:   http://blog.clicktale.com/2007/04/03/clicktale… Techmeme permalink [...]

  6. Weblog Tools Collection » Blog Archive » ClickTale Heatmaps Says:
    April 3rd, 2007 at 2:24 pm

    [...] ClickTale Heatmaps: Much like CrazyEgg, ClickTale promises to help you understand how users interact with your site to gain insights into maximizing usability of your site. In addition to cool heatmaps, ClickTale will offer videos of user actions including mouse movements and judging from their beta questionnaire, they are still feeling around for pricing models. Mashable has a nice writeup with screenshots. User action videos would be tres cool! (No Ratings Yet)  Loading … [...]

  7. Startup Meme » ClickTale Launches Heatmaps Says:
    April 3rd, 2007 at 3:30 pm

    [...] ClickTale , an online user activity tracking service has announced the launch of ClickTale Heatmaps. The service provides a colorful overlay of your website to display the where user activity was concentrated, what they clicked, how far they scrolled. This will definitely be a helpful tool in re arranging your content and place ad in the hotest spots. [...]

  8. V7N Search Marketing News » Blog Archive » Daily Search Blog Roundup, April 4, 2007 Says:
    April 3rd, 2007 at 8:54 pm

    [...] Clicktale heatmaps. Web stats that show you where on the screen your visitors are looking. [...]

  9. Search Engine Web Says:
    April 4th, 2007 at 1:04 am

    This solution will certainly be an answer to the prayers of those with very heavy interactive AJAX intense Websites – pageviews just do not cut it now.

    But how exactly does this work – is an invisible DIV – script-map layer added over the page

  10. Gogelmogel Says:
    April 4th, 2007 at 7:35 am

    ClickTale Heatmaps on TechMeme – Nice!…

    Was cool to see that the news from ClickTale lads about their new Heatmaps service reached the first page of TechMeme on April 3rd. I was anxious to sign to their beta phase after hearing 2 insightful discussion at Eurekamp,…

  11. morganusvitus Says:
    April 4th, 2007 at 8:02 am

    The site looks great ! Thanks for all your help ( past, present and future !)

  12. Hotter Heatmaps at Robert Shedd Says:
    April 4th, 2007 at 6:17 pm

    [...] Announced yesterday, ClickTale Heatmaps allows you to see what users are paying attention to on your site. The company’s blog posting reports: [...]

  13. Webanalyticsbook Says:
    April 5th, 2007 at 12:43 pm

    Clicktale announced heatmaps…

    Today Clicktale announced the integration of heatmaps:

    Attention Heatmap shows how much attention a specific webpage area is getting from the visitors who visited that area, as measured by average time.
    Total Time Heatmap shows the total time that al…

  14. It's All About Causality Says:
    April 11th, 2007 at 6:33 am

    רשמים מ TWS2007…

    ימי גליק וירון אורנשטיין מ the.co.ils יצרו את TWS2007 בו הם נתנו הזדמנות ל 10 סטארטפים (מתוך 70 שניגשו)…

  15. Farris Khan Says:
    April 20th, 2007 at 6:40 am

    How could your product marry behavioral data (what people did while on a website) with attitudinal data (how people feel about their online experience, e.g. their visit satisfaction)?

  16. Tomas Kapler Says:
    May 2nd, 2007 at 2:09 pm

    When i will be invited ;) ? I would really love to test this service, because i wander what will be the results. I have tried to think, where is my mouse position, when i browse web, and i is in most cases somewhere in the bottom right corner, where it does not interupt the reading and where it ic near my browser tabs (i got them at the bottom). but some of the stats seems interesting

  17. Steve Quezadas Says:
    May 5th, 2007 at 7:21 pm

    Does anyone here know when the Beta will end for this product?

  18. Samay Says:
    May 7th, 2007 at 11:42 pm

    Nice post. I think heat map is very important if you want to study your websites stats effectively. It will help in finding out exact click locations and many more as described above. It will also help in placing ads.

  19. ClickTale Blog » Happy Birthday ClickTale! Says:
    June 17th, 2007 at 4:16 pm

    [...] Sometimes the wrapping paper is the best part of the gift. With this in mind, ClickTale has re-wrapped our site in a new design that is more usable and has a smoother look and feel. The gift to our users continues to be the free service that we offer, not to mention all of the goodies that we’ve added to the service this year such as heatmaps, SSL support, premium plans, and lots of ways to earn free recordings, such as our icon program. [...]

  20. ClickTale Blog » Case Study: Passport Software, Inc. Says:
    July 10th, 2007 at 5:53 pm

    [...] Ben Kuikman, Creative Marketing Specialist at Passport, first read about ClickTale through a review published on TechCrunch, a web 2.0 blog. He is currently running the ClickTale service on nearly twenty of his most visited pages. He found ClickTale’s setup to be an easy and a smooth experience. Although he has only been using ClickTale for a few weeks, it has already revealed some new information about his site; Surprisingly, the pathways that visitors use to navigate his site and the depth to which they browse proved to be much greater than he’d originally thought. More importantly, ClickTale’s heatmaps have shown him that 65 – 100% of his users –an unusually high amount–Â actually scroll all the way to the bottom of his longer webpages. Heatmaps, he says, also have allowed him to see what sections are the most read on the page. [...]

  21. ClickTale explores further heatmap analytics Says:
    August 5th, 2007 at 3:30 am

    [...] Here are a a few examples on how those metrics are presented. To my knowledge this is a unique set of data (feel free to indicate alternatives if any). In addition Clicktale provides several scrolling heatmaps released a few months ago that help understand better user attention and browsing behaviour. [...]

  22. TechCrunch Japanese アーカイブ » ClickTale―新しいウェブページ注目分析サービスをローンチ Says:
    August 5th, 2007 at 5:56 pm

    [...] 約1年ほど前、われわれはClicktaleという新しいイスラエルのスタートアップを紹介した。これは訪問者がユーザーのサイトでどのような行動をしているか、いわば「ビデオ録画」して分析するという新世代のウェブ統計サービスだ。Clicktaleは粘り強くサービスの改良を続けており、プライベートベータテストにいくらかのユーザーを招待している。一方、RobotReplay ã‚„TapeFailureなど、似たようなライバルサービスが現在すでに開始されている。明日(米国時間8/6、月曜日)、Clicktaleã¯ã„ãã¤ã‹ã®æœ‰ç”¨ãªæ–°æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã†ãˆã§ã€ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä¸€èˆ¬å…¬é–‹ã™ã‚‹ã€‚ã‚ã‚Œã‚ã‚ŒãŒæœ€åˆã«Clicktaleを紹介したときに、何百、何千という訪問者のセッションの記録を総合して分析する機能が必要ではないかと指摘していた。ウェブサイトの運営者や広告主は、単独の訪問者の記録からではウェブサイトの最適化について意味のある決定ができない。この点に関してClicktaleは収集されたデータ全体を適切に処理して行動に役立てることできるようなプロセスを編み出したようだ。今回新しくリリースされた機能には、訪問者がサイト上でクリックできる部分をどのように操作したか、ダイナミックな行動分析を提供する新世代の「ヒートマップ」が含まれている。リンク分析と呼ばれる機能で、ウェブサイト運営者は、訪問者の対話的的行動をよりよく理解するための一連の分析ツールが利用できる。 ã€Œãƒªãƒ³ã‚¯æ»žç•™æ•°ã€ã¯ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ãŒãƒªãƒ³ã‚¯ã®ä¸Šã«é‡ã­ã‚‰ã‚ŒãŸå›žæ•°ã‚’ç¤ºã™ã€‚è¨ªå•è€…ãŒãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ç¨‹åº¦ã®èˆˆå‘³ã‚’ç¤ºã—ãŸã‚‚ã®ã®ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã»ã©ã®èˆˆå‘³ã‚’ç¤ºã•ãªã‹ã£ãŸãƒªãƒ³ã‚¯ã«ã¤ã„ã¦ã®æƒ…å ±ãŒå¾—ã‚‰ã‚Œã‚‹ã€‚ 「リンク・クリック数」は、それぞれのリンクについてユーザーが最終的にクリックした数を示す。 「クリック率」は、リンクにマウスが重ねられた数に対するリンク・クリック数の比率を示す。 「躊躇時間」はリンクにマウスを乗せてからクリックするまでの時間、すなわち訪問者の興味のレベルを示す。 「クリック開始時間」は、ページがロードされてからリンクがクリックされるまでの時間を示す。これはどのリンクがいちばんユーザーの興味を引いたか調べるのに役立つ。ここに、これらのツールを実際に用いた åˆ†æžã®å®Ÿä¾‹ãŒæŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹ã€‚ç§ã®çŸ¥ã‚‹ã‹ãŽã‚Šã“ã‚Œã¯ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãƒ‡ãƒ¼ã‚¿ã‚µãƒ¼ãƒ“ã‚¹ã ã¨æ€ã†ã€‚ï¼ˆä¼¼ãŸã‚ˆã†ãªåˆ†æžã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”å­˜çŸ¥ãªã‚‰é æ…®ãªãçŸ¥ã‚‰ã›ã¦ã„ãŸã ããŸã„ï¼‰ã€‚Clicktaleã¯ã“ã‚Œã«åŠ ãˆã¦ã€æ•°ãƒ¶æœˆå‰ã‹ã‚‰ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ãƒ»ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ— ã‚’å…¬é–‹ã—ã¦ãŠã‚Šã€è¨ªå•è€…ã®æ³¨æ„ãŒãƒšãƒ¼ã‚¸ã®ã©ã“ã«å‘ã„ã¦ã„ã‚‹ã®ã‹ãªã©ã€è¡Œå‹•ã‚’åˆ†æžã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒ‡ãƒ¼ã‚¿ãŒå¾—ã‚‰ã‚Œã‚‹ã€‚ã“ã‚Œã‚‰ã®è±Šå¯Œãªãƒ‡ãƒ¼ã‚¿ã‚’æ´»ç”¨ã™ã‚‹ä¸Šã§ã€ã²ã¨ã¤é‡è¦ãªç‚¹ãŒæ¬ ã‘ã¦ã„ã‚‹ã‚ˆã†ã«æ€ã‚ã‚Œã‚‹ã€‚ãã‚Œã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å¹´é½¢ã€ã‚°ãƒ«ãƒ¼ãƒ—ã€æ€§åˆ¥ãªã©ã«ã‚ˆã£ã¦ãã‚Œãžã‚Œã©ã®ã‚ˆã†ãªè¡Œå‹•ã‚’ã—ãŸã‹ã‚’åˆ†æžã™ã‚‹æ©Ÿèƒ½ã ã€‚Clicktailはウェブサイトでデータを収集する(サイト運営者は小さいスクリプトをサーバーにインストールする必要がある)ので、こういった訪問者のデータを得るのは難しいのだろう。何らかの総合的な解決策が検討される必要があるあかもしれない。Clicktaleは毎週100ページの記録に関しては無料だ。これは小さい企業やブログなどについては十分なページ数だろう。もし、さらに大規模なデータ分析が必要であれば、有料のプレミアム・パッケージを購入することができる。月額最高99ドルで毎日1000件までのの訪問者の行動が記録される。ただし、最大といっても記録できるのがこの程度の数では、大規模なウェブサイトを分析するのに十分な量のデータが得られるか、私にはやや疑問だ。(そもそも大規模なウェブサイトの分析のために、大口向け有料アカウントを用意したはず)。しかしこの斬新なコンセプトのサービスはロングテールに属するウェブサイト興味を引くだろうし、さらに大規模なサイトの興味も引きつけるかもしれない。CrazyEgg とClickDensity については以前TechCrunchで紹介しているが、これらのサイトもヒートマップ分析サービスを提供している。[原文へ] [...]

  23. Biznes Says:
    September 4th, 2007 at 12:46 pm

    The Good idea! The Excellent service!

    I much am curious, site will be translated on the other languages, except english?

    Thank you!

  24. Arik Says:
    September 5th, 2007 at 5:14 am

    There are no current plans to translate the service to other languages.

  25. ClickTale Blog » ClickTale Scrolling Research Report V2.0 - Part 1: Visibility and Scroll Reach Says:
    October 5th, 2007 at 10:01 am

    [...] can also find out how your website measures up relative to the averages reported above by using the ClickTale Heatmaps and analytics service to record and observe your own visitors’ online behavior. Sign up to [...]

  26. ClickTale Blog » ClickTale Scrolling Research Report V2.0 - Part 2: Visitor Attention and Web Page Exposure Says:
    December 4th, 2007 at 5:58 am

    [...] See how your specific pages behave with ClickTale Scrolling Heatmaps. [...]

  27. ClickTale Blog » Case Study: Fugees.ru Says:
    February 22nd, 2009 at 5:46 pm

    [...] ranks his use of ClickTale’s functions in the following order of importance: Recordings, heatmaps, basic demographics, and screen and windows sizes. While he uses other analytics packages in his [...]

  28. ClickTale Blog » What have we done for you lately? Says:
    April 21st, 2009 at 1:33 am

    [...] [...]

  29. 5 Fast & Easy Reports to Optimize Your Site | Weight Watch Says:
    July 12th, 2009 at 11:26 pm

    [...] and running usability tests by watching their visitors’ actual browsing sessions and analyzing Attention Heatmaps™ since [...]

  30. ClickTale Blog » Interactive Click Heatmap Joins ClickTale Heatmap Suite Says:
    August 12th, 2009 at 9:04 am

    [...] new Mouse Click Heatmap joins the innovative suite of ClickTale Scrolling Heatmaps, including the Scroll-reach Heatmap TM, which shows how far down the page visitors scroll, and the [...]

  31. Software und Services für eigene Usability-Tests | Heatmaps, Screencasts, Services, Tests, Usability | Dr. Web Magazin Says:
    August 17th, 2009 at 12:46 am

    [...] wie Clixpy werden User-Sessions aufgezeichnet. Interessant sind die Scroll-Heatmaps (unter anderen), die zeigen, in welche Bereiche einer Seite die Nutzer vordringen und wie viele am [...]

  32. ClickTale Blog » It’s Time For Real-Time Says:
    August 31st, 2009 at 8:50 am

    [...] These include our Mouse Click Heatmap, which show you exactly where your visitors are clicking, our Attention and Scroll-Reach Heatmaps, which show you exactly how visitors scroll, where they focus their attention and what they skip [...]

  33. Eye Tracking for Everyone | Analytics Expert Blog Says:
    April 18th, 2010 at 6:59 am

    [...] includes our Mouse Click Heatmap, which shows you exactly where your visitors are clicking and our Attention and Scroll-Reach Heatmaps, which show you how visitors scroll, where they focus their attention and what content they skip [...]

  34. Tal Schwartz and ClickTale Web Analytics Says:
    November 14th, 2011 at 9:55 am

    [...] discuss the various functionality found in the tool including heat maps, movie recordings, and the various businesses who have used ClickTale to improve User [...]

  35. Tal Schwartz and ClickTale Web Analytics Says:
    November 14th, 2011 at 9:55 am

    [...] discuss the various functionality found in the tool including heat maps, movie recordings, and the various businesses who have used ClickTale to improve User [...]

  36. 8 простых советов по оптимизации сайта | Интернет журнал Web 2.0 - Всё о Бизнесе в Сети Says:
    January 21st, 2012 at 8:14 am

    [...] График выше показывает, какому участку портала посетители уделяют больше всего внимания. Для того, чтобы увидеть что происходит у вас на сайте, стоит поставить Scrolling Heatmaps [...]

Leave a Comment

Stay Connected

ClickTale Newsletter

What is ClickTale?

ClickTale shows movies of browsing sessions, heatmaps of mouse moves, conversions analytics, and much more.

Related Posts

No related posts.