如何在 Google 标签管理器中为表单中的按钮构建触发器？

Question

我有以下按钮，我想为其创建一个 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 才能绑定到它的提交吗？如果是，怎么做？

Answer 1

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

应该是这样。

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

所以只需 return 你的 CJS 变量中的这个值：

{{单击元素}}。parentElement.getAttribute("操作");

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

如何在 Google 标签管理器中为表单中的按钮构建触发器？

How to build trigger for button in form within Google Tag Manager?

tracking

event-tracking

google-tag-manager