B2BサイトのGA4移行ことはじめ(イベント設計中心)

これはなに

• LayerX伊藤(@n_11o)の、Google Analyticsをユニバーサル アナリティクス(UA)からGoogle Analytics 4(GA4)に移管するまでのメモです
• 長文がつらつら書いてある本稿ですが、要するに言いたいことは、GA4設定は、書籍『プロが教えるいちばん詳しいGoogle アナリティクス 4』を読む ⇒ 本と小川さんの「GA4 Guide」を逆引き的に使いつつ設定するでおおよそ迷わず移管できるということです
• なのでご理解いただけた方は本稿をそっと閉じ、下記リンクにて移管！(※小川さんや著者の神崎さんからお金などは何も貰ってません、為念ですが)
  • Google Analytics4 ガイド
  • 書籍『プロが教えるいちばん詳しいGoogle アナリティクス 4』

はじめに

こんにちは、すべての経済活動をデジタル化したいLayerX伊藤です。

気づけば今年もあと２週間。今週末にM1の決勝と鎌倉殿の最終回とワールドカップの決勝があって月曜は寝不足確定です。

最近も引き続きMarketing Opsおじさんをやっています。データクレンジング is my life🚶

あと8月にリリースしたばかりの「バクラクビジネスカード」のマーケもやってます。

利用料は永年無料、入れない理由がない！ 💳

導入企業様もすごいペースで増えております。 特にこの記事に興味があるSaaS界隈の方やマーケ界隈の方のお勤め先にはドンピシャではまるカードなので、ぜひ経営者や経理の方にご紹介ください！💳

上限は最大1億円で何枚も発行可能、LayerXが新たに法人カードサービスの提供を開始 diamond.jp

7月26日、LayerXは法人カード「バクラクビジネスカード」を8月に提供開始することを発表した。8月に先行ユーザー向けに提供を開始し、9月以降に提供範囲を順次拡大していく予定だという。

…と宣伝はこれくらいにして、今日は少し前に行ったGoogle Analytics 4(以下, GA4)をバクラクサイトにも設定したので、それについて備忘録も兼ねて記載していきます。

この記事の対象者

• そろそろUAからGA4設定やらないとな〜と思っているマーケ担当、サイト担当の方
  • コーポレートサイト、B2B製品のサービスサイト等
• 以下の方は対象外です、すみません 🥲
  • Eコマーストラッキングの設定を伴うサイトを運営している方
  • WebとアプリなどWeb-App両方の計測を伴うサービスを運営している方

前提

• 2021年12月のLayerX インボイス → バクラクへのリブランディング(サイトリニューアル)のときにウェブストリームの追加など最低限の設定はやっていた
• 完全に移管はしておらず、UAとGA4が並行運用。メンバーがサイトアクセスを見るのは今もUAが中心
• 本稿、社内の個人docのツギハギなので読みづらいところありましたらすみません🙇
• また、サイト制作会社やGAの設計支援の会社などで働いた経験があるわけではないので、もっと良いベストプラクティスをご存知の方はぜひ教えて下さい！

移管にあたってのおすすめ書籍

• GA4本を3冊ほど買ってみましたが、本稿の冒頭でも紹介した『プロが教えるいちばん詳しいGoogle アナリティクス 4』が一番実践的でわかりやすかったです！
• What is GA4みたいなそもそもの理解にもページを割きつつ、

「カスタムイベントはまず作る前に命名規則を検討すること」
「タグマネージャーの変数機能でCVするイベント名を動的に設定する」

など、実務tipsゴリゴリなので「概念や基本はわかったけど実際自社で設定するときどうしよう 😶」という悩みにも解を出してくれています。

• また、移管にあたってタグマネージャー設定も必要になるので、心配な方は『現場で使える Googleタグマネージャー実践入門』も買っておくと良きです。
  • 「ボタンクリックの計測」など、やりたいことに対してUAとGA4両方の設定方法を併記してくれています。とても親切ですごい。

GA4の概念的なもの

• 最初に、UAとGA4の概念的な違いについて自分の理解を書いておきます。

UAとの違い

• すべての計測が「イベント」を起点にしているというのがUAからの最大の変化かと思います
  • [UA→GA4] Universal Analytics versus Google Analytics 4 data [Legacy] - Analytics Help support.google.com

    Comparing the Universal Analytics and Google Analytics 4 data models You are viewing a legacy article about Universal Analytics. Learn more about Google Analytics 4 replacing Universal Analytics.

