GA4&Googleタグマネージャーで10%刻みのスクロールイベントを取得する方法|効率的なヒートマップ分析に役立てる

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ส.ค. 2024
  • この動画では、GA4とGoogleタグマネージャーを使って10%刻みでスクロールイベントを取得する方法について解説します。
    GA4標準のscrollイベントはページの90%地点までのスクロールのみを取得しますが、Googleタグマネージャーを使うと、好きな地点までのスクロールをイベント計測できます。
    優先的にヒートマップ分析すべきページを見つけるためのLooker Studioレポートを作る方法についても解説しています。
    ページ内のスクロールイベントで計測した10%,20%...といった地点地点が、実際のブログのどこに当たるのかというのを可視化するためのChrome拡張機能もあわせて使うと便利です。以下からインストールしてお使いください。
    【この動画の補足】
    ■Chrome拡張機能「Page Percentizer」
    chromewebstore...
    ■Googleタグマネージャーの導入
    Googleタグマネージャーの導入がまだの方は、以下の動画を参考に設定してみてください。
    • 【旧版※最新版は別動画】Googleタグマネ...
    ■Looker Studioについて
    Looker Studioは、無料で使えるGoogleのダッシュボードツールです。
    以下のリンクからご利用ください。
    lookerstudio.g...
    【この動画のブログ版】
    動画で紹介した内容を文章で読みたい方は以下をご覧ください。
    border-haze.co...
    【チャンネル登録はこちらから】
    / @web-recipe
    -----------------------------------
    【無料メルマガ&eBook】
    GA4とアクセス解析を学べる無料メルマガ&eBookダウンロード↓
    border-haze.co...
    -----------------------------------
    【オンライン講座】
    GA4の使い方やWeb解析を学べるUdemyコースのクーポンを、以下のページで配布しています。
    border-haze.co...
    ※Udemyは、世界最大級の動画学習プラットフォームです。日本ではベネッセコーポレーションが運営しています。
    -----------------------------------
    【チャンネルについて】
    チャンネル名:Web改善のレシピ
    運営会社:ボーダーヘイズ・ジャパン合同会社
    【運営者プロフィール】
    屋嘉比 馨(やかび・かおる)
    ラジオ局や総合広告代理店、業界新聞社などで経験を積み、独立系SIer(当時:東証プライム市場上場)に入社。Web広告運用やエンジニアマネジメントに従事したのち、同社のインハウスマーケティング担当者として、採用や営業リード獲得のためのWeb施策を行う。
    沖縄への転居を機に独立。フリーランスWebマーケターとして活動したのち、ボーダーヘイズ・ジャパンを設立。ECサイト運営やWebマーケティング支援に携わっている。
    #Googleアナリティクス #GA #Googleタグマネージャー #GTM #ヒートマップ #lookerstudio

ความคิดเห็น • 13

  • @FunTraining
    @FunTraining หลายเดือนก่อน +1

    とてもわかりやすい動画をありがとうございます。
    参考にして、スクロールイベント取得の設定をさせていただきました。
    ただ、動画の通り、lookerstudioでヒートマップテーブルを作成したところ、scrolled_countの90%以上のデータがnot setとなってしまいました...。
    何か考えられる原因はありますでしょうか?

    • @web-recipe
      @web-recipe  หลายเดือนก่อน

      こんにちは。
      not setというのは、値が得られていないということですので、単に90%地点までユーザーが到達していないということではないでしょうか?
      他の地点でデータが得られているなら、設定の誤りの可能性は低そうです。
      また、データが少なすぎる場合にはレポートに数値が反映されないこともあるので、期間を空けて見てみると良いかもしれません。

    • @FunTraining
      @FunTraining หลายเดือนก่อน

      ​@@web-recipe ご丁寧にご回答いただき、ありがとうございます。
      90%到達時点のデータ数という意味ではなく、scrolled_countのイベント数全体の90%がnot setになるという意味でした。
      そのため10%到達地点において、どの記事でもスクロール率が6%程度になる状況です...。
      GA4にデフォルトで搭載されているscrollよりも、今回の設定における90%到達地点のイベント数が明らかに少ない状況です。
      設定したのが4日ほど前なので、もう少し時間を経ってから確認してみます。

  • @user-wi2fj4gn7z
    @user-wi2fj4gn7z 10 หลายเดือนก่อน

    動画めちゃくちゃ参考になっております。ありがとうございます。
    looker studio内でグラフを作成したところで、行のディメンションのscrolled_percentageの値がnullになってしまいます。
    動画の通りに進めたのですが、何が良くないか。検討はつきますでしょうか。

    • @web-recipe
      @web-recipe  10 หลายเดือนก่อน +1

      コメントありがとうございます!
      設定したばかりだとイベントが溜まっていない状態ですので、そのせいではありませんか?
      24時間ほど経つとデータが反映されますので、明日以降に確認してみると出ているかもしれません。

    • @user-wi2fj4gn7z
      @user-wi2fj4gn7z 10 หลายเดือนก่อน

      @@web-recipeありがとうございます!また明日確認してみます。
      これからも動画投稿頑張ってください。参考にさせていただきます。

    • @channeltourokusitene.
      @channeltourokusitene. 10 หลายเดือนก่อน

      @@user-wi2fj4gn7z 自分も同じ状態なのですが、反映されましたでしょうか?

  • @channeltourokusitene.
    @channeltourokusitene. 10 หลายเดือนก่อน

    ディメンションの中にscroll_count等が出てこない場合はどうしたら良いでしょうか?
    GA4には出てきてるのですが、、、
    時間差の問題ですかね?

    • @web-recipe
      @web-recipe  10 หลายเดือนก่อน +1

      コメントありがとうございます。
      Looker StudioにGA4のデータを接続してから、新たにscroll_count等を設定しましたでしょうか?
      GA4に新たに追加したディメンションや指標をLooker Studioに反映するには、データソースを再接続する必要があります。
      ヘッダーメニューの「リソース > 追加済みのデータソースの管理」と進み、データソースを再接続してみてください。
      詳しい方法については、概要欄に貼った記事の末尾に更新しておきましたので、分かりにくければそちらも参考にされてください。
      border-haze.co.jp/web-recipe/gtm-scroll/
      または、scroll_countは指標になりますので、「指標」の方に出ていたりしますでしょうか?

    • @channeltourokusitene.
      @channeltourokusitene. 10 หลายเดือนก่อน

      @@web-recipe ありがとうございます!無事できました!
      しかし、下のコメントの方のように自分もnullが出てきてしまいますね、、、
      Ga4の探索レポートなら普通に表示されるのですが、まだ反映がされていないのでしょうか?

    • @web-recipe
      @web-recipe  10 หลายเดือนก่อน

      @@channeltourokusitene. おそらく反映されていないだけだとは思いが、、
      データの期間を変えてみると表示されるかもしれません。