更新日時: 2025 年 1 月 17 日
この記事では、私が最もお勧めする属性メソッドを使用してカスタム イベント トラッキングを行う方法を紹介します。
属性メソッドは、クラス、ID、テキスト、URL などのページの属性を使用して特定する方法です:
- 必ず一意の値を持つ属性を選択してください。特定の場所のクラスの値が一意である場合は、そのクラスを使用してその場所を特定します。
- そうでない場合は、複数の属性を同時に使用して一意であることを確認します。そうしないと、他の場所でのクリックもトリガーされ、イベント トラッキングが不正確になります。特定の位置のクラスの値が一意ではなく、2 つの位置でこのクラスが必要な場合は、テキストなどの別の属性を追加し、クラス属性とテキスト属性を同時に使用して、追跡対象の位置を特定します。
属性メソッドを使用して、この場所でのイベントを追跡するとします:
ステップ 1 ：組み込み変数を有効にする
まず、いくつかの組み込み変数を有効にします。これにより、GTM 内の変数に属性が自動的に取得されます。
GTM で、 [変数] —— [設定 ] をクリックし、クリックの組み込み変数をすべて選択します, 次のように設定します。
これらの組み込み変数のソース コード内での位置は次のとおりです:
すでに有効になっている場合は、この手順を無視できます。
ステップ 2 ：トリガーを設定する
追跡された場所のソースコードを表示します:
Click URL が https://www.bbccss.com/contact-me であり、Click Text が Contract Me であることがわかっているので、これらの 2 つの属性をトリガーの配置に使用できます。
GTMで「トリガー」——「新規 」——「トリガーのタイプを選択して設定を開始… 」——「クリック – すべての要素」をクリックし、名前を “Click-Contract Me” にして、以下のように設定します：
注: Click URL または Click Text が一意である場合は、そのうちの 1 つだけを使用する必要があります。ここで説明しているのは 2 つを使用することであり、2 つを使用することで一意性が保証されます。
ステップ 3 ：タグを設定する
GTMで、「タグ」——「新規」——「タグタイプを選択して設定を開始…」——「Google アナリティクス: GA4 イベント」をクリックし、「GA4-Event-Click Contact Me」という名前を付けて、次のように設定します。
ステップ 4 : プレビューと公開
GTM で [プレビュー] をクリックしてデバッグします：
タグは正常にトリガーされ、解放できます。
ステップ 5 : レポートのデータを確認する
通常、24 時間後には、GA4 で次のようなデータを確認できます：
続きを読む：