• イベントに対して、パラメータとユーザープロパティという形でそれぞれ付帯情報がつきます。自動でつくものも多いが、独自のものを作る場合はGTMから(後述します)
  • 例. ページ閲覧(page_view)というイベントの発火
    • どこのページ? → page_location = bakuraku.jp/expense
    • 年齢は? → age = 30
• GA4のデータ構造については色々な記事で説明ありますが、個人的にはアユダンテさんの「セッション中心の計測」から「イベント中心の計測」へが好きです 🐦

補足: なぜ計測がFirebaseっぽいのか？

• GA4は、「Google Analytics Apps+Webプロパティ」を出自としている。そのため根本思想がUAと異なります

そもそもApps+Webプロパティってなんぞや？ですが、これはFirebase Analyticsがベースになっている新しい計測プラットフォームです。

なので、中身はUniversal Analyticsではなくて、Firebase AnalyticsにWeb用の計測機能がついたものです。 (GoogleAnalytics Apps+Web プロパティをBigQueryと連携したついでにフラット化する)

• なので、アプリ運営の経験がある(≒ Firebaseないしアプリマーケの計測ツール触ったことがある)方だと理解しやすいですが、
• そうではない方だとこのイベント、パラメータ、ユーザープロパティの関係を理解するのに時間がかかるかもしれません 🥲

イベントについて

• 前述の通り、GA4はすべてのデータが「イベント」という単位(?)での計測です

• イベントは下記4つに分類されますが、サイト運用者が計測の設計時に引っかかるのは

  • 1,2の「自動収集されるイベントがイベント名から想像してたのと違う問題」と
  • 4の「カスタムイベントどこまで・どうやって設定するべきかわからん問題」

の２つかなと思うので、そのあたりを中心に書いていきます。

自動収集されるイベントについて

• 上記1,2の自動収集されるイベントはグーグルの公式docに書いてあるとおりなのですが、アプリだけのイベントが多く、「サイトのイベントはどれなんじゃい😠」というのが見にくいのでWebサイトで使うイベントだけをまとめてみました
• このうちイベント名だけを見て定義を読まないと間違えやすいのが1のclick , 5のscroll, 6のsession_startあたりなので後述します

自動収集イベントで勘違いしやすいもの

• Click
  • GA4でデフォルトで取得できているClickは離脱クリックのことなので、「トップページのファーストビューの問い合わせボタンのクリック数を取りたい」とかの場合はUA同様に別途GTMで設定する必要がある
  • 設定方法は後述
  • まあでも外部サイトへのリンククリックがデフォルトで取れているのは良いですね
• Scroll
  • GA4でデフォルトで取得できているScrollは90%だけなので、「50%までスクロールしたユーザーを取りたい』などの場合はUA同様に別途GTMで設定する必要がある
  • 設定方法は後述
• Session Start
  • 名前的に最初に流入した入口のページのようだが、UAでいうセッション数を計測したい場合はSession Startの数を取る

カスタムイベントについて

• 上記で「GA4はクリック数とかスクロール数はデフォルトで収集してくれる、ラッキー！
• …と思ったら違うやんけ😠」と思ったあなた、そういう時に使うのがカスタムイベントです。
• カスタムイベント設計の業務を抽象化すると、

という感じなので、HubSpotにおけるカスタムプロパティ作成や、Salesforceにおけるカスタム項目を作ったことがある方であれば割とすんなり理解できるかと思います(例示がSaaS界隈の方向けですみません🙇)

なので重要なのは

• どういった粒度や命名規則をもとにイベントを取得するか
• どの(発火)タイミングでイベントとして取得するか のほうなので、ここの設計さえちゃんとやればそこまで難しいことではないです🐳

ボタンクリックの計測

• 先ほど騙された自動収集イベントclickの代わりに、button_clickというカスタムイベントを作ります
• 注意したほうがいいのは、ボタンをクリックしたときにパラメータに格納する値はGTMの変数で設定するということです。
  • これを例えばトップページ → 問い合わせページに遷移するボタンクリックの際に発火するイベントを設定するとして、パラメータ link_urlに対して値をbakuraku.jp/contact など固定値で設定してしまうと、ボタンの数だけカスタムイベントが必要になるのでかなり微妙です

スクロールの計測

• トリガー自体はUAで使っているスクロール距離がそのまま使えます
• この記事や本だと自動収集イベントのscrollとは分けてpercent_scrolledのように新規でカスタムイベントを作っていますが、スクロールは自動収集イベントに25%、50%など他の割合を足す形のほうが運用しやすいかなと個人的に思います
• なのでカスタムイベント作る際のイベント名はscrollで良いかなと思います、そうすることでscrollに90%以外のスクロール割合も入ってくるようになります

