ファイルDL計測実装（GTM／GA4）

実装・CMS構築
ファイルDL計測実装（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（既存関数の修正）

関連記事

GAS＋スプレッドシートによるHTMLデータ管理設計 Sass設計リファクタリングと開発ルール整備 建設業コーポレートサイト フロントエンド実装 ECサイトフロントエンド実装

Powered by YARPP.

Category

実装・CMS構築 改善・運用

Mimu Fujiwara

フリーランスのテクニカルPM／Webディレクター。 要件整理や情報設計を起点に、Web制作の設計・実装・運用を横断して支援しています。 プロジェクトの状況に応じて、企画・設計・実装のあいだに入り、「判断と整理」を担う立場で関わることが多いです。 UI設計やCMS構築、公開後の運用改善まで一貫して対応しながら、見た目を整えることよりも「なぜそうするのか」「どうすれば無理なく回るか」を重視しています。 アクセス状況や利用実態などの数字も判断材料とし、制作を“納品で終わらせない”改善パートナーとして伴走しています。