将自定义ID添加到WordPress音频播放器播放按钮?

我有一个包含多个播放器的页面,以及Google跟踪代码管理器中的点击事件设置。 也就是说,点击的播放按钮没有用于跟踪标记的类或ID。 我需要给每个玩家播放按钮一个独特的类或ID,点击后可以传递给GTM。

基本上,当玩家在我的网站上显示时,它会进入:

 

我希望它是:

  

谢谢大家。

当然,用于播放不同音频的按钮有一些独特之处,但您可以做到这样的事情:

(我不知道在标记管理器加载之前是否必须存在)

 const buttons = document.querySelectorAll('button[aria-label="Play"]'); for(let i = 0; i < buttons.length; i++){ buttons[i].setAttribute('id', 'playBttn'+i); } console.log(buttons); 
      

您为该音频播放器使用了哪些插件?

为此,您必须更改此插件的短代码,以便允许在短代码中添加另一个参数,例如:

[myplayer file =“mymusic.mp3”id =“1”]

然后在php文件中,您可以将新的参数“id”放在生成的html中。

我正在研究这个问题,并提出了一个解决方案。 它有点hacky但它​​确实适合我的需要。

它需要一个hack来wpincludes / mediaelements / mediaelement-and-player.min.js(我计划在某个时候创建​​一个插件来执行此操作……)

找到播放按钮的部分为按钮添加新的ID和类。 该标识由谷歌标记管理器抓取,并使用post标题更新该类。

 ('
').

在每个wordpress主题内容页面(content.php,content-single.php,content-front.php等)

找到音频/video部分

 

在我的情况下,我可以在Google标记管理器中获取element.css值,并使用它来跟踪播放的音频文件以及播放的页面。

如果你需要在每个post中跟踪多个音频文件,你可能会获得媒体ID并使用它而不是post标题 – 如果你有很多ID,你需要一个查找表。