在我的 Wordpress 网站上添加 Google Tag Manager 时出现问题答案

【问题标题】：Issue adding Google Tag Manager on my Wordpress website在我的 Wordpress 网站上添加 Google Tag Manager 时出现问题
【发布时间】：2021-12-07 03:10:00
【问题描述】：

我正在尝试在我的 Wordpress 网站上添加 Google 跟踪代码管理器脚本、带有 locomotivescroll.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库有问题吗？

【问题讨论】：

标签： php wordpress google-tag-manager locomotive-scroll swup

【解决方案1】：

你真的用 GTM-XXXXXXX 添加 GTM 吗？这些 X 应该替换为您的 GTM ID。
我们通常不使用php来注入GTM sn-p。我们通常要么将它们注入 html 模板，要么创建一个子主题。或者只是使用扩展来加载它。
最后，确保 GTM sn-p 出现在您的 DOM（Chrome 调试器的元素部分）中，就像它出现在 GTM UI 中一样。它为您提供标签的实际内容，因为它应该出现在您的 DOM 中。

【讨论】：