如何用 GTM 测量不可点击的跨度 class?
How to measure the non-clickable span class with GTM?
有一个联系表单,提交后它不会定向到不同的页面,它作用于同一页面并给出一条闪现消息,表明论坛已发送。
<span class="form-submitted">Thanks For Submttied</span>
form-submitted
class 是唯一的 class 并且仅在发送表单时出现。
我需要跟踪此元素何时出现在页面上。
如何跟踪测量值?
如果我没理解错的话,提交表单后就会显示该元素。为此,GTM 有一个“可见性触发器”,它可以在元素的显示 属性 发生变化时触发标签,或者在元素动态插入页面时触发标签。
转到“触发器”,创建一个新触发器,select“元素可见性”作为触发器类型,将“元素选择器”从“id”更改为“CSS 选择器”并输入class 你的元素。
如果您的元素是动态插入的,而不是通过 CSS 样式显示的,则需要选中“观察 DOM 更改”复选框。检查 DOM 更改是一项昂贵的操作,因此您会收到一条警告,指出这可能会影响性能(尽管根据我的经验,这更多是理论上的问题)。
需要注意的是,该元素需要对用户可见,即在视口内。如果它出现在视口之外(例如在小型浏览器中 window),触发器将不会触发。
有一个联系表单,提交后它不会定向到不同的页面,它作用于同一页面并给出一条闪现消息,表明论坛已发送。
<span class="form-submitted">Thanks For Submttied</span>
form-submitted
class 是唯一的 class 并且仅在发送表单时出现。
我需要跟踪此元素何时出现在页面上。
如何跟踪测量值?
如果我没理解错的话,提交表单后就会显示该元素。为此,GTM 有一个“可见性触发器”,它可以在元素的显示 属性 发生变化时触发标签,或者在元素动态插入页面时触发标签。
转到“触发器”,创建一个新触发器,select“元素可见性”作为触发器类型,将“元素选择器”从“id”更改为“CSS 选择器”并输入class 你的元素。
如果您的元素是动态插入的,而不是通过 CSS 样式显示的,则需要选中“观察 DOM 更改”复选框。检查 DOM 更改是一项昂贵的操作,因此您会收到一条警告,指出这可能会影响性能(尽管根据我的经验,这更多是理论上的问题)。
需要注意的是,该元素需要对用户可见,即在视口内。如果它出现在视口之外(例如在小型浏览器中 window),触发器将不会触发。