B2BサイトのGA4移行ことはじめ(イベント設計中心)
目次
NOTE
※ この記事は、#SaaSLoversアドベントカレンダーと LayerX Advent Calendar (概念)の記事です。
これはなに
-
LayerX伊藤(@n_11o)の、Google Analyticsをユニバーサル アナリティクス(UA)からGoogle Analytics 4(GA4)に移管するまでのメモです
-
長文がつらつら書いてある本稿ですが、要するに言いたいことは
NOTE
GA4設定は、
書籍『プロが教えるいちばん詳しいGoogle アナリティクス 4』を読む ⇒ 本と小川さんの「GA4 Guide**」を逆引き的に使いつつ設定する
**でおおよそ迷わず移管できる
ということです。
-
なのでご理解いただけた方は本稿をそっと閉じ、下記リンクにて移管! (※小川さんや著者の神崎さんからお金などは何も貰ってません、為念ですが)
はじめに
こんにちは、すべての経済活動をデジタル化したいLayerX伊藤です。
気づけば今年もあと2週間。今週末にM1の決勝と鎌倉殿の最終回とワールドカップの決勝があって月曜は寝不足確定です。
最近も引き続きMarketing Opsおじさんをやっています。データクレンジング is my life🚶
あと8月にリリースしたばかりの「バクラクビジネスカード」のマーケもやってます。
利用料は永年無料、入れない理由がない! 💳

導入企業様もすごいペースで増えております。 特にこの記事に興味があるSaaS界隈の方やマーケ界隈の方のお勤め先にはドンピシャではまるカードなので、ぜひ経営者や経理の方にご紹介ください!💳
NOTE
上限は最大1億円で何枚も発行可能、LayerXが新たに法人カードサービスの提供を開始** **(DIAMOND SIGNAL)

