佐藤健一(データ分析中級者・事業会社マーケター)
テンプレートを開く28歳 / male / SaaS系スタートアップのデジタルマーケター(正社員)
訪問ページ
6
アクション数
10
気づき件数
10
ゴール到達
—
#0click
https://www.ga4.guide/
思考
トップページを確認した。「計測の設定と実装」というカテゴリがGTMとGA4の実装に直結しそうなので、まずそこを見てみる。
感じたこと
ナビゲーションに「計測の設定と実装」があるのは良い兆候。
アクション理由: GTMとGA4のカスタムイベント実装手順が載っている可能性が最も高いカテゴリだから。
気づき
UI良い
ナビゲーションに「計測の設定と実装」という実務直結のカテゴリが明示されていて、目的のコンテンツにすぐアクセスできそう。
実行前
実行後
#1click
https://www.ga4.guide/setting-implementation/
思考
「GA4でフォーム送信をコンバージョン計測する方法|form_submitの設定と確認」というリンクがある。これはまさに自分が今週実装しなければならない内容そのものだ。
感じたこと
これは使えそう、すぐクリックする
アクション理由: フォーム送信のコンバージョン計測という自分の課題にドンピシャの記事タイトルだから。
気づき
コンテンツ良い
目次にフォーム送信コンバージョン計測の記事が明示されていて、自分のユースケースに直結するコンテンツをすぐ見つけられた。
実行前
実行後
#2click
https://www.ga4.guide/setting-implementation/form-conversion/
思考
目次に「方法③:GTMでカスタムイベントとして送信する」があり、まさに自分が求めているGTM連携の実装手順が載っている。コードサンプルも見えるのでこのページは使えそう。まず方法③のセクションに直接ジャンプして内容を確認する。
感じたこと
目次にGTMの項目があってテンション上がった。
アクション理由: GTMでのカスタムイベント実装手順が自分の課題に直結するため、そのセクションに直接移動する。
気づき
UX良い
目次に3つの方法が整理されていて、GTM連携という自分のニーズに該当する項目がすぐ見つかった。
コンテンツ良い
スクリーンショットにコードスニペットが見えており、コピペで使える実装例が含まれていると判断できる。
実行前
実行後
#3scroll
https://www.ga4.guide/setting-implementation/form-conversion/#GTM
思考
GTMでのカスタムイベント実装セクションに来た。ページにはdataLayer.pushのコードサンプルやGTMの設定手順が見える。このまま記事を読み込んで、コピペできる実装例があるか確認したい。
感じたこと
コードサンプルが見えて期待感が上がってきた。
アクション理由: GTMでのカスタムイベント実装の詳細コードとGTM設定手順を確認するためにスクロールする。
気づき
コンテンツ良い
dataLayer.pushのコードサンプルが実際に記載されており、コピペして使えそうな形式になっているのが好印象。
実行前
実行後
#4click
https://www.ga4.guide/setting-implementation/form-conversion/#GTM
思考
GTMセクションまでスクロールしてきたが、アクセシビリティツリーを見ると記事の後半部分(確認方法や関連記事)しか見えていない。GTMでの実装コードや手順が途中で見切れている可能性があるので、もう少し上にスクロールして実装手順を確認したい。でも関連記事に「カスタムイベントの実装方法(GTM)」というリンクがあり、これが自分の課題にさらに直結しそう。
感じたこと
このページでフォーム送信計測の概要は掴めたが、GTMでのカスタムイベント実装の詳細コードが見たい。
アクション理由: 「カスタムイベントの実装方法(GTM)」は自分が求めているGTMとGA4連携の具体的な実装例が載っているはずで、今の課題に直結する。
気づき
UX良い
関連記事として「カスタムイベントの実装方法(GTM)」が提示されており、次のステップへの導線が自然で助かる。
実行前
実行後
#5click
https://www.ga4.guide/admin/data-view/event/custom-event-implementation/
思考
カスタムイベントの実装ページに来た。目次を見るとGTMでの変数・トリガー・タグ設定の手順が揃っている。スクロールして実際のコードや設定手順の詳細を確認したい。
感じたこと
目次にGTMの設定手順が全部揃っていて期待感がある
アクション理由: GTMでの設定手順セクションに直接ジャンプして、変数・トリガー・タグの具体的な設定内容を確認する。
気づき
UX良い
目次に「変数の設定」「トリガーの設定」「タグの設定」と細かく分かれていて、GTM実装の流れが一目でわかる。
実行前
実行後
#6scroll
https://www.ga4.guide/admin/data-view/event/custom-event-implementation/#GTM
思考
GTMでの変数・トリガー・タグ設定の手順がスクリーンショット付きで載っているようだ。コードサンプルも見えるので、このページをもう少し下にスクロールして全体を確認したい。
感じたこと
コピペできそうなコードが見えてきて少し期待感がある。
アクション理由: タグの設定手順やコードサンプルの全体像を確認するためにスクロールする。
気づき
コンテンツ良い
変数・トリガーという見出し構成がGTMの実際の設定フローと一致していて、手順を追いやすい。
実行前
実行後
#7scroll
https://www.ga4.guide/admin/data-view/event/custom-event-implementation/#GTM
思考
「トリガーの設定」と「タグの設定」という見出しが見えている。これは自分が求めているGTMの具体的な設定手順のはず。スクロールしてその内容を確認する。
感じたこと
もう少しで具体的な手順が見えそうで期待している。
アクション理由: トリガーの設定・タグの設定の具体的な内容(スクショや設定値)を確認するためにスクロールする。
実行前
実行後
#8scroll
https://www.ga4.guide/admin/data-view/event/custom-event-implementation/#GTM
思考
スクロールを続けてGTMでのタグ設定の具体的な手順(スクショ付き)を確認したい。まだ全体を見切れていない。
アクション理由: GTMのタグ設定・トリガー設定の具体的な設定値やスクリーンショットをまだ確認できていないため、さらに下にスクロールする。
実行前
実行後
#9scroll
https://www.ga4.guide/admin/data-view/event/custom-event-implementation/#GTM
思考
まだGTMのタグ設定・トリガー設定の具体的な内容を確認できていない。アクセシビリティツリーには「計測が正しく出来ているかを確認する」という見出しが見えるので、GTM設定の手順はすでに通過してしまったかもしれない。もう少し下にスクロールして全体像を把握する。
感じたこと
GTMの具体的な設定値やスクショがなかなか出てこなくて少し焦ってきた。
アクション理由: 「計測が正しく出来ているかを確認する」見出しが見えているが、その前にGTMタグ・トリガー設定の詳細があるはずなので、さらに下にスクロールしてページ全体の内容を把握する。
実行前
実行後
#10finish
https://www.ga4.guide/admin/data-view/event/custom-event-implementation/#GTM
思考
スクロールを続けてきてようやくGTMのプレビューモードでの確認方法のセクションに到達している。ページ全体を通じてGTMでのタグ・トリガー・変数の設定手順とコードサンプルが確認できた。実務に使えるレベルの具体的な実装例(dataLayer.push、GTMのタグ設定画面スクショ)が揃っていたので、今日中に実装できそうだ。
感じたこと
GTMのカスタムイベント設定からGA4コンバージョン設定までの流れが一通り把握できて、来週の定例に間に合いそうで安心した。
アクション理由: GTMでのカスタムイベント実装(dataLayer.push、変数・トリガー・タグの設定)からGA4でのコンバージョン設定、プレビューモードでの確認まで、自分が今日中に必要だった実装手順がこのページで一通り揃っていたため、目的達成と判断して終了する。
気づき
コンテンツ良い
GTMのタグ・トリガー・変数の設定画面スクショ付きで手順が書かれており、コピペで使えるdataLayer.pushのコードも載っていたので、抽象的な公式ヘルプとは違い即実務に落とせる内容だった。
UX普通
ページが非常に長く、GTMセクションに辿り着くまでにかなりスクロールが必要で、アンカーリンクは機能したものの目的箇所への到達に時間がかかった。
実行前