按钮 [name=] 上带有 Google 跟踪代码管理器的 CSS 选择器

Posted

技术标签:

【中文标题】按钮 [name=] 上带有 Google 跟踪代码管理器的 CSS 选择器【英文标题】:CSS selector with Google Tag Manager on button[name=] 【发布时间】:2021-12-27 02:28:33 【问题描述】:

我在谷歌标签管理器中有一个点击触发器(所有元素),点击元素 -> 匹配 css 选择器 - 按钮 [name=checkout]。但是,触发器不适用于按钮标签内的 span 内容。有人对此有解决方案吗?

<button type="submit" name="checkout" class="Cart__Checkout Button Button--primary Button--full">
          <span>Zum Checkout</span>
          <span class="Button__SeparatorDot"></span>
          <span>99,95 €</span>
</button>

谢谢!

【问题讨论】:

您是否尝试过使用 JS 变量获取被点击元素的父元素? like in this question 【参考方案1】:

你错过了报价。

此外,无需使用 GTM 来测试您的 CSS 选择器。总是在开发工具中这样做:

【讨论】:

【参考方案2】:

解决方案 button[name=checkout], button[name=checkout] * 适用于我的情况

【讨论】:

以上是关于按钮 [name=] 上带有 Google 跟踪代码管理器的 CSS 选择器的主要内容,如果未能解决你的问题,请参考以下文章

表单发送上的 Google AdWords 转化跟踪

html Google跟踪代码管理器跟踪代码的退出按钮

text 使用Google Analytics(分析)启动按钮CTA事件跟踪

无法使用带有 IDFA 的 Google Analytics iOS SDK 验证人口统计报告的跟踪代码

如何使用带有 JSON-LD 和变量的多模式产品评论的 Google 跟踪代码管理器

如何在 knockoutjs 按钮点击事件中添加 Google AdWords 转化跟踪代码?