0

我正在尝试在我的 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库有问题吗？

4

1 回答 1

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