问题添加谷歌标签管理器在我的Wordpress网站

Question

我试图在我的Wordpress网站上添加谷歌标签管理器脚本，自定义主题与机车滚动.js和swup.js。以下是我在functions.php中用于集成的代码:

/* Google Tag Manager
/* ------------------------------------ */
add_action( 'wp_head', 'add_gtm_head', 10 );
function add_gtm_head() { ?>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
<?php
}
add_action( 'body_top', 'add_gtm_body' );
function add_gtm_body() { ?>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="500" width="100%"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<?php
}

如果我在GTM上测试预览，我收到"无法连接到网站"，但如果我进入主页的源代码，我发现脚本在顶部，另一个在顶部。在header.php中，我输入:头部的<?php wp_head(); /* insert scripts and tags in header */ ?>和正文开头的<?php do_action('body_top'); ?>

谁能帮我?前面提到的Js库是否存在一些问题?

Answer 1

1. 你真的把GTM和GTM- xxxxxxx加在一起了吗?这些x应该被替换为您的GTM ID。
我们通常不使用php注入GTM代码段。我们通常要么将它们注入html模板中，要么创建子主题。或者直接使用扩展来加载。
2. 最后，确保GTM片段出现在您的DOM (Chrome调试器的元素部分)中，因为它出现在GTM UI中。它为您提供标签的实际内容，因为它应该出现在DOM中。

Answer 2

@carlvash如果您使用Google的Site Kit插件，则不需要手动插入任何GTM代码。这个插件为你做了，而且它是免费的!插入后，您将注意到正确的片段出现在您的站点上，同时包含您自己的GTM容器ID(代替您引用的GTM- xxxxxxx)