補足: カスタムイベントはGA4管理画面上とGTMどちらで作るのが良いか？

• Facebook広告のカスタムコンバージョン(イベントマネージャ)のように、GA4上でも気軽にカスタムイベントを設定できるようになりました。

• もうGTM経由でイベントを作る必要はないのでしょうか？

• 結論、サンクスページのCV以外はイベント設定はGTMでやるべきと考える

  • サンクスページも含め、すべてGTM管理でもいいかも

• 理由

  1. GA4側はイベントの発火条件に「or条件」を作れない
  • 例. バクラク請求書の製品資料CV (イベント名: resources_product_invoice_thankyouのように、
    • page_location=bakuraku.jp/resources/product-invoice-thank-you に一致 かつ
    • event_name = page_view と「AND条件」だけで発火するイベントはGA4上からの設定でも大丈夫ですが、「トップページに配置されているボタンのうち”いずれか”のボタンが押されたら発火する」イベントのようなOR条件のイベントは作れません。
  2. 自動収集イベント以外を柔軟にトリガーにできない
  • 例えば上述した「同じサイト内でのボタンクリック」はGA4の自動収集イベントにはないです。
  • GTM側であれば、ボタンのクリックやスクロール距離のカスタマイズ含め柔軟なイベント送信ができます。
  • 結論、GA4側で直接設定するカスタムイベントはpage_viewをつかったもののみ、具体的にはサンクスページCVのみとするのが良いかと思います。

コンバージョンの設定について

• UA側でいう目標設定にあたるものです
• GA4では、これまで説明した「イベント」をConversionとして登録することでコンバージョンの画面から見ることができたり、
• カスタムイベントを作っても、コンバージョンとして登録しないと計測されないので注意です。

• UAの管理画面左ペインで言う「Conversions」「Goals」は、GA4だと「Engagement > Conversion」にあたります。設定したらここから見れます

UA↔GA4 計測まとめ表

• 「サンクスページなどのCV数」「ボタンクリック数」「スクロール率」
• とりあえずこの３つがあれば基本的なアクセス解析はできるかなと思いますので、自動収集イベント以外は手を付けていないという方は、これだけでもやってしまいましょう

[未]ディメンションについて

その他 忘れがちなやつ

サードパーティツール系の設定

• Google Optimize、Microsoft ClarityなどGAのデータが直接連携するタイプのツールはUAとGA4両方の設定はできないので切り替え忘れがないように気をつけましょう

• ちなみにGoogle OptimizeのGA4実装はこのQiitaの記事が詳しかったです

Google Optimizeによるテスト結果をGA4でレポートする方法 - Qiita qiita.com

留意点 本記事の情報は 2022 年 5 月 23 日時点の情報を元に記載しています Web での GA4 利用を前提に記載しています UA と Google Optimize で AB テストを運用したことがある知識レベルを想定して記載しています 背景 Googl...

IPアドレス(内部トラフィック)除外

• IPアドレス除外はUAよりもやりやすくなった気がします
• リモートだとオフィスのIPアドレス以外もメンバーのお家のIPアドレスとかも設定しなきゃですが、ササッとお願いしちゃいましょう

GA4でのIPアドレス除外設定方法 ｜クリエイティブネットドア cn-door.com

GA4でのIPアドレス除外設定方法をご紹介します。Googleアナリティクス導入時に当たり前のように行っていたIPアドレス除外設定ですが、GA4では設定手順が大きく異なります。

おわりに

完全に自分向け備忘録な内容になってしまいましたが、イチ事業会社のGA4移管奮闘記としてお読みいただけたのであれば幸いです。

何度もおすすめして恐縮ですが、本であれば『プロが教えるいちばん詳しいGoogle アナリティクス 4』が一番おすすめです！ 本稿より100倍丁寧に解説されております。あとはググったりGoogleさんの公式doc読めばなんとかなります🐤

そしてGA4のデータはBQにいれてるぜ、クエリ書くぜ、という方は拙稿『非エンジニアのSQL学習ことはじめ』もおすすめです！

それでは少し早いですがみなさん良いクリスマス、良いお年を！ 🎄🎅🎍🌅

LayerXのマーケチームに興味がある方はTwitterや下記フォームよりぜひご連絡ください！

Comment