Question

我从一家营销公司收到了一个自定义标签，该标签放置在Wordpress网站上，用于跟踪某些按钮的点击。我正在网站上使用Elementor页面构建器，并为每个按钮指定了唯一的按钮ID。顺便说一下，我是Google跟踪代码管理器的新手。据我了解，我将需要使用自定义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跟踪代码管理器。我看到通用标签被触发，所以我知道我很好。现在如何将该自定义跟踪器添加到网站上的各个按钮？也许我走错了方向，但是我认为我必须在Google跟踪代码管理器中使用“自定义HTML”选项，因为跟踪器信息将发送到营销机构，而不是企业的个人GTM帐户。我很茫然。我“认为”该跟踪器是基于标签的Facebook像素（仅在此处猜测）。有任何想法吗？

Answer 1

万一其他人遇到该线程，我也可以使其正常工作。如果第三方代理商（市场营销）向您发送了img像素，请使用Google跟踪代码管理器中的“自定义图像”标记，并在“图像URL”区域中仅输入URL（不输入img标记或高度/宽度），然后将Cachebusting保持打开状态。弄清楚之后听起来很简单。另外，如果您正在使用Elementor表单，并希望基于成功提交表单而触发标签，则建议您创建一个单独的重定向页面，并将触发器设置为重定向页面的页面URL，这是我们的建议。您可以使用div.elementor-message-success css标记作为元素触发器，但是它适用于所有成功的表单提交，并且在单击“提交”按钮后让GTM读取表单ID对我不起作用，因此为什么我只是使用重定向网址作为触发器。

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

1 个答案: