GTMでGoogleアナリティクスのクリックイベントを設定する方法〜タグ編〜 2021年09月3日 ライター:田中 真祐 Google Tag ManagerGoogle アナリティクス シェア 本コラムは後編のコラムとなっています。前編ではクリックトリガーの作り方を解説していますので併せてご覧ください。 前編:GTMでGoogleアナリティクスのクリックイベントを設定する方法〜トリガー編〜 本編ではGoogleアナリティクス(GA)のユニバーサルアナリティクスのクリックイベントタグの設定方法と、GAのリアルタイムレポートで確認する方法についてお伝えします。 目次 GAのイベントタグを設定 タグを追加 GAのリアルタイムレポートで確認してみよう おわりに GAのイベントタグを設定 サイト内でのファイルダウンロードやリンクのクリックなどのユーザーアクション数をGAのイベントレポートで確認するために、GAでイベント計測のタグを設定する方法をお伝えします。 ユーザーのアクションをイベント計測すると、GAの目標(コンバージョン)にすることも可能なので、積極的に計測していきましょう。 タグを追加 イベント計測用にタグを新規作成しましょう。 GTMでタグ、新規の順にクリックします。 タグの設定枠をクリックしたら、タグタイプに「Googleアナリティクス:ユニバーサルアナリティクス」を選択します。 トラッキングタイプでイベントを選択したら、カテゴリ・アクション・ラベルを入れていきます。 カテゴリ ※必須:mechauma_LP アクション ※必須:click ラベル:{{data-gtm-click}} 「mechauma_LPページのバナー●●をクリックした」という内容でイベント計測したかったので、このように設定しました。 カテゴリとアクションは必須項目です。文字列はわかりやすい情報に変えてイベント計測しましょう。 ラベルには前編で作成した変数を設定してみました。 こうすることでaタグに記述したdata属性「data-gtm-click」に1st_bannerなどのバナー名が動的に計測されるようになります。 タグの設定で変数を使うときには変数名を{{}}(半角なみかっこ)で囲う必要があります。 Googleアナリティクス設定変数もしくはGAのプロパティを入力し、前編で作成したトリガーを設定すれば完了です。 GAのリアルタイムレポートで確認してみよう タグが追加できたらGTMのプレビューモードを起動して、リアルタイムレポートで計測できているか確認してみましょう。リアルタイムレポートはページビューやイベントなどの計測をリアルタイムで確認できるGAのレポート機能です。 まずはGAのリアルタイムレポートを開きます。 GAでリアルタイム、イベント、イベント(直前の30分)の順にクリックします。 次にGTMのプレビューモードを起動し、対象バナーをクリックしてリアルタイムレポートに表示されるか確認します。 無事に設定できれば数秒で表示されるので、見逃さないように先ほどのGAのリアルタイムレポート画面を開きながらクリックしてください。 無事にタグが発火し、変数によるバナー名取得ができていました。確認後はGTMを公開して、クリック計測を開始しましょう。 おわりに 今回はGTMでGAのクリックイベントを設定する方法を解説しました。クリックトリガーを作ることができれば、GAだけでなく広告タグのクリックコンバージョンに使用するなど、応用も可能です。 次のコラムでは、スクロールイベントの設定方法をお伝えする予定です。 スクロール計測ができるようになると「ページの特定位置が何回読まれた」ということがGAでわかり、ページのパフォーマンスや離脱のネックになっている箇所の発見に一役買うことも。公開されましたらぜひご一読ください。 シェア この記事を書いた人 田中 真祐 デジタルマーケティングエンジニア ウェブ広告代理店での広告運用や、Tableau・Looker Studioを使ったダッシュボード作成の経験を活かし、弊社ではQuick DMPやGoogle タグマネージャ 360の設定・サポートを担当。ちいかわに囲まれたデスクで日々癒されている。 最近書いた記事 【Tableau】ツールヒント徹底解説!〜カスタマイズで生まれるインサイト〜 TableauのDATEDIFF関数で期待値が返ってこないのはなぜ? 【Tableau】リレーションシップ・結合・データブレンドについて解説 【Looker Studio Pro限定】アラート機能について解説 前の記事GTMでGA4のクリックイベントのトリガーを設定する方法 次の記事Google アナリティクス4プロパティ有料版 最新情報レポート(2021年10月7日) コラム トップページ