GA4のクリック計測をGTMで設定する方法｜ボタン・リンク・二重計測の確認

GA4で自動計測できるクリックと、追加設定が必要なクリック

GA4の「click」イベントがあるからといって、ページ内のすべてのクリックを取得しているわけではありません。拡張計測機能の離脱クリックは、別サイトへの移動を対象とします。仕様はGoogle公式の離脱クリック計測を確認してください。

設定前に準備するもの

• 対象サイトに設置されたGTMコンテナと、編集・公開に必要な権限。
• 計測先のGA4プロパティ、Webデータストリーム、測定ID（G-から始まるID）。
• 対象サイトで動作しているGoogleタグ。
• 計測するリンクやボタン、そのクリック後に確認したい行動。

GTMの権限とGA4の権限は別です。GA4でデータを見られても、GTMの変更を公開できるとは限りません。アクセスの共有方法はGA4の権限付与・共有方法も参照してください。

すでにCMSや別のタグから同じイベントを送っていないかも確認します。Googleタグを重複して設置すると、クリック以外の計測にも影響するため、既存の設定を把握してから進めましょう。

GTMで内部リンクのクリックを計測する手順

ここでは、次の問い合わせリンクをクリックしたときに、cta_clickというカスタムイベントを送る例を使います。IDやURLは説明用です。実際のサイトに合わせて置き換えてください。

<a id="contact-cta" href="/contact">お問い合わせ</a>

1．クリックの組み込み変数を有効にする

GTMの「変数」から組み込み変数の設定を開き、Click ID、Click URL、Click Text、Click Classes、Click Elementなど、判定や検証に必要な変数を有効にします。

Click IDはクリック対象のID、Click URLはリンク先URL、Click Elementは対象の要素を確認するために使います。名前が似ているため、プレビューで実際に入る値を確認してください。詳細はGTMの組み込み変数にまとまっています。

2．「クリック－リンクのみ」のトリガーを作る

1. 「トリガー」→「新規」を開きます。
2. 種類を「クリック－リンクのみ」にします。
3. 対象を「一部のリンククリック」にします。
4. 条件を「Click ID」「等しい」「contact-cta」にします。
5. 分かりやすい名前で保存します。例：Link - Contact CTA。

同じIDが複数の要素で重複していないかを確認してください。IDが使えない場合は、Click URLなど別の条件を検討します。URL条件では、末尾のスラッシュやクエリパラメータの違いにより一致しない場合があるため、実際の値で検証します。

3．GA4イベントタグを作る

「タグ」→「新規」から「Google アナリティクス：GA4イベント」を選び、送信先の測定IDとイベント名を設定します。既存のGoogleタグとの対応も確認します。

このイベント名は設定例です。社内に既存の命名規則があれば合わせます。送信するURLにメールアドレスや氏名などが含まれないことを確認し、不要なパラメータは送らないようにしましょう。

タグとトリガーの基本はGoogle公式のGA4イベント設定手順でも確認できます。設定画面の保存だけでは、本番環境への反映は完了しません。次の検証を行ってから公開します。

button要素や電話リンクを計測する場合

button要素は「すべての要素」で判定する

リンクではないボタンには、「クリック－すべての要素」を使います。次のようにボタン内にspanやアイコンがある場合は、クリックした場所によってClick IDが空になることがあります。

<button id="open-contact" type="button">
<span>相談フォームを開く</span>
</button>

この例では、トリガーを「一部のクリック」にし、「Click Element」「CSSセレクタに一致する」で次を指定する方法があります。

#open-contact, #open-contact *

ボタン本体と、その子要素を対象にする指定です。文字・余白・アイコンなど複数箇所をクリックして、同じイベントが1回ずつ記録されるかを確認します。CSSセレクタ条件はGTM公式のセレクタ説明も参照してください。

電話・メールはクリック条件を明示する

電話リンクを計測する場合は、「クリック－リンクのみ」でClick URLがtel:から始まる条件を検討します。メールリンクはmailto:です。専用イベント名を決め、実際の端末でトリガーと送信を検証します。

電話リンクが押されても、発信が完了したとは限りません。メールアプリを開く操作も、メール送信完了とは別です。クリックを補助指標として扱い、必要なら別の方法で最終成果を確認します。

Tag AssistantとDebugViewで動作を確認する

1. GTMの「プレビュー」から、対象サイトをTag Assistantに接続します。
2. 対象リンクを1回クリックし、該当するクリックイベントを選びます。
3. VariablesでClick IDやClick URLを確認し、想定した条件と一致するかを見ます。
4. Tags Firedで、対象のGA4イベントタグが発火していることを確認します。
5. GA4のDebugViewで、対象のデバッグ端末にイベントが届いているか、パラメータの値が正しいかを見ます。
6. 対象外のリンクでは発火しないこと、同じ操作が重複して記録されないことも確認します。
7. 変更内容を記録してGTMを公開し、本番ページでも改めて確認します。

Tags FiredはGTM側の実行状況です。それだけでGA4への受信まで確認できたことにはなりません。DebugViewでイベントが見えない場合は、デバッグ端末、送信先の測定ID、同意設定やブラウザの計測制限も確認します。DebugViewの公式ヘルプも参照してください。

通常レポートへの反映には時間がかかる場合があります。まずデバッグで送信を確認し、レポートに表示されないからといって同じタグを追加しないようにします。

計測されない・二重に計測される場合の対処

同じ操作に対してclickとcta_clickが1回ずつ発生する設計もあります。この場合はイベント名ごとに意味を分け、単純合算を避けます。同じイベント名で重複する場合は、どの設定から送られているかを特定して整理してください。必要な自動計測まで一括で無効にする前に、重複する範囲を確認します。

クリックデータをレポートと改善に使う

GA4ではイベント名をcta_clickに絞り、イベント数などを確認します。独自パラメータのcta_nameを通常のレポートや探索で使う場合は、イベントスコープのカスタムディメンションとして登録する方法があります。登録前のデータへ遡って適用されるものではないため、計測設計時に必要性を確認しましょう。

問い合わせフォームへ進むクリックは、問い合わせ完了とは別の行動です。フォーム送信が目的なら、送信成功を確認できるイベントも設計し、「記事を読む→フォームへ進む→送信を完了する」のどこに課題があるかを調べます。

クリック数だけで判断せず、記事の閲覧数や利用者数と合わせて比較してください。複数回クリックする人もいるため、イベント数と人数は区別します。具体的な改善の考え方は、導線と動線の違い・サイト改善の手順で解説しています。

公式情報の確認日：2026年9月22日。