如果您是我博客的读者，您可能已经阅读过我专门介绍使用 Google 跟踪代码管理器进行转化跟踪的文章。自从 Google 工具诞生以来，我已经多次讨论过这个话题。
如何使用 GTM 跟踪转化
跟踪各种类型转化（例如表单、点击和文档下载）的基本指南；
使用 GTM 进行高级表单跟踪：当无法使用本机 Google 跟踪代码管理器侦听器时，如何跟踪联系表单的填写情况；
使用 WordPress、联系表单 7 和 Google 跟踪代码管理器跟踪表单提交：有关如何使用联系表单 7 和 Google 跟踪表单跟踪联系表单的 WordPress 特定指南。
此时，您会问自己：另一本关于使用 Google 跟踪代码管理器进行跟踪的指南有何意义。
答案很简单
自从 GTM 的第一个版本发布以来，Google 的工具经历了各种演变，使最初不那么简单的事情变得简单。由于标签管理系统的目的之一是轻松管理某些流程，因此我想创建这篇文章，旨在向您展示一种充分利用该工具的新方法。
我今天向您介绍的转化分析系统基于 2017 年 10 月推出的激活器，称为 元素的可见性。
什么是元素触发器的可见性
元素激活器的可见性，正如 Google 官方指南中所解释的，仅当特定元素在页面上可见时才允许您激活标签。当某个元素出现在屏幕（视口）的可见区域或根据样式变得可见（例如从隐藏到不隐藏）时触发。
这种类型的激活
器对于跟踪用户何时实际看到网站的一部分（例如横幅或框）非常有用。这样我们就可以更及时地监控我们内容的真实有效性。
许多公司利用电话营销来欺骗客户。结果，客户失 马尔他电话号码数据库 去了购买产品的信心。但是，我们可以明确地说，我们的生意是正宗的。那些努力将产品带给客户的人。您可以从我们这里购买以满足您的业务需求。我们的列表包含马耳他电话号码数据库。这将使每个人都了解您的公司。
通过元素激活器的可见性，还可以设置从 1 到 100% 的可见性百分比以及元素在用户屏幕上保留的最短时间（以便不仅决定用户必须看到元素的哪一部分，还可以决定元素的哪一部分）。多长时间）。
由于该激活器的灵活性
可以在许多不同的情况下使用它。例如，在本文中，我将解释当其他解决方案（例如GTM 的本机表单提交侦听器）不起作用时，如何使用它来跟踪网站上联系表单的完成情况。
为此，我们将利用DOM 选项中的高级检测更改 ，该选项允许激活器在 DOM 更改时工作。
如何使用元素可见性启 为什么选择阿联酋的三星 A72 价格而不是其他中档手机？ 用程序来跟踪表单
我们刚刚看到，元素激活器的可见性允许您监视页面上元素的真实可见性。这种可见性可以源自元素的外观，例如，当用户在页面上向下滚动并看到先前位于折叠下方的元素时，以及当起始元素隐藏在页面上（例如通过 css）并变为用户交互后可见。
如果您考虑一下
第二种情况非常适合您在网站上使用基于 AJAX（或类似）技术的联系表单的情况，该技术一旦填写完毕，就不会重定向到新页面（使用 Google Analytics 可以轻松跟踪情况），但会导致同一页面上出现感谢消息。
要求
为了使用具有元素激活器可见性的跟踪系统，您必须首先验证表单在用户发送后是否在具有特定标识符（id 或类）的页面上显示感谢消息“可停靠” ” 通过 CSS 选择器。
让我们看一个例子。
联系表
在上图中
表单填写完毕后，会向用户显示一条带有绿色边框的感谢消息。
发送消息类
通过分析感谢框的源代码，我确定了一个仅与感谢消息相关的唯一类：wpcf7-mail-sent-ok。通过依赖此类，可以使用与发送的消息相对应的激活器。
第 1 步 – 创建激活器
让我们转到 Google 跟踪代码管理器部分触发器->新触发器；
我们选择Activator Type -> Visibility of an element；
作为选择方法，我们设置ID（如果存在唯一的 id）或CSS 选择器（在其他情况下）并插入我们的元素标识符；
在“何时激活此激活器”部分中，选择激活器应激活的次数（对于联系表单，您可以设置“每次元素出现在屏幕上时”。
第 2 步 – 创建 Google Analytics 事件标签
让我们转到标签->新标签；
我们选择标签类型->通用分析和监控类型->事件；
在事件监控参数中 我们设置类别、操作和标签；
作为激活，我们选择之前创建的Activator。
Google Analytics 表单事件。
第 3 步 – 预览并检查标签
为了验证激活器是否正常工作，我们进入预览模式并填写测试表格。
表单提交元素可见性
为了进一步检查，我们尝试填 美国电子邮件列表 写有错误的联系表格，并确保该活动没有与除“谢谢”以外的消息相对应而激活。在 最小可见度百分比部分我们设置100%；
我们检查DOM 框中的检测更改 ；
设置将激活激活器的任何页面或页面组。
元素可见性激活剂。
