“点击元素”上的 Google 跟踪代码管理器触发器不适用于包含或 CSS 选择器？

Question

如何设置我的触发器以触发图像中显示的这个“点击元素”？我尝试了各种包含以及匹配 CSS 选择器。这适用于 Wix 网站上的音频播放器。暂停和播放使用相同的 Click 元素，因此每次访问页面时我只需标记一次记录。但是，我无法触发触发器。他们的音频播放器没有其他变量是唯一的。如果我需要一个自定义变量，那会是什么样子？谢谢！

GTM screenshot 1

更新 1：
主页：https://www.backtable.com/shows/vi/podcasts/169/fallopian-tube-recanalization

Wix Audio Player 播放按钮的 HTML：

<div class="MusicPlayer2802357603__playLayout" data- 
hook="playLayout"><button class="PlayPause1336740190__button    
MusicPlayer2802357603__playButton" data-hook="play" aria- 
label="Play" aria-pressed="false" type="button"><svg width="18px" 
height="20px" viewBox="0 0 18 20" 
xmlns="http://www.w3.org/2000/svg"><g fill="currentcolor"><path 
d="M17.29,9.02 C18.25,9.56 18.25,10.44 17.29,10.98 L1.74,19.78 
C0.78,20.33 0,19.87 0,18.76 L0,1.24 C0,0.13 0.78,-0.32 1.74,0.22 
L17.29,9.02 Z"></path></g></svg></button></div>

按下时，aria-pressed 介于 false 和 true 之间。因此，我的标签设置为每页触发一次。我无法弄清楚正确的触发器。谢谢！

更新 2：
尝试使用：按钮[class^="PlayPause"]
没有工作并尝试了一些变化。我是不是写错了什么或者有什么其他想法？
GTM screenshot 2

Answer 1

1. 您不要将 contains 与 css 选择器一起使用。你总是匹配。
2. 您没有在调试器中查看 Element 的值。这是一个错误的误导。只是不要使用预览调试器来查看元素值。元素是对象，而不是字符串，这是将对象表示为字符串的糟糕尝试。
3. 为匹配子句编写您自己的 CSS 选择器。

如果您在编写 CSS 选择器时遇到问题，请使用您拥有的实际 html sn-p 更新您的问题，指出您想要捕获哪些元素的点击，我们将为您编写选择器。 在这里，对于您的 HTML，可能的选择器之一是： button[class^="PlayPause"]这里：