gtag('event', 'submit'....「gtag is not defined」になってしまいます。

GTMのインストールコードをWebサイトに読み込んでます。
※GTMのIDは伏せてます。

HTMLファイルに記述↓


<!DOCTYPE HTML>
<html lang="ja">
<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-MTXXXXX');</script>
<!-- End Google Tag Manager -->

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

以下、送信完了した時に発火します。↓

          gtag('event', 'submit', {
            'event_category': 'form',
            'event_label': 'お問い合わせ'
          });

エラー↓

Uncaught ReferenceError: gtag is not defined

行動規範の内容に同意します

回答2件

自己解決

CVが発生した時に、GTMでイベントを送信するように設定して無事にGA側で計測出来ました。
※UAの方です。GA4ではないのでご注意を。でも、GA4の場合も基本的には同じ感じです。

1.GA側で目標の設定

2.フォームが送信されたら発火

dataLayer.push({'event': 'contact-submit'});

3.GTMのタグ設定

種類：GA
トラッキングタイプ：イベント
カテゴリ：GA側で目標の設定した値
アクション：GA側で目標の設定した値
ラベル：GA側で目標の設定した値
Google アナリティクス設定：GAのID

4.GTMのトリガー設定

トリガーのタイプ：カスタムイベント
イベント名：contact-submit　※2で設定した値
このトリガーの発生場所：それぞれの条件に合わせて

補足、カスタムイベントを使うと応用が色々出来そうと感じました。
例えば、フォーム内のチェックボックの有無で条件分岐で分ければ、
それぞれチェック有無で計測出来ます。

if(チェックボックにチェック有){
dataLayer.push({'event': 'チェック有'});
}else{
dataLayer.push({'event': 'チェック無'});
}

投稿2021/07/14 15:20

編集2021/07/15 08:16

komurojun

総合スコア17

Googleタグマネージャーとgtag.jsは別物です。gtmを読み込んでもgtagは使えません。

投稿2021/07/14 08:55

ka2obushi

総合スコア173

komurojun

2021/07/14 09:08 編集

別物なんですね。ありがとうございます。アナリティクスのコードを入れるとエラーが出なくなるのですが、上記のタグマネージャーと一緒に記載しても問題ないのでしょうか？  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments)}; gtag('js', new Date()); gtag('config', 'UA-XXXXXXXXXX); </script>