Google Tag Manager (GTM) でクリックイベントを設定する方法 – ステップバイステップガイド

Google Tag Manager (GTM) でクリックイベントを設定する方法 – ステップバイステップガイド - 2025年2月25日 - 読了時間 2分（更新日: 2025年3月15日）

Google Tag Manager (GTM) でのクリックイベントの設定は、ボタンのクリック、リンクのクリック、またはウェブサイト上のその他の要素など、ユーザーのインタラクションを追跡できるようにする非常にシンプルなプロセスです。設定手順は以下の通りです。

ステップ 1: GTM コンテナにアクセスする

• tagmanager.google.com から Google Tag Manager アカウントにログインします。
• クリックをトラッキングしたいウェブサイトに紐付けられたコンテナを選択します。

ステップ 2: 組み込みのクリック変数を有効にする

GTM にはクリックデータを取得するための組み込み変数が用意されていますが、まずこれらを有効にする必要があります。

• GTM の左サイドバーから 変数 (Variables) セクションに移動します。
• 「組み込み変数 (Built-in Variables)」ボックスの 設定 (Configure) をクリックします。
• 必要となるクリック関連の変数にチェックを入れます。例：
  • Click Element
  • Click Classes
  • Click ID
  • Click URL
  • Click Text
• 変更を保存します。

ステップ 3: クリックイベントのトリガーを作成する

トリガーは、タグをいつ配信するかを定義します。クリックをトラッキングするには：

• 左サイドバーの トリガー (Triggers) に移動し、新規 (New) をクリックします。
• トリガーに名前を付けます（例：「ボタンクリックトリガー」）。
• トリガーの設定ボックスをクリックし、クリック - すべての要素 (Click - All Elements) を選択します（リンクのクリックのみを追跡する場合は クリック - リンクのみ (Click - Just Links) を選択します）。
• トリガーの発生場所を選択します：
  • すべてのクリック (All Clicks): すべてのクリックで発生します。
  • 一部のクリック (Some Clicks): 特定の条件（例：特定のボタンのクリック）に基づいて発生します。
• 「一部のクリック」を使用する場合は、次のような条件を設定します：
  • Click ID が submit-button に等しい（要素の ID に置き換えてください）。
  • Click Classes に btn-primary が含まれる（要素のクラスに置き換えてください）。
  • Click Text が 詳しくはこちら に等しい（特定のボタンテキストの場合）。
• トリガーを保存します。

ステップ 4: イベントをトラッキングするためのタグを作成する

次に、作成したトリガーを、クリックデータを送信するタグ（Google Analytics など）に関連付けます。

• 左サイドバーの タグ (Tags) に移動し、新規 (New) をクリックします。
• タグに名前を付けます（例：「GA - ボタンクリックイベント」）。
• タグの設定ボックスをクリックし、Google アナリティクス: ユニバーサル アナリティクス（またはお好みの分析ツール）を選択します。
• トラッキングタイプを イベント (Event) に設定します。
• イベントの詳細を入力します：
  • カテゴリ (Category): 例：「Button Clicks」
  • アクション (Action): 例：「Click」
  • ラベル (Label): 動的なデータのために {{Click Text}} や {{Click ID}} などの変数を使用します。
• 「Google アナリティクス設定」で、GA 変数を選択するか、トラッキング ID（例：UA-XXXXX-Y）を入力します。
• トリガー (Triggering) ボックスをクリックして、作成したトリガーを選択し、タグにリンクさせます。
• タグを保存します。

ステップ 5: プレビューとテスト

• GTM の プレビュー (Preview) をクリックしてデバッグモードに入ります。
• 新しいタブで自分のウェブサイトを開きます。GTM プレビューに接続されるはずです。
• トラッキング対象の要素をクリックし、デバッグパネルでタグが配信（Fire）されたかどうかを確認します。
• 正しく動作していれば、タグは「Tags Fired」の下に正しい詳細とともに表示されます。

ステップ 6: 変更を公開する

• テストが完了したら、プレビューモードを終了し、GTM で 公開 (Submit) をクリックします。
• バージョン名（例：「ボタンクリックイベントの追加」）を入力し、公開 (Publish) をクリックします。

ヒント

• ブラウザの開発者ツール（右クリック > 検証）を使用して、条件に使用する ID、クラス、またはテキストを確認してください。
• クリックが記録されない場合は、GTM のスニペットがサイトに正しくインストールされているか確認してください。
• 高度な設定（動的コンテンツ内のクリックトラッキングなど）には、カスタム JavaScript 変数が必要になる場合があります。

さらに高度なヒントについては、GTM Community や Google Analytics Academy で学ぶことができます。また、YouTube にも多数のチュートリアル動画があります。

Tags:

• Google Tag Manager
• GTM
• Data Tracking
• Step-by-step
• Tech & AI