…と宣伝はこれくらいにして、今日は少し前に行った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からの最大の変化かと思います
- イベントに対して、パラメータとユーザープロパティという形でそれぞれ付帯情報がつきます。自動でつくものも多いが、独自のものを作る場合はGTMから(後述します)
- 例. **ページ閲覧(
page_view)**というイベントの発火
- 例. **ページ閲覧(
- 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の**「カスタムイベントどこまで・どうやって設定するべきかわからん問題」
**の2つかなと思うので、そのあたりを中心に書いていきます。
NOTE
<GA4のイベントの種類>
自動収集されるイベントについて
- 上記1,2の自動収集されるイベントはグーグルの公式docに書いてあるとおりなのですが、アプリだけのイベントが多く、「サイトのイベントはどれなんじゃい😠」というのが見にくいのでWebサイトで使うイベントだけをまとめてみました
- このうちイベント名だけを見て定義を読まないと間違えやすいのが1の**
click** , 5の**scroll, 6のsession_start**あたりなので後述します
自動収集イベントで勘違いしやすいもの
- Click
- GA4でデフォルトで取得できている**
Clickは離脱クリックのこと**なので、「トップページのファーストビューの問い合わせボタンのクリック数を取りたい」とかの場合はUA同様に別途GTMで設定する必要がある - 設定方法は後述
- まあでも外部サイトへのリンククリックがデフォルトで取れているのは良いですね
- GA4でデフォルトで取得できている**
- Scroll
- GA4でデフォルトで取得できている**
Scrollは90%だけ**なので、「50%までスクロールしたユーザーを取りたい』などの場合はUA同様に別途GTMで設定する必要がある - 設定方法は後述
- GA4でデフォルトで取得できている**
- Session Start
- 名前的に最初に流入した入口のページのようだが、UAでいうセッション数を計測したい場合は**
Session Start**の数を取る
- 名前的に最初に流入した入口のページのようだが、UAでいうセッション数を計測したい場合は**
カスタムイベントについて
- 上記で「GA4はクリック数とかスクロール数はデフォルトで収集してくれる、ラッキー!
- …と思ったら違うやんけ😠」と思ったあなた、そういう時に使うのがカスタムイベントです。
- カスタムイベント設計の業務を抽象化すると、
NOTE
「サイト(サービス)がデフォルトで取得するイベントやパラメータを元にカスタマイズしたイベントを作成し、トラッキングできるようにする」
という感じなので、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管理でもいいかも
- 理由
- GA4側はイベントの発火条件に「or条件」を作れない
- 自動収集イベント以外を柔軟にトリガーにできない
コンバージョンの設定について
-
UA側でいう目標設定にあたるものです
-
GA4では、これまで説明した「イベント」をConversionとして登録することでコンバージョンの画面から見ることができたり、
-
カスタムイベントを作っても、コンバージョンとして登録しないと計測されないので注意です。

-
UAの管理画面左ペインで言う「Conversions」「Goals」は、GA4だと「Engagement > Conversion」にあたります。設定したらここから見れます
UA↔GA4 計測まとめ表
- 「サンクスページなどのCV数」「ボタンクリック数」「スクロール率」
- とりあえずこの3つがあれば基本的なアクセス解析はできるかなと思いますので、自動収集イベント以外は手を付けていないという方は、これだけでもやってしまいましょう
| 項目 | UA | GA4 |
| --- | --- | --- |
| コンバージョンの設定 | ・管理画面上の「設定 > ゴール」から設定
・GTMは利用する必要無し
・設定上限は20個まで | ・まず管理画面上の「設定 > イベント」 ないし GTMからカスタムイベントを作成し、その後「設定 > コンバージョン」にてCVを取りたいカスタムイベントをオンに設定
・設定上限は30個までに |
| クリックの設定
(中間CV) | ・GTMから設定
・カテゴリ、アクション、ラベル、(任意で)値も必要 | ・GTMから設定。
button_clickというカスタムイベントを実装 | | スクロール率の設定 | ・GTMのスクロール率で設定 ・カテゴリ、アクション、ラベル、(任意で)値も必要 | ・gtmから設定。標準イベントのscrollが90%までスクロールしないと発火しないので5~99%を設定 ・トリガーはUAと共通のものを使うことが出来る |
[未]ディメンションについて
その他 忘れがちなやつ
サードパーティツール系の設定
-
Google Optimize、Microsoft ClarityなどGAのデータが直接連携するタイプのツールはUAとGA4両方の設定はできないので切り替え忘れがないように気をつけましょう

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

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

おわりに
完全に自分向け備忘録な内容になってしまいましたが、イチ事業会社のGA4移管奮闘記としてお読みいただけたのであれば幸いです。
何度もおすすめして恐縮ですが、本であれば『プロが教えるいちばん詳しいGoogle アナリティクス 4』が一番おすすめです! 本稿より100倍丁寧に解説されております。あとはググったりGoogleさんの公式doc読めばなんとかなります🐤
そしてGA4のデータはBQにいれてるぜ、クエリ書くぜ、という方は拙稿『非エンジニアのSQL学習ことはじめ』もおすすめです!
それでは少し早いですがみなさん良いクリスマス、良いお年を! 🎄🎅🎍🌅
LayerXのマーケチームに興味がある方はTwitterや下記フォームよりぜひご連絡ください!
NOTE
LayerX Advent Calender 2022(概念)の記事一覧はこちらから
NOTE
#SaaSLoversアドベントカレンダーの記事一覧はこちらから
Comment
LayerX伊藤さんによるGA4への移行に関する記事。
— Makoto Taguchi (@maktag) December 17, 2022
GA4に関しては、私もたまに相談をうけることがあって、分かる範囲でお答えしているのですが、やはり経験談は貴重ですね。。。勉強になります。 https://t.co/CFSzooOR4B
この記事の内容もすごいけど、なおきさんがGA4をラーニングする際に参照にした情報もちゃんと記載してあってめちゃ分かりやすい。#SaaSLovers https://t.co/bsV0lUPFSP
— スー@EventHub|展示会出展・イベントマーケ (@ihciuuy) December 16, 2022
naokiさんの記事、だいたい「ことはじめ」説ある。
— 實川 節朗 | プレックス (@motoho299) December 16, 2022
うちもGA4移行やらねば、、、 https://t.co/8n37nR4PMR
おれたちのnaoki〜(採用マーケも…いつか一緒にやりましょう🤝
— 石黒 卓弥|Takaya Ishiguro (@takaya_i) December 16, 2022
B2BサイトのGA4移行ことはじめ(イベント設計中心) https://t.co/aFWuYIFNip