Click map

Click map 衡量并显示您网站上点击的统计数据。该热图显示所有页面元素（包括非链接元素）的点击。除了了解用户如何与单个页面互动之外，您还可以查看某个页面组的汇总统计数据。例如，您可以获得特定部分的统计数据。

热图使用方法

Click map 可帮助您评估网站的整体可用性，识别最受欢迎的部分，并查看设计的哪些部分被用户误认为是链接。

元素采用颜色编码来指示它们的使用频率。该热图显示页面（或页面组）上的总点击次数以及当前可见区域中的点击百分比。

您可以使用多种热图显示模式：

“Heat map” —— 暖色对应频繁点击，冷色对应罕见点击。
“Monochrome map” —— 颜色越浓，点击频率越高。
“Clicks on links and buttons” —— 该热图仅显示链接和按钮的点击情况。它不显示其他元素的点击情况。
“Transparency map” —— 点击热图显示为“雾屏”：最常点击的元素在“雾”中最明显。
“Element map” —— 该热图显示页面上的所有元素。

备注

该热图仅显示在安装了 Yandex Metrica 计数器的网站页面上，并且仅当该网站使用 UTF-8 编码时显示。
您可以查看一年或更短时间段的统计数据。
构建地图时，URL 中会排除 www、广告标签以及 #（含）之后链接部分等元素，但常规 URL 参数不会被排除。这就是为什么页面 http://example.com?id=1 和 http://example.com?id=2 的点击热图会有所不同。
不支持 Internet Explorer 8.0 及更早版本。
报表生成采用通用抽样算法来调节数据量。无论是否抽样，该报表最多将包含 100,000 个事件。

连接

在 Yandex Metrica 中，转到 Settings → Tag。
选择 Session Replay, scroll map, form analysis 选项。
保存更改。
在所有网站页面上安装经更新的计数器代码。

备注

如果过去六个月未浏览过热图，该热图可能会被禁用。要恢复会话录制，请再次启用该选项。

页面组统计

要查看页面组统计，您可以在 URL 框中使用额外的字符。

用于显示统计的字符

字符

描述

示例

匹配任意数量的任意字符

显示 URL 以 https://example.com/goods/ 开头的所有页面的数据，包括指定页面：https://example.com/goods/*。

如果您输入的地址没有额外字符，Yandex Metrica 将提供带有 * 字符的下拉建议

条件是正则表达式

显示 URL 与正则表达式匹配的页面的数据。例如，~http://example.com/.*

让我们看一个示例：您需要获取 https://example.com/goods/ 目录中页面的统计。为了使该数据显示在热图上，请在地址框中输入 https://example.com/goods/*（输入后，下拉建议中会显示相同的地址）。数据将自动加载。

该热图将显示在热度最高的页面上，其 URL 与您指定的 URL 相匹配。数字指标（页面浏览次数、点击次数和可见点击百分比会针对所有符合条件的页面进行合并）。

在 iframe 中显示数据

如果您的网站受到保护，不会在 iframe 中显示（在服务器设置中使用 X-Frame-Options 标头），您将无法查看收集到的数据。要查看网站的会话数据，请在服务器设置中使用正则表达式，以便为以下域添加例外：

您的网站
metrika.yandex.ru
metrika.yandex.by
metrica.yandex.com
metrica.yandex.com.tr
webvisor.com 及其子域

^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com|metri[ck]a\.yandex\.(com|ru|by|com\.tr))\/

如果您使用 nginx，请将以下例外添加到您的配置中：

location / {
        set $frame_options '';
        if ($http_referer !~ '^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com|metri[ck]a\.yandex\.(com|ru|by|com\.tr))\/'){
            set $frame_options 'SAMEORIGIN';
        }
        add_header X-Frame-Options $frame_options;
        ...
    }

其中 yourdomain\.com 是网站的域名。使用您网站的域区域（可能与 .com 不同）。

页面大小限制

为了在热图上显示数据，网站页面必须满足一定的大小限制。以下值用于在各种浏览器中显示热图：

浏览器	最大页面高度/宽度（以像素为单位）	最大像素数
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)