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

【问题标题】：CSS selector with Google Tag Manager on button[name=]按钮 [name=] 上带有 Google 跟踪代码管理器的 CSS 选择器
【发布时间】：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

标签： html css css-selectors google-tag-manager

【解决方案1】：

你错过了报价。

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

【讨论】：

【解决方案2】：

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

【讨论】：