Scroll map

Scroll map 是一款工具，用于分析网站用户如何注意到网站页面的特定区域。 Scroll map 可以帮助您选择最佳页面长度并以最佳方式放置重要信息。

它显示光标所在的页面特定部分的平均浏览时间和浏览量。您还可以获取一组页面的统计。例如，针对特定文件夹。

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

热图 —— 页面浏览时间的变化通过不同颜色的区域突出显示。
透明贴图 —— 用户浏览时间较少的页面区域会变暗，而浏览时间较长的区域会更加透明。

Minimum —— 所选页面的页面浏览总时间中的最短浏览时间。

Maximum —— 所选页面的总页面浏览量中的最长浏览时间。

备注

数据存储 15 天，包括当天。
该热图仅显示在安装了 Yandex Metrica 计数器的网站页面上，并且仅当该网站使用 UTF-8 编码时显示。
构建地图时，URL 中会排除 www、广告标签以及 #（含）之后链接部分等元素，但常规 URL 参数不会被排除。这就是为什么页面 http://example.com?id=1 和 http://example.com?id=2 的点击热图会有所不同。

已复制
不支持 Internet Explorer 8.0 及更早版本。

连接

在 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)