【问题标题】:How to build trigger for button in form within Google Tag Manager?如何在 Google 跟踪代码管理器中为表单中的按钮构建触发器?
【发布时间】:2021-10-25 14:45:31
【问题描述】:

我有以下按钮,我想为其创建一个 Google 跟踪代码管理器触发器(但我似乎无法这样做):

<div class="class-a class-b">
  <form class="class-c" action="https://www.example.com/test" method="get" onclick="window.open(this.action); return false;"> 
    <button type="submit">Open now</button>
  </form>
</div>
  • 我应该使用哪种类型的触发器(自动事件变量不 工作)?
  • 我需要如何配置触发器来跟踪按钮 点击?
  • 我需要做什么才能捕捉到动作 值(即 URL https://www.example.com/test)?我需要Javascript才能绑定到它的提交吗?如果有,怎么做?

【问题讨论】:

    标签: google-tag-manager tracking event-tracking


    【解决方案1】:
    1. 您想使用任意点击:所有元素。
    2. 在触发器中,启用“一些点击”然后点击元素 -> 匹配 CSS 选择器 -> 按钮[type="submit"]
    3. (可选)您可以在此处添加更多条件。
    4. 在新代码中使用此触发器。使用 Universal Analytics 作为代码类型。
    5. 标签设置:将其从浏览量更改为事件。现在,您的事件的类别、操作和标签三个字段。
    6. 然后您想将您的操作设置为 URL。开始在该字段中输入 {{ 并选择要填充的变量,如下所示:

    应该是这样的。

    更新以解决给定的实际 html:

    所以只需在你的 CJS var 中返回这个值:

    {{点击元素}}.parentElement.getAttribute("action");

    它应该适用于您提供的确切 html 情况。 然后在你的标签中使用这个CJS,你应该很好。

    【讨论】:

    • 谢谢你,BNazaruk!一切都好 - 除了“页面 URL”变量。我正在尝试获取按钮指向的外部 URL,而不是我当前所在的 URL(即example.com/test)。我怎么会得到这个?
    • 太棒了 - 这确实有效!感谢您抽出宝贵时间..
    猜你喜欢
    • 1970-01-01
    • 2021-10-30
    • 2020-12-10
    • 2022-07-27
    • 1970-01-01
    • 1970-01-01
    • 2022-11-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多