此Google跟踪代码管理器自动事件监听器最初是由发布的 西莫·阿哈瓦(Simo Ahava).
它有什么作用? 自动跟踪您网站上与嵌入式Mixcloud播放器的交互。当用户查看音轨的25%,50%,75%时,此食谱将向Google Analytics(分析)触发事件。其他可能的事件是:‘buffering’, ‘play’, ‘pause’, ‘ended’, ‘error’.
使用说明
- 下载容器文件
下载容器JSON文件 (右键单击链接,然后单击“将链接另存为”或“将目标另存为”以将JSON文件保存到您的计算机)。 - 将JSON文件导入GTM
登录到您自己的Google跟踪代码管理器容器,然后转到网站的“管理员”部分。在“容器选项”下,选择“导入容器”。读 此博客文章 有关导入容器文件的更多详细信息。 - 使用您自己的跟踪ID更新
使用您的Google Analytics(分析)跟踪ID(又称为UA号)更新或创建名为{{YOUR_GA_TRACKING_ID}}的新常量变量。一世’d recommend using Google Analytics(分析)设置变量 代替。阅读本指南 如何在导入的容器中正确更改跟踪ID. - 嵌入正确的Mixcloud代码
To add the 玩er widget to your site, select the show you want to embed, and click the 分享 按钮。覆盖图应同时打开“共享”和“ 嵌入 option. Choose the latter. Setup the 玩er visuals however you wish. Once you’re done, 取消选中WordPress旁边的框,此后,文本框应包含iframe嵌入代码。
- 编辑嵌入式代码
Add a unique ID attribute to the iframe code. It makes much easier to target the correct 玩er. The code should look like this (notice that id =”myPlayer” 在第二段代码中?)。
您可以添加所需的任何ID,但请确保’在该页面上是唯一的。将此代码嵌入您的网站。 - 编辑Mixcloud侦听器
打开“cHTML – Mixcloud Listener”标记在Google跟踪代码管理器中,然后编辑其代码的第11行。更换 #myPlayer with the very same ID you chose in the 5th step of this tutorial. This way Mixcloud tracking code will know which 玩er it should track. - 预习& Publish
使用“预览”选项在您自己的站点上测试此容器。尝试测试每个事件,以确保它们运行正常。如果一切看起来不错,请继续发布!