---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.1
alternate:
  - https://www.yandex.com/support/metrica/en/webvisor/settings.md
  - https://www.yandex.com/support/metrica/es/webvisor/settings.md
  - https://www.yandex.com/support/metrica/pt/webvisor/settings.md
  - https://www.yandex.com/support/metrica/ru/webvisor/settings.md
  - https://www.yandex.com/support/metrica/tr/webvisor/settings.md
  - https://www.yandex.com/support/metrica/zh/webvisor/settings.md
  - href: zh/webvisor/settings.md
    type: text/markdown
    title: Markdown version
  - href: ../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://www.yandex.com/support/metrica/zh/llms.txt

# 启用和配置 Session Replay

## 连接 {#setup}

1. 在 Yandex Metrica 中，转到 **Settings** → **Tag**。
2. 选择 **Session Replay, scroll map, form analysis** 选项。
3. 在 **Session Replay** 选项卡上，将 **Session Replay** 选项设置为 **On**。
4. 保存更改。
5. 在所有网站页面上安装经更新的计数器代码。


{% note info %}

如果您在过去六个月内未浏览任何录制，则可能会禁用 Session Replay。 要恢复会话录制，请再次启用该选项。

{% endnote %}



## 配置网站内容的录制 {#record}

您可以通过以下方式管理网站内容的录制：

