案件概要

業務マニュアルや動画などを提供するサポートページにおいて、ファイルダウンロードの計測を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(既存関数の修正)

Mimu Fujiwara

フリーランスのテクニカルPM/Webディレクター。 Webサイトのリニューアルや改善の相談を受ける中で、「本当に解決したいこと」と「依頼内容」が少しずれている場面によく出会います。 依頼されたものをそのまま作る前に、目的や課題、運用状況を整理し、「何を作るべきか」から一緒に考える立場で関わっています。 WordPressやHubSpotなどのCMS案件を中心に、要件整理・情報設計・技術調整・運用改善までを横断して支援。公開して終わりではなく、その後も無理なく運用・改善できる状態をつくることを大切にしています。