ファイルダウンロードの計測実装(GTM/GA4)

ファイルダウンロードの計測実装(GTM/GA4)

案件概要

業務マニュアルや動画などを提供するサポートページにおいて、ファイルダウンロードの計測をGoogleタグマネージャー(GTM)とGA4で実装
既存のJavaScriptクリックイベントと競合しない形で、正確なイベントトラッキングとファイル名の取得を実現しました。

対応範囲

  • GA4のイベント設計(file_download カスタムイベント)

  • GTMトリガー・タグ・変数の設定

  • dataLayer.push() によるパラメータ送信の設計

  • サイト側JavaScript修正(gtag() から dataLayer.push() への置き換え)

  • GA4デバッグビューでの確認・検証サポート

  • 探索レポートで使えるよう file_name をカスタムディメンションとして定義

工夫したポイント

  • <a href="javascript:void(0)"> タグなど、クリック要素が特殊なリンク形式でも計測できるよう、GTM側のトリガーを柔軟に設計

  • サイト側のJavaScript関数に手を加え、dataLayer.push() を追加することで、GTM変数で正確にファイル名(event_label)を取得

  • GA4に file_name パラメータとして送信し、探索レポート上でファイル名単位のイベント分析が可能に

  • カスタムディメンションの設定とイベントパラメータ設計を両立させ、後の分析も視野に入れた設計

使用ツール・技術

  • Google Tag Manager(GTM)

  • Google Analytics 4(GA4)

  • JavaScript(既存関数の修正)

Category

Mimu Fujiwara

フリーランスのWebデザイナー/ディレクター。 企画設計からデザイン、コーディング、WordPress構築、公開後の運用支援まで、Web制作を一貫して対応しています。 制作を“納品で終わり”にせず、運用面での継続的な改善やサポートにも力を入れています。 柔らかく親しみやすい対応を心がけながら、「相談しやすく、任せやすいパートナー」を目指して活動中です。