- [输入字段](#record-field)（通过 Yandex Metrica 界面并使用 CSS 类获取）
- [其他网站元素](#record-content)（使用 CSS 类获取）。

### 配置输入字段的录制 {#record-field}

Session Replay 录制用户在网站上的活动，包括填写字段，例如填写表格的行为。 但是，Yandex Metrica 会识别用户可能输入机密信息（例如名字和姓氏）的字段。 这些字段的内容将不会被录制：在 Session Replay 录制中，用户在这些字段中输入的数据将显示为星号。

如果您不希望 Session Replay 录制任何字段的内容，请在 **Session Replay tab** 上的 **Settings** 中禁用 **Record all fields** 选项。 此后，所有字段的内容都将替换为星号。

您还可以使用 CSS 类（[类](http://www.w3schools.com/tags/att_global_class.asp)属性）控制字段的录制方式。


#|
||
**CSS 类名**
|
**描述**
||
||
`ym-record-keys`
|
允许您录制字段内容。 将此类用于 [textarea](https://www.w3schools.com/TAGS/tag_textarea.asp) 和 [input](https://www.w3schools.com/TAGS/tag_input.asp) 元素。
||
||
`ym-disable-keys`
|
允许您禁止录制字段内容。 将此类用于 [textarea](https://www.w3schools.com/TAGS/tag_textarea.asp) 和 [input](https://www.w3schools.com/TAGS/tag_input.asp) 元素。 此字段的内容将替换为星号。
||
|#

**如何允许录制单个字段**

 
:   <!-- source: zh/_includes/definitons/webvisor-v2/settings/def-1.md -->
     
    1\. 禁用 **Record all fields** 选项。

    2\. 将 `ym-record-keys` CSS 类分配给您想要录制的字段。

    Session Replay 将录制标有 `ym-record-keys` CSS 类的字段，密码字段除外。 未标有 `ym-record-keys` CSS 类的字段的内容将替换为星号。
    <!-- endsource: zh/_includes/definitons/webvisor-v2/settings/def-1.md -->

**禁止录制单个字段**

 
:   <!-- source: zh/_includes/definitons/webvisor-v2/settings/def-2.md -->
     
    1\. 启用 **Record all fields** 选项。
    2\. 将 `ym-disable-keys` CSS 类分配给您不想要录制的字段。
        
    标有 `ym-disable-keys` CSS 类的字段中的内容将替换为星号。
    <!-- endsource: zh/_includes/definitons/webvisor-v2/settings/def-2.md -->

如果 Yandex Metrica 误将某个字段标识为机密，您可以使用 `ym-record-keys` CSS 类标记该字段，以此修复这一问题。

此外，您还可以在网站的隐藏元素内配置字段内容的录制。

### 配置其他网站元素的录制 {#record-content}

默认情况下，Session Replay 录制网站页面的所有内容，但用户可能输入机密信息（例如名字和姓氏）的字段除外。 您可以使用 CSS 类（[类](http://www.w3schools.com/tags/att_global_class.asp)属性）控制网站内容的录制。 例如，您可以禁止录制聊天窗口的内容。 除非另有指定，否则将为元素本身及其所有子元素触发为类定义的规则。


#|
||
**CSS 类名**
|
**描述**
||
||
`ym-hide-content`
|
允许您禁止录制任意网站元素。 图像元素将灰显，而文本将被替换为一组随机的模糊字符。
||
||
`ym-show-content`
|
允许您录制网站的任意元素。 此类只能用于位于标有 `ym-hide-content` CSS 类的元素中的元素。
||
|#

**如何禁止录制单独的元素**

 
:   <!-- source: zh/_includes/definitons/webvisor-v2/settings/def-4.md -->
    为您不想录制其内容的元素设置 CSS 类 `ym-hide-content`。
        
    Session Replay 将录制除标有 `ym-hide-content` CSS 类的字段之外的所有字段。 如果图像块标有 CSS 类，则会将其替换为灰色块。 如果为文本，则会将其替换为一组随机的模糊字符。
        
    ![](../_assets/hide-content.png)
    <!-- endsource: zh/_includes/definitons/webvisor-v2/settings/def-4.md -->

**如何允许录制放置在使用 ym-hide-content CSS 类隐藏的元素内的单独元素**

 
:   <!-- source: zh/_includes/definitons/webvisor-v2/settings/def-3.md -->
    例如，您可以控制网站上包含评论的块的录制，例如隐藏用户姓名和头像，但录制评论文本。 因此，头像将被替换为灰色块，用户的姓名将被替换为一组随机的模糊字符，并按用户在会话期间的所见录制评论文本。
        
    如果您想要允许在隐藏元素内录制不是输入字段的任意元素，请执行以下步骤：

    1\. 将 `ym-hide-content` CSS 类分配到您想要隐藏的元素。
    2\. 将 `ym-show-content` CSS 类分配到您想要录制的元素。
    <!-- endsource: zh/_includes/definitons/webvisor-v2/settings/def-3.md -->

**在使用 ym-hide-content CSS 类隐藏的元素内录制输入字段**

 
:   例如，CSS 类 `ym-hide-content` 被分配到了一个评论块 ，且该块包含用于提交评论的表单。 在这种情况下，Session Replay 将不会录制评论块，字段的内容将替换为星号。
    
    为了让 Session Replay 录制字段内容，请为该字段设置 `ym-show-content` CSS 类。 如果在会话录制期间，Yandex Metrica 将字段标识为机密，则会将其内容替换为星号。
    
    如果为隐藏元素内的字段设置 `ym-record-keys` CSS 类，则会将字段内容替换为星号。

<!-- source: zh/_includes/buttons/chat-button.md -->
[与我们聊天](https://yandex.com/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}

<!-- source: zh/_includes/styles/href-to-button.md -->

<!-- endsource: zh/_includes/styles/href-to-button.md -->
<!-- endsource: zh/_includes/buttons/chat-button.md -->

<!-- source: zh/_includes/popup/id-qanda/feedback-intro.md -->
<div class="cut-button">

{% cut "发送电子邮件" %}

选择一个问题以查找解决方案。

{% list tabs radio %}

- 录制了错误的网站内容

  录制中的页面内容可能与实际内容有所不同。 网站上的 CSS 可能经常更改。 在这种情况下，请将内容散列添加到样式文件名中。 这将使文件名在每次更新其内容时发生更改。 例如，`style.390b32d4d49d5e7d.css` 将变为 `style.0c573d460df87d4de5a4.css`。 这使 Session Replay 能够使用网站访问者在其录制会话时看到的样式。

- 回放期间出错

  请执行下列操作：

  -[清除](https://yandex.ru/support/browser/personal-data-protection/cache-memory.html?lang=ru#clearing-cache)浏览器缓存。
  - 禁用所有插件和浏览器扩展程序。
  - [删除浏览器 cookie](https://yandex.ru/support/browser/personal-data-protection/cookies.html#del-cookie)。
  - 检查防火墙设置。 防火墙可能阻止了 Yandex Metrica 计数器脚本。 该计数器也可能被 [Adblock Plus](https://adblockplus.org) 扩展程序阻止。

  {% cut "我遵循了建议，但错误仍然存在" %}


  <div style="padding: 15px;
       margin: 10px 0;
       background: #FFFFFF;
       border-radius: 10px;
       border: 1px solid var(--g-color-line-generic);">
    <iframe style="background: #FFFFFF;"
          height="700"
          width="100%"
          frameborder="0"
          src="https://forms.yandex.com/surveys/1711/?&iframe=1&lang=en">
    </iframe>
  </div>

  {% endcut %}

- 其他问题

  
  如果您有更多 Session Replay 相关问题，请在下面的表单中进行提交。 提供数据显示不正确的会话示例，并指定浏览器的完整版本。

  <div style="padding: 15px;
       margin: 10px 0;
       background: #FFFFFF;
       border-radius: 10px;
       border: 1px solid var(--g-color-line-generic);">
    <iframe style="background: #FFFFFF;"
          height="700"
          width="100%"
          frameborder="0"
          src="https://forms.yandex.com/surveys/1711/?&iframe=1&lang=en">
    </iframe>
  </div>

{% endlist %}

{% endcut %}

</div>

<!-- source: zh/_includes/styles/cut-button.md -->

<!-- endsource: zh/_includes/styles/cut-button.md -->
<!-- endsource: zh/_includes/popup/id-qanda/feedback-intro.md -->


[联系我们](https://yandex-ad.cn/contact){.button}


<!-- source: zh/_includes/footer-links.md -->
- - -

<div class="borderless-table">

#|
||
实用链接

- [演示计数器](https://metrica.yandex.com/r/dashboard?)
- [添加计数器](https://metrica.yandex.com/add/)
- [免费计数器设置](https://yandex.com/promo/freeservice/metrica?utm_source=help_metrica_en&utm_medium=cpc&utm_campaign=1)
- [Yandex Metrica API](https://tech.yandex.com/metrika/)
- [提出您的想法](https://yandex.com/support/metrica/troubleshooting/idea.html)
|
线上培训



- [参加培训课程](https://yandex.com/adv/edu/online/metrika?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)

||
|#

</div>

<!-- source: zh/_includes/styles/table-style.md -->

<!-- endsource: zh/_includes/styles/table-style.md -->
<!-- endsource: zh/_includes/footer-links.md -->

<!-- source: zh/_includes/styles/cut-button.md -->

<!-- endsource: zh/_includes/styles/cut-button.md -->

<!-- source: zh/_includes/styles/href-to-button.md -->

<!-- endsource: zh/_includes/styles/href-to-button.md -->