首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google Tag Manager Trigger on "Click Element“不适用于包含或CSS选择器?

Google Tag Manager Trigger on "Click Element“不适用于包含或CSS选择器?
EN

Stack Overflow用户
提问于 2021-11-29 22:08:46
回答 1查看 125关注 0票数 0

如何将触发器设置为在图像中显示的"Click Element“上触发?我已经尝试了大量的contains以及matches CSS选择器。这是一个Wix网站上的音频播放器。它是用于暂停和播放的相同的Click元素,所以我只需要在每次页面访问时标记一次记录。但是,我不能启动扳机。没有其他变量是唯一的,他们的音频播放器。如果我需要一个自定义变量,它会是什么样子?谢谢!

GTM screenshot 1

更新1:

页面:https://www.backtable.com/shows/vi/podcasts/169/fallopian-tube-recanalization

Wix音频播放器播放按钮的HTML:

代码语言:javascript
运行
复制
<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>

当按下时,按下的唱段介于false和true之间。因此,我的标记被设置为每页触发一次。不过,我找不到正确的触发器。谢谢!

更新2:

尝试使用: buttonclass^="PlayPause“

没有起作用,并尝试了几个变体。我是不是放错了什么或者其他的想法?

GTM screenshot 2

EN

Stack Overflow用户

发布于 2021-11-29 23:36:27

不能与css选择器一起使用的

  1. 。你总是匹配的。
  2. 你不会在调试器中查看元素的值。它误导到了成为一个bug的地步。只是不要使用预览调试器来查看元素的值。元素是对象,而不是字符串,这是一种将对象表示为字符串的糟糕尝试。
  3. 为match子句编写自己的CSS选择器。

如果您在编写CSS选择器时遇到问题,请使用您拥有的实际html代码片段更新您的问题,指出您想要捕获哪些元素的点击,我们将为您编写选择器。这里,对于你的超文本标记语言,一个可能的选择器是:button[class^="PlayPause"]这里:

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70161918

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档