如何在按钮处于表单但不导致提交时触发 google 标签管理器

Question

使用 Stripe 的 checkout.js，我有一个按钮 button.stripe-button-el，我想监视它。该按钮位于表单内，但不会导致表单提交。使用 Google 跟踪代码管理器，

Form Classes matches CSS selector stripe-button-el

不起作用，大概是因为单击按钮没有提交表单。我应该使用什么过滤器来监控此按钮的点击次数？

按钮的 html 是

  <button type="submit" class="stripe-button-el" style="visibility: visible;">
     <span style="display: block; min-height: 30px;">Pay with Card</span>
  </button>

如果我使用标签预览模式，当我点击按钮时，那么看起来被触发的是

Click Element   Data Layer Variable object [object HTMLSpanElement]

所以看起来按钮内的跨度是我应该触发的，但它没有 class 但有文本 'Pay with Card'.

Answer 1

您是否尝试过使用“单击 - 所有元素”来指定所单击项目的 class？您可以查看 Google 跟踪代码管理器预览，其中 class 在单击项目时实际被检测到。你可以使用它。

在极端情况下，您可以使用触发器“Click - All Element”然后在 {{Click Text}} 上触发'YOUR TEXT'。如果 {{Click Text}} 不存在于您可以选择的变量中，您必须从变量中的内置变量中激活它。

如何在按钮处于表单但不导致提交时触发 google 标签管理器

How to trigger google tag manager when button is in form but does not cause submission

google-tag-manager