在我的 Wordpress 網站上添加 Google 標簽管理器的問題

Question

我正在嘗試在我的 Wordpress 網站上添加 Google 跟蹤代碼管理器腳本，使用 locomotivescroll.js 和 swup.js 自定義主題。 這是我用於函數集成的代碼。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 上測試預覽，我會收到“無法連接到網站”的消息，但如果我在主頁的源代碼中找到 go，我會在 中找到腳本，在頂部主體中找到另一個腳本。 在 header.php 中，我輸入： <?php wp_head(); /* insert scripts and tags in header */?> <?php wp_head(); /* insert scripts and tags in header */?>和<?php do_action('body_top'); ?> <?php do_action('body_top'); ?>在身體的開頭

誰能幫助我？ 前面提到的Js庫是否存在一些問題？

Answer 1

1. 你真的用 GTM-XXXXXXX 添加 GTM 嗎？ 這些 X 應該替換為您的 GTM ID。
2. 我們通常不使用 php 來注入 GTM 代碼段。 我們通常要么將它們注入到 html 模板中，要么創建一個子主題。 或者只是使用擴展來加載它。
3. 最后，確保 GTM 代碼段出現在您的 DOM（Chrome 調試器的“元素”部分）中，就像它在 GTM UI 中一樣。 它為您提供標簽的實際內容，因為它應該出現在您的 DOM 中。

Answer 2

@carlvash 如果您使用Google 的 Site Kit 插件，則無需手動插入任何 GTM 代碼。 該插件會為您完成，而且是免費的，插入后您會注意到正確的片段出現在您的網站上，同時包括您自己的 GTM 容器 ID（代替您引用的 GTM-XXXXXXX）