如何使用 <img> Google 跟踪代码管理器中的自定义代码跟踪按钮点击



我收到了一家营销公司的自定义标签,用于放置在Wordpress网站上,以跟踪某些按钮的点击。我正在网站上使用 Elementor 页面构建器,并为每个按钮提供了一个唯一的按钮 ID。 顺便说一下,我是谷歌标签管理器的新手。 据我了解,我需要使用自定义 html 标签选项,以便我可以将营销公司的自定义标签与其跟踪代码一起使用。 在 GTM 中创建自定义 html 标签时,我会看到 html 框,并且不知道如何触发跟踪代码。 我已经设置了触发器以与按钮 ID 相对应,但这还不够。 这是我尝试过的:

我尝试在 HTML 字段中输入(见下文(:(示例用于新闻通讯按钮(。 我想也许标签管理器使用一些"魔法"来构建事件侦听器,但我无法触发任何东西。

'''<noscript><img src="https://tags.srv............." width="1" height="1"/></noscript>'''

接下来,我尝试注入这样的东西无济于事(请参阅我的注释,因为我在这里猜测(:

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
jQuery('#newsletter_send_button a').click(function(){ 
//tracking code here
//for example Facebook Pixel:
fbq('trackCustom','newsletter_send_button');  <<<HERE IS WHERE I'M UNSURE 
OF WHAT TO PUT IN.>>>
</scipt>
<noscript>
<img src="https://tags.srv...................." 
width="1"
height="1"/>
</noscript>

谷歌跟踪代码管理器安装在网站上。 我看到我的通用标签被触发,所以我知道我很好。 现在如何将此自定义跟踪器添加到网站上的单个按钮? 也许我走错了方向,但我认为我必须使用 Google 跟踪代码管理器中的自定义 HTML 选项,因为跟踪器信息被发送到营销机构,而不是企业的个人 GTM 帐户。我只是不知所措。 我"认为"跟踪器是一个Facebook像素,因为标签(只是在这里猜测(。 有什么想法吗?

如果其他人遇到这个线程,我能够让它工作。 如果第三方代理机构(营销(向您发送了图像像素,请使用 Google 跟踪代码管理器中的自定义图片代码,并在图片网址区域中仅输入网址(不含图片代码或高度/宽度(,然后将缓存无效化保留为开启状态。 想通后听起来很简单。 此外,如果您使用的是 Elementor 表单并希望根据成功的表单提交来触发代码,建议创建一个单独的重定向页面并将触发器设置为重定向页面的页面 URL。 您可以使用div.elementor-message-success css 标签作为元素触发器,但这适用于所有成功的表单提交,并且在单击提交按钮后让 GTM 读取表单 ID 对我不起作用,因此为什么我只是使用重定向 url 作为触发器。

最新更新