Truly understand your website visitors
Do you know which content your visitors are really interested in, where they have problems and where they get confused? If you want to find out how you can improve your website with your existing traffic, read on! [+ Heatmap and Session Recording +] lets you increase the conversions and revenue on your website by learning how your visitors really engage with your website and where they get confused. All this with 100% data ownership and no limitations.
Discover where your users click, where they spend time on a web page, how far down they scroll, find dead ends, and much more to understand your visitors much better, much faster.
At a glance, Heatmaps shows you visually where your visitors try to click, move the mouse, and how far down they scroll. Session Recording records activities of real visitors such as clicks, mouse moves, scrolls, resizes, form interactions and page changes that you can replay in a video to see exactly what your visitors did on your website.
Get insights that you cannot get from traditional reports. Heatmaps and Session Recordings make it easy and fast to discover where your users really pay attention to, where they have problems, where useless content is, and how engaging your content is.
Session Recordings are just like eye-tracking but takes only seconds to set up, is much faster and cost effective. Watch how real visitors use your website and what experience they have. Find out why they leave, what they are looking for, and much more.
Ever had discussions about problems on your web page? Had a feeling what could be wrong but didn’t know for sure? Rather than guessing, rely on facts to prove if the changes you made actually improved your web site or not. This lets you consistently increase conversions on your website and become more successful.
The Return On Investment (ROI) you can achieve with Heatmaps & Recordings is huge as it lets you easily spot critical issues. Even small improvements can increase your sign-ups, sales, and conversions massively. Get the most out of your existing traffic with minimal cost.
Heatmaps & Recordings for Piwik work with any kind of online website, intranet website, or web application with no setup. The UI is easy to use and helps you at every step.
Developed by [+ InnoCraft Piwik InnoCraft Piwik Analytics Cloud +] . In either way, you get 100% data ownership and full control over your data.
Compared to some similar services the activities are tracked and visualized in a special way to ensure they are correct even if your web page changes or when viewed using a different device or screen resolution.
Segment your market and drill down into your visitors to get ultimate insights into how your pages are interacted with.
Piwik tracks your heatmaps and sessions automatically without any changes on your website. You only need to configure a new heatmap or a new recording which will literally take you only seconds. The UI will help you at all stages.
You own 100% of the tracked data. You can also export all the raw data and reports via an HTTP API and no data is shared with any other party, ever. Get full control over your data.
Piwik is [+ fully privacy compliant +] and ideal for businesses of all sizes as well as governments, of which many choose to use Piwik. With Piwik you remain in control of your data, while still getting deep insights into your websites and apps.
Generate as many heatmaps and record as many sessions on as many pages as you wish. There are no limitations in this feature.
Piwik is an open source analytics platform that you can download, install on your server, and use for free. All you need is a server that supports PHP and a MySQL database. Piwik is used in over 150 countries by over one million websites and apps, and available in more than 50 languages. Learn more about [+ what Piwik is installation guide purchase on the Piwik Marketplace +] .
If you don’t want to install, and regularly maintain Piwik yourself (for example updating Piwik when there is a new version, making sure you can scale and Piwik runs fast, keeping your server secure, install software updates, …), you can alternatively use the [+ Piwik Analytics Cloud +] , the hosted solution from the makers of Piwik which takes away all the hassle and still gives you 100% data ownership.
If you prefer to run Piwik on your own servers on premise, but don’t want to have the hassle of maintaining it or need support, you can also get a [+ support subscription Trainings +] are available as well.
Heatmaps let you record clicks, mouse movements, and scroll activities of your visitors on your website. Heatmaps helps you to find out where users think something is clickable but is not, whether there are parts of the page that are being rarely viewed or interacted with, what your visitors are actually looking for, how much of the page is visible when users view your page, and more. Heatmaps let you ultimately optimize your website and maximize your success.
Go to Piwik. In the left menu click “Heatmaps” and then select a Heatmap report of your choice.
On the click heatmap, you can for example find out where confusing colors or elements make your visitors think that something is clickable. It also lets you see where your visitors go next and what they are looking for.
A mouse move heatmap is similar to eye tracking, but requires only seconds to set up and you can see results much faster. Mouse move heatmaps help you find for example useless parts on your page, which parts are ignored by your visitors, where your visitors engage, whether users get distracted, and more.
Scroll heatmaps use colors to visualize how far down in a page your visitors scroll. When you hover on the scroll heatmap, you see exactly how many percent of your visitors have scrolled down to a certain position. This lets you for example find out if there is important content positioned too far down the page, whether your visitors are encouraged to scroll, and more.
“Above the fold” is the content that a visitor sees without scrolling. The “Average Above the Fold” line will show you how much content your visitors see on average when they open your page. Use this information for example to find out if you need to show key content further up.
You can apply any of the over 100 [+ Piwik segments +] and view the engagement for different target groups.
The heatmap report lets you view the engagement for desktop, tablet and mobile devices with just one click.
Before any mouse movements will be recorded, you need to create a Heatmap for each page that you want to generate heatmaps for.
To get to the “Manage Heatmaps” screen, click either in the reporting or in the administration menu on “Heatmaps” and then “Manage”. No developer knowledge is needed to configure any of the heatmaps and you don’t need to adjust the code on your website. When you manage your heatmaps, the UI always explains what each step is about in detail and it will literally take you only seconds to track your users interactions and generate heatmaps.
Pro tip: You can also automize this step via our HTTP API.
To create a heatmap, click on “Create new heatmap” in the bottom left. To edit a heatmap, simply click on the “edit” icon next to the name of a previously created heatmap.
When you create or edit a heatmap, all you need to do is define a name for the heatmap and choose on which target page the heatmap should be generated for. To do this, you can choose between “URL”, “URL path”, “URL parameter” attributes and comparisons like “equals”, “starts with”, “contains”, “matches the regular expression”, and many more. The validator next to your target page lets you easily test whether the page you want to match actually matches the Pages for which you want to generate Heatmaps.
When you configure a heatmap, you can optionally define advanced options such as:
As always, the meaning of each option is clearly explained in the user interface.
Heatmaps will be automatically tracked and generated as soon as you have created one via the Piwik UI or HTTP API. The plugin automatically starts the tracking of clicks, mouse moves and scroll activities on your website or web application.
Learn more about [+ setting up Heatmap tracking Developer Zone +] .
Session Recordings let you record all activities on a page of a real visitor such as clicks, mouse movements, scrolls, window resizes, page changes, and form interactions. You can then replay these interactions in a video to see exactly how a visitor interacted with your website. This way you understand their expectations, problems they may have, usage patterns, and more to ultimately optimize your website and maximize your success.
Go to Piwik. In the left menu click “Session Recordings” and then select a session recording of your choice.
A session recording report shows you a list of all recorded page views including useful information like the time of the page view, the duration of the page view, the viewport resolution, the location, device information, and more.
To replay a recorded page view, to delete a recording, or to view the [+ visitor profile +] , hover a row and select a row action.
If you have recorded many sessions and want to slice and dice your visitors, you can apply any of over 100 [+ Piwik segments +] to find the recorded sessions of a specific target groups.
To replay a recorded session, hover a row in the session recording report and click on the play icon. A new window will open with a video player and automatically start replaying the session. You can pause the video at any time and jump to a specific position by either clicking on the timeline or by using one of the [+ keyboard shortcuts +] .
Below the video timeline you will see the screen the same way the recorded visitor did. The video will show the mouse pointer and mouse movement path. Circles will show you where a user clicked. If the user scrolled, resized the window, if a pop-up appeared, or made changes in a form, you will see the same actions replayed in this video.
Note that when playing a recorder user session you can [+ use keyboard shortcuts +] to conveniently pause the video, jump a few seconds backwards or forwards, replay the video if it is finished, or play the next or previous page view for the visitor.
When you browse your Visitor Log, a link “Replay recorded session” will appear at the top of each visit which was recorded. Clicking on the link will open and play the visitor’s session video in a new window.
Before your users sessions will be recorded, you need to Create a session recording.
To get to the “Manage Session Recordings” screen, click either in the reporting or in the administration menu on “Session Recordings” and then “Manage”. No developer knowledge is needed to configure any of the session recordings and you don’t need to adjust the code on your website. When you manage your session recordings, the UI always explains what each step is about in detail and it will literally take you only seconds to record sessions.
To record new sessions, click on “Create new session recording” in the bottom left. To edit a session recording, simply click on the “edit” icon next to the name of a previously created recording.
When you create or edit a session recording, all you need to do is defining a name for the recording. That’s it. Optionally, you can choose to record activities only on a specific target page or target pages. To do this, you can choose between “URL”, “URL path”, “URL parameter” attributes and comparisons like “equals”, “starts with”, “contains”, “matches the regular expression”, and many more. The validator next to your target page lets you easily test whether the page you want to match actually matches the Pages on which you want to record your users sessions.
When you configure a session recording, you can optionally define advanced options such as:
As always, the meaning of each option is clearly explained in the user interface.
Sessions will be automatically recorded as soon as you have created one via the Piwik UI or HTTP API. The plugin automatically starts the tracking of activities on your website or web application. Learn more about [+ setting up Session Recording tracking +] on our Developer Zone.
[+ Heatmap & Session Recording available for purchase on the Piwik Marketplace Piwik Analytics Cloud +] .
It is recommended to visit the [+ Heatmap & Session Recording website Heatmap & Session Recording plugin page Developer Zone +] .
There is also a [+ Heatmap User Guide Session Recording User Guide +] .
The plugin is developed and maintained by [+ InnoCraft Segmentation +] work out of the box.
This plugin is built and maintained by [+ InnoCraft +] , the makers of Piwik. This ensures that the plugin is well integrated, kept up to date and automatically tested whenever a change in Piwik core is made. By purchasing this plugin, you also support the developers of Piwik to maintain the free and open source analytics platform itself.
The plugin has been tested with several browsers, devices and operating systems.
You can find screenshots of the UI in the [+ plugin preview +] .
On that page you also find a video showing you how a replay of a recorded session looks like.
No, in fact everything works out of the box and you don’t even have to change your website or tracking code. Piwik will automatically discover when to record heatmap or session recording activities.
To learn all details about the tracking of heatmaps and session recordings, check out our [+ Heatmap & Session Recording developer guide +] .
When you configure a session recording, you can choose to optionally record keystrokes, that is text entered by your visitors into text form fields.
If enabled, Piwik will capture these keystrokes and track them so they will be shown when you replay the recorded video. Piwik will automatically mask password form fields and common credit card form fields. If you want to mask additional form fields, simply add a data-piwik-mask attribute to an element. Learn more about [+ masking keystrokes +] .
Note that Credit Card fields are automatically masked and not tracked ( [+ learn more +] )
See the developer FAQ [+ How do I prevent the capturing of keystrokes when recording a session? +]
You can view click, mouse move and scroll heatmaps.
The heatmap visualization also shows you the “Average above the fold” position letting you see how much of your web page is actually visible without scrolling when they view your web page.
Yes, we have put lots of effort to track accurate data by tracking the data in a very particular way. Instead of tracking fixed pixel positions like many competitors do, we track relative positions to elements within your web page. This ensures that session recording videos and generated heatmaps are accurate. As we record relative positions, the shown visualizations and videos are still accurate even if you view them in a different browser or operating system, if the font used is different, if the zoom level is different, and even if the screen resolution is different.
Yes, you can choose between lots of different widths when you view a heatmap and the recorded data will automatically adjust. You can find the select field at the bottom of the heatmap visualization.
The following events are tracked and replayed in a video:
The video timeline indicates when a certain event occurs so you can see at a glance what you can expect to happen when you replay the video, and it is easy to quickly jump to specific activities.
As soon as you have configured a session recording, Piwik will start tracking activities of your visitors so you can replay them in a video. To replay these activities, log in to your Piwik and select “Session Recordings” followed by the name of your configured session recording.
You will see a list of all recorded sessions including the information when it was recorded, how much time they spent on the page, the resolution of the visitors’ viewport, the location, device, operating system and browser. To replay such a video, hover on a session recording row and select the big red play button.
For each recorded session we show you a bunch of information like the location and device that was being used when the session was recorded. To get even more information about a visitor, hover a row and click on the [+ Visitor Profile +] icon.
When you replay a video, you can also select the visitor profile icon in the middle/top right area.
When you configure a session recording, you can define a minimum time a visitor needs to spend on an individual page before the session is actually recorded. This way you don’t end up with too many recordings that might be only a few seconds long.
When you configure a session recording, you can choose whether a session should be recorded only if there has been at least a click and a scroll. This is enabled by default so you don’t end up having recordings with no actions.
If you also want to replay recordings with only a click, only a scroll, or no activities, you can disable this setting in Piwik > Session Recordings > Manage.
To delete a recorded session go to the Session Recording report and hover the session you want to delete. Now a “trash” or “bin” icon will appear next to the “play” icon. As soon as you click on it, the recorded session will be deleted.
Yes, Heatmap and Session Recording lets you slice and dice your analytics reports exactly how you need to extract valuable insights into your visitors. You can apply over [+ 100 Piwik segments +] . For example, view sessions for returning visitors or view sessions for visitors who converted a specific goal.
Yes, they are fully supported out of the box. Read more about this in the [+ Heatmap & Session Recording API Reference tracking single-page application in our FAQ +] .
Yes, when you configure a heatmap or a session recording, you can define a so called “sample rate”. You can choose a rate between 0.1% and 100%. If you choose for example 10%, only every 10th page view will be recorded.
You can specify a custom trigger method to track for example only logged in users, only users with a certain age, from certain locations, or only track activities during the day using the “HeatmapSessionRecording::setTrigger” tracking method. Learn more about this feature in the [+ Developer FAQ +] .
Yes, Piwik will automatically detect the device type of your visitors. In case the device type could not be detected automatically, you can define pixel thresholds to indicate when we should assume a device is a mobile or tablet device. To not having to configure these tablet and mobile thresholds every time you configure a heatmap, you can change them globally under “Administration => General Settings”.
You can view the heatmap data for desktop, tablet, and mobile users separately and of course you can apply any [+ Piwik segments +] to heatmaps and session recordings.
Yes, you can. There are no limits to how many pages you target at a time.
The plugin lets you define page rules based on “URL”, “URL path”, and “URL parameter”.
To match a specific value, you can select different comparisons like “equals simple”, “equals exactly”, “starts with”, “contains”, “matches a regular expression”, “not equals simple”, and many more.
When you choose “equals simple”, the protocol (http or https), any URL parameter and trailing slashes in a path are ignored letting you more easily match different versions of a page URL. On the contrary, when selecting “equals exactly”, the value has to match exactly.
To make sure your defined target page rules match the page URL you want to match, use the URL validator which is displayed next to your target page rules. By entering the URL into the URL validator, you will see visually whether the entered URL would be matched by your page rules or not.
When you configure a heatmap, you can define one or multiple CSS selectors to hide elements within your web page. This is useful if your website shows for example a pop-up when a user lands on your website. If you don’t want to configure the same CSS selectors each time you create a heatmap, you can define [+ custom stylesheets +] in your CSS.
When you configure a heatmap and define on which pages the activities for this heatmap should be recorded, different URLs may match your defined page rules. For example when you configure a page rule like “record all activities when page URL starts with https://piwik.org/blog”, URLs like “https://piwik.org/blog/2016” and “https://piwik.org/blog/2017” may match.
If you want to capture the screenshot only on a specific URL, for example only on “https://piwik.org/blog/2017”, you can configure this URL when configuring your heatmap as a “screenshot URL”.
No, while many other solutions have problems showing heatmaps for pages that are larger than 8.000px or 32.000px, Piwik will render it nicely for any page length.
Yes, the heatmap and recorded sessions will still work when you remove the page from your website.
Yes, editing your web page should not affect the results and the heatmap data will be still correct and show you where your users really engage.
Piwik allows you to [+ make reports public +] and viewable by anyone. If you do make the data for a specific website or mobile app public, your reports are accessible without having to log in. As Session Recordings may contain sensitive data, it won’t be possible to replay session recordings and neither see which sessions were recorded for privacy reasons: for example the recorded sessions may contain keystrokes typed by users and more.
Yes, all recorded activities can be fetched in different formats such as JSON, XML, CSV, HTML and more, so you can integrate this data anywhere and perform custom analysis on it. You can also configure the recording of new heatmaps or session recordings via the API, stop the recording, delete recordings, and more. Read more about the [+ Piwik HTTP Reporting API Heatmap & Session Recording Reporting API Reference +] .
Yes, you get access to all data that is stored in your MySQL database: the data is stored in the piwik_log_hsr* tables.
No, there is no data limit with the Heatmap & Session Recording product. You can generate as many heatmaps and record as many sessions as you wish. Learn more about [+ No data limit +] .
See our FAQ: [+ Excluding traffic from Piwik using IP Addresses, Cookies, and more. +]
Heatmap & Session Recording for the leading all-in-one open source analytics platform that gives you control over your data and respects privacy.
Created more than 8 years ago now, Piwik is currently used on over a million websites and is available in more than 50 languages. It comes with many features such as advanced segmentation, log analytics, user reports, real time reports, e-commerce, dashboards, and event & goal tracking.
Piwik is free, easy to use, customizable, extensible and secure. Piwik was built by dozens of people to accomplish this goal. Try it yourself. The Piwik ecosystem includes many integrations, tracking SDKs and more. The source code is available on GitHub.
We believe in openness, privacy and 100% data ownership. Our mission is to liberate analytics and we are passionate about measuring for success. That's why we created the leading open source analytics platform Piwik Analytics used on more than 1 million websites and apps in over 150 countries, available in more than 50 languages. We are the Piwik experts and with our unique analytics products and services we help you get started, configure, monitor and make the most of your Piwik analytics. We know Piwik best.
Supporting businesses and global organisations to keep full control over their data.
Our Support and Consulting focuses on understanding your needs, clear communication and building relationships to deliver services in time and budget.
Our talented engineers handcraft Piwik and Piwik plugins for best user experience, quality, performance, stability and security.
Copyright: All content in this book is copyright InnoCraft Ltd (https://www.innocraft.com).
Do you know which content your visitors are really interested in, where they have problems and where they get confused? This book shows you how you can improve your website with your existing traffic using Heatmaps and Session Recordings. They let you increase your conversions, revenue, and the usability on your website by learning how your visitors really engage with your website and where they get confused. Discover where your users click, where they spend time on a web page, how far down they scroll, find dead ends, and much more to understand your visitors much better, much faster. The product that is being introduced is based on Piwik, the leading all-in-one open source analytics platform that gives you 100% data ownership, full control over your data, is privacy compliant, and has no limitations. Learn now how to truly understand your website visitors.