Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GoogleAnalyticsの集計について ~中級編~

ErinaTakei
January 30, 2020
2k

GoogleAnalyticsの集計について ~中級編~

ErinaTakei

January 30, 2020
Tweet

Transcript

  1. GAを使いこなすための NEXT STEP より高度な集計方法を知る ・セグメント ・ビューフィルター ・広告レポート機能 ・コンバージョン機能 ・HTMLへのトラッキングコード設置 ・イベントトラッキング

    ・デバッグ方法 ・オリジナルの月次推移表の作成 ・マイレポート機能 ・Google データポータル 技術的な知見を持つ 集計データを定期的に観測する
  2. ビューフィルターの適用 「新しいフィルタを作成」をクリック ※フィルタ設定も「アナリティクスユーザー」に紐付いて  保存されるため、他のビューで作成済みの場合には、   「既存のフィルタ」を適用から選択可能 フィルタ名にフィルタの内容を入力 例) 「自社 IP

    アドレス除外」 フィルタの種類で「定義済み」を選択し、 「除外」 「IP アドレスからのトラフィック」 「等しい」 を選択して、 「IP アドレス」に除外する IP アドレス を入力し、 「保存」をクリック 同手順でクライアント等の IPアドレスを除外 できる。
  3. HTMLへのトラッキングコード設置 トラッキングコード: トラッキングコード内には、 「トラッキング ID」 (緑枠部分) が含まれている。 トラッキング ID: 各サイトを識別するための

    ID 管理メニューのプロパティ設定より 「トラッキング情報 > トラッキング コード」を開く ▽トラッキングコードの取得 トラッキングコードのフォーマットはどのサイトでも同じだがトラッキング ID はサイトごとに異なる。 他サイトからコードを流用することは避け、計測失敗時にはトラッキングID に間違いがないか確認する。
  4. HTMLへのトラッキングコード設置 HTMLファイル序盤にある「<head> タグ」   内の一番最初に記述することが推奨されている。 しかし HTML 内であれば別の箇所に記述しても動作自体はするため、案件により特別な事情があれば、 この限りではない。 <html>

    <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-54516992-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-54516992-1'); </script> (中略) <title>(Web ページのタイトル名)</title> (中略) </head> ▽トラッキングコードの設置
  5. イベントトラッキング ▽HTML上での記述方法 ▽文言の設定例 <a href="#" onclick="gtag('event', ' アクション ', {'event_category':

    ' カテゴリ ','event_label': ' ラベル '});"> ~ </a> 「アクション」 「カテゴリ」 「ラベル」の部分を任意の文言に変更する。 onclick の内容は JavaScript の実行のため、技術的知識のある作業者の場合は、HTML 内ではなく、 JS ファイル内に記載して任意のタイミングで実行することが可能。 カテゴリ:  外部サイト遷移 アクション: Amazon リンククリック ラベル:  商品詳細ページ上部
  6. デバッグ方法 Google 公式の Chrome ブラウザ用拡張機能「Google Analytics Debugger」を使うと Web サイトを 見ながら、GA

    に対してどのタイミングでどのような情報を送信しているかを簡単に確認できる。 1. Chrome ウェブストアから「Google Analytics Debugger」をインストールする。 2. ブラウザの右上に表示されるツールアイコンをクリックして、デバッグモードをONにする。 3. Chrome の開発者ツール(Windows なら[F12]キー、Mac OS X なら[Option] + [Command] + [I]キー)を開き、   [Console]タブに表示される内容を確認する。 ▽Chrome の拡張機能を使う 実行(データ送信)された 内容が表示される まずは ・トラッキング ID が正しいこと ・ga(”send” , “pageview” )  → ページビューが正常に発生 を確認する