如何设置 Google Tag Manager 跟踪复选框

谷歌标签管理器(Google Tag Manager)是一个用于跟踪事件的非常好的工具。我们今天介绍如何设置 Google Tag Manager 跟踪复选框。

以下面的表单为例:

复选框示例
复选框示例

在上面的表单中,有多个复选框选项。为了便于理解,我们以跟踪“First Choice”复选框为例。

在浏览器中打开该页面,然后检查元素找到“First Choice”复选框的 id 或 class。在本例子中,“First Choice”复选框对应的 ID 为“Field3”。

找到“First Choice”复选框的 id 或 class
找到“First Choice”复选框的 id 或 class

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

(0)
牛奇网牛奇网
上一篇 2022年3月17日 下午9:40
下一篇 2022年3月18日 下午2:16

相关推荐

发表回复

登录后才能评论
很多新手不知道如何选择外贸独立站主机,这里推荐一款使用量最大,性价比最高的国外独立站主机Hostinger,立即获取优惠