谷歌标签管理器(Google Tag Manager)是一个用于跟踪事件的非常好的工具。我们今天介绍如何设置 Google Tag Manager 跟踪复选框。
以下面的表单为例:
在上面的表单中,有多个复选框选项。为了便于理解,我们以跟踪“First Choice”复选框为例。
在浏览器中打开该页面,然后检查元素找到“First Choice”复选框的 id 或 class。在本例子中,“First Choice”复选框对应的 ID 为“Field3”。
在 Google 标签管理器中,创建一个新的自定义 javascript 变量。如果选中该框,则此变量将返回 true,否则返回 false。将以下代码复制并粘贴到变量字段中。
function checked() {
var check = jQuery('#Field3').attr("checked");
if(check === "checked") {
return true;
} else {
return false;
}
}
将示例代码中的 ID(#Field3) 替换为自己的 ID。
现在,假设您想在选中此复选框时触发标签。下面向您展示如何在触发器中使用此变量。
第二行中,在选中复选框时返回 true 。其他条件可根据需要进行更改。在预览模式下进行测试。
您可能有不同的应用场景,但是思考的逻辑是一样的。如果选中该复选框,该变量将返回 true。
作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/webmaster/google-tag-manager-form-tracking/