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 でプレビューをテストすると、「Web サイトに接続できません」というメッセージが表示されますが、ホームページのソース コードにアクセスすると、上部の本文にスクリプトが見つかります。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 UI に表示されるのと同じように、GTM スニペットが DOM (Chrome デバッガーの要素セクション) に表示されることを確認します。これにより、DOM に表示されるタグの実際のコンテンツが得られます。
于 2021-10-21T19:21:44.633 に答える