Click map
The click map measures and displays statistics for clicks on your site. The map displays clicks on all the page elements (including ones that are not links). In addition to seeing how users interact with a single page, you can view aggregated statistics for a group of pages. For example, you can get statistics for a specific section.
Ways to use the map
The click map helps you evaluate the overall usability of your website, identify the most popular sections, and see which parts of the design users mistake for links.
Elements are color-coded to indicate how frequently they’re used. The map shows the total number of clicks on the page (or group of pages) and the percentage of clicks in the area currently visible to you.
You can use multiple map display modes:
“Heat map” — Warm colors correspond to frequent clicks, and cool colors correspond to rare clicks.
- “Monochrome map” — The denser the color, the higher the click frequency.
- “Clicks on links and buttons” — The map only shows clicks on links and buttons. It doesn't show clicks on other elements.
“Transparency map” — The click map is displayed as a “fog screen”: the most frequently clicked elements are most visible through the “fog”.
- “Element map” — The map shows all the elements on a page.
- The map is only displayed on the site pages where the Yandex.Metrica tag is installed, and only if the site uses UTF-8 encoding.
- You can view statistics for a year or a shorter time period.
- When building a map from a URL, elements such as
www
, advertising tags, and the part of the link following#
are removed from the URL, but regular URL parameters are not excluded. This is why the click map for the pagehttp://example.com?id=1
will not be the same as forhttp://example.com?id=2
. - Internet Explorer versions 8.0 and earlier are not supported.
Connecting
- In Yandex.Metrica, go to Settings (Tag).
- Select the Session Replay, scroll map, form analysis option.
- Save your changes.
- Install the updated code snippet on all the site's pages.
Statistics on a group of pages
To view statistics for a group of pages, you can use extra characters in the URL box.

Character | Description | Example |
---|---|---|
* | Matches any number of any characters | Display data for all pages with URLs that start with https://example.com/goods/, including the specified page: If you enter the address without extra characters, Yandex.Metrica provides a drop-down suggestion with the * character |
~ | The condition is a regular expression | Show data for pages with URLs that match the regular expression. For example: ~http://example.com/.* |
Character | Description | Example |
---|---|---|
* | Matches any number of any characters | Display data for all pages with URLs that start with https://example.com/goods/, including the specified page: If you enter the address without extra characters, Yandex.Metrica provides a drop-down suggestion with the * character |
~ | The condition is a regular expression | Show data for pages with URLs that match the regular expression. For example: ~http://example.com/.* |
Let's look at an example. You need to get statistics on pages in the directory https://example.com/goods/. In order for this data to be shown on the map, enter https://example.com/goods/* in the address box (after you enter it, the same address is shown in the drop-down suggestion). Data is loaded automatically.
The map will be displayed on the most popular page with a URL that matches what you specified. Numeric indicators (number of page views, clicks, and the percentage of visible clicks) will be combined for all the pages that match the condition.
Showing data in an iframe
If your site is protected from being shown in an iframe (the X-Frame-Options
header is used in the server settings), the collected data won't be available for viewing. To view the site's session data, you must change the server settings and add an exception for the webvisor.com domain and subdomains, as well as for your site's domain. Use the regular expression
^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com)\/
If you use nginx, add the following exceptions to your configuration:
location / {
set $frame_options '';
if ($http_referer !~ '^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com)\/'){
set $frame_options 'SAMEORIGIN';
}
add_header X-Frame-Options $frame_options;
...
}
where yourdomain\.com
is the site's domain name. Use your site's domain zone (it may differ from .com).
Page size restriction
In order to display data on the map, the website pages must meet certain size restrictions. The values below are for displaying the map in various browsers:
Browser | Maximum page height/width (in pixels) | Maximum number of pixels |
---|---|---|
Mozilla Firefox | 32,767 | 472,907,776 (22,528 x 20,992) |
Chrome | 32,767 | 268,435,456 (16,384 x 16,384) |
Internet Explorer | 8,192 | 67,108,864 (8,192 x 8,192) |
Browser | Maximum page height/width (in pixels) | Maximum number of pixels |
---|---|---|
Mozilla Firefox | 32,767 | 472,907,776 (22,528 x 20,992) |
Chrome | 32,767 | 268,435,456 (16,384 x 16,384) |
Internet Explorer | 8,192 | 67,108,864 (8,192 x 8,192) |
Questions and answers
- Go to the Privacy tab and disable the Prevent cross-site tracking option.
- Restart the browser and open the maps again.
In Safari 12 and higher, the click map, link map, or scroll map page may never finish loading due to an option in the browser settings.
This can happen if in the tag settings on the tab Filters the operation Replace https with http is enabled. In this case, all URLs with HTTP protocols are on the map, and the site itself has the HTTPS protocol.
To start displaying the data, disable the operation:
