Googleタグマネージャーをfunctions.phpで読み込ませる

https://shohei-shimizu.com/google-tag-manager

Googleタグマネージャーは<head></head>内と<body></body>内直下の２箇所にタグを埋め込む必要があります。下記のコードをコピペし、２箇所ある『GTM-XXXXXXXX』を任意の文字に差し替えてください。

//Google Tag Manager
function add_gtm_head() {
  echo "<!-- 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-XXXXXXXX');</script>
<!-- End Google Tag Manager -->";
}
add_action('wp_head', 'add_gtm_head', 0);


function add_gtm_body() {
  echo '<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->';
}
add_action('wp_body_open', 'add_gtm_body', 0);

wp_head関数、wp_body_open関数をそれぞれ呼び出して終了です。

<head>
  <?php wp_head(); ?>
</head>
<body>
  <?php wp_body_open(); ?>
</body>

特定のページでのみ読み込む場合

function add_gtm_thanks()  {
  if ( is_page('harikae_thanks') ) {
  echo "<!-- Event snippet for ページビュー conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-16682675415/9U4dCLuqgM8ZENfZ9ZI-',
      'value': 1.0,
      'currency': 'JPY'
  });
</script>
<!-- End Google Tag Manager -->";
    }
  }
add_action('wp_head', 'add_gtm_thanks', 1);

別の方法

function add_google_gtag() {
    ?>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-EEKZMYMT76"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-EEKZMYMT76');
    </script>
    <?php
}
add_action('wp_head', 'add_google_gtag');

Googleタグマネージャーをfunctions.phpで読み込ませる

関連記事