この記事で分かること
- GTMのイベントタグ設定を行いGA4でYoutube動画計測を開始する方法
- GA4のカスタムレポートや探索レポートで取得したデータを分析する方法
GTMのイベントタグ設定でGA4でYoutube動画の計測をする
GA4でYoutube動画の計測を始めるためには、GTMでGA4イベントタグ設定を行う必要があります。
GTMのイベントタグ設定を行いYouTube動画の計測を開始することには、下記の3つのメリットがあります。以下に、そのメリットをわかりやすく説明します。
それぞれのツールの概要についてはこちらをご覧ください。
GTM:【初心者向け】GTM(Google タグマネージャー)とは?設定からGA4(Google アナリティクス 4)との連携方法まで詳しく解説!|株式会社free web hope
GA4:GA4 (Google Analytics 4)とは?設定方法からUAとの違いまで詳しく解説!|株式会社free web hope
メリット1. シンプルな管理
GTMを使うと、複数のタグやトラッキングコードを簡単に一元管理できます。これにより、YouTube動画に関連する異なるトラッキングやイベントを効率的に追加・更新できます。
メリット2. ノンテクニカルな操作
GTMはテクニカルなスキルがなくても操作できるため、デジタルマーケターなどの非技術者も利用できます。YouTube動画の計測を行うために、プログラムミングやウェブ開発の知識が不要です。
メリット3. カスタマイズ性
GTMを使用すると、YouTube動画の特定のイベントやトリガーにカスタムタグを追加できます。例えば、GA4などで動画の再生数、完了数、などをトラッキングした詳細なデータを収集したものを、タグごとにまとめることができます。
これらのメリットにより、効果的なデータ収集とビデオ戦略の最適化が可能になり、ビジネスの成功に寄与します。
GA4でYoutube動画の計測をする方法
この章では、実際にGTMのイベントタグ設定を行いGA4でYoutube動画の計測をする方法を解説します。
今回は、GA4で動画の作成回数を測定できるようにGTMでGA4イベントタグ設定を行います。
※計測の条件…YouTubeの『埋め込み機能』を使用し動画を掲載している
GTMに関して、「タグ」など基本的な用語解説や実装方法はこちらを参考にしてください。:
【初心者向け】GTM(Google タグマネージャー)とは?設定からGA4との連携方法まで詳しく解説!|株式会社free web hope
また、GA4とGTMがあらかじめ連携されていることを前提としています。まだ連携がお済ではない方はこちらのページを参照してください。:
【初心者必見】GTMでGA4の設定・イベント実装方法を画像付きで解説|株式会社free web hope
GA4の操作
GTM側で設定を開始する前に、事前にGA4の測定IDを用意しておく必要があります。
Step1:GA4にアクセスし、左のサイドバーから「管理」を選択。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/e39b0c3b56344b35bae19eb7f866ee00/unnamed%20(1).png)
Step2:「データストリーム」を選択し、対象のウェブデータストリームを選択。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/a65ed0ad910043e49e69711294d7038b/unnamed%20(2).png)
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/7a3bdfb3d26745f1b35589ca050c3a0f/unnamed%20(3).png)
Step3:表示される「測定ID」をコピー。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/35830676ff17457aa9713dfb73eabce5/unnamed%20(4).png)
※今回はGA4のデモアカウントを使用しています。
GTMの操作
変数の設定
step4:Googleタグマネージャーのワークスペースから『変数』を選択し、組み込み変数の設定ボタンをクリックする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/a7e9edef4e9f424792f1c326683cafdf/image.png)
step5:『組み込み変数の設定』から、『動画』の各変数に全てチェックを入れる。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/0be8391298344bfe8a6b3d27766f44cf/image.png)
変数一覧
- Video Provider:動画の提供元。YouTubeの場合はYouTubeと記載される
- Video Status:動画再生のステータス。(開始:start,、完了:complete、一時停止:pause)
- Video URL:YouTube動画のURL
- Video Title:YouTube動画のタイトル
- Video Duration:動画の『完了時』の秒数
- Video Current Time:動画の『トリガー呼び出し時点』の秒数
- Video Percent:動画の『トリガー呼び出し時点』の再生率
- Video Visible:ブラウザ上で画面表示領域にあるかどうか(表示領域にある:ture、表示外にある:false)
トリガーの設定
step6:Googleタグマネージャーのワークスペースから『トリガー』を選択し、新規作成ボタンをクリックする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/5737770a0da847c18956bdb7744f34fe/image.png)
step7:トリガーの設定から『YouTube動画』を選択する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/9e0ce206172a4c6f9dfc4792612aa375/image.png)
step8:トリガーの条件設定を行う
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/f5fe5384e5ff4adcb8028c51127a95d7/image.png)
トリガー設定項目
- トリガー名:自身で設定(例.動画再生開始)
- キャプチャ:『開始』を選択
- 『すべての YouTube 動画に JavaScript API サポートを追加する』を選択
- コンテナの読み取り(gtm.js)を選択
- 『すべてのページ』を選択
※今回は「動画再生回数」の計測を目的とし、「開始」のみにチェックを入れ、トリガーを作成しています。
タグ設定
step9:GTMのワークスペースから『タグ』を選択し、新規作成ボタンをクリックする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/ccc78858d5bd454dbc81b9d078b1246d/image.png)
step10:トリガーをクリックし、先ほど作成した『動画再生トリガー』を選択する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/808f3f50c5e7407ba34b334efaab99cf/image.png)
step11:タグの設定をクリックし、タグタイプのGoogle アナリティクスを選択する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/2a46902138254f7baa429b0b1f956c5b/2023-12-05%2016.53%E3%81%AE%E7%94%BB%E5%83%8F.jpeg)
step12:タグの種類『GoogleアナリティクスGA4イベント』を選択し、タグの設定を行なっていく。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/b6c4d85ea0f54744b5e9ca856fdb044b/2023-12-06%2017.59%E3%81%AE%E7%94%BB%E5%83%8F%20(1).jpeg)
タグの設定項目
- タグ名:ユーザーで設定(例.動画再生)
- 測定ID:先ほどコピーしたGA4の測定IDをペーストする
- イベント名:ユーザーで設定(例.video_title)。GA4のイベント名に反映される。
- イベントパラメータ:ユーザーで設定(例.video_title)。GA4のイベントパラメータに反映される。
- 値:Video Titleを選択
step13:タグが発火しているか『プレビューモード』で確認してから『公開』する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/010efc008d6f4130abd409825468de05/image.png)
プレビューモードの詳しい使い方についてはこちの記事で解説しております。:【初心者向け】GTM(Google タグマネージャー)とは?設定からGA4との連携方法まで詳しく解説!|株式会社free web hope
応用:動画が完了した回数を測定する
先ほど作成したトリガーは、動画再生の『開始』を条件設定しましたが、動画再生の『完了』を選択することで、動画を視聴完了したタイミングでタグを発火させることができます。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/fd634a25b7a546cca467c2d2474d61bd/image.png)
WEBサイト内の動画を視聴完了するという事は、『興味・関心が高いユーザー』であることが考えられます。そんな、『興味・関心が高いユーザー』に向けて、リターゲティング広告を配信したらコンバージョンを獲得できる確率は高いといえるのではないでしょうか?
GTMで設定した動画測定イベントをGA4で確認する
最後に、GTMで設定した動画測定イベントをGA4で確認する方法を解説します。
GA4で確認する方法は2つあります。
- GA4のレポートで確認する
- GA4のカスタムディメンションを設定し、探索で確認する
以上についてそれぞれ解説をしていきます。
GTMで設定した動画測定イベントをGA4で確認する方法①:レポート
先ほど設定した動画測定イベントは、拡張機能イベントと同様にGA4の「レポート」内の「エンゲージメント」→「イベント」で確認できます。
しかし、デフォルトで設定されているディメンションだけでは自社サイトにおけるデータ分析やインサイト発見に限界がある場合があります。
そこで、先ほどGTMで設定した「イベントパラメータ」をGA4の「カスタムディメンション」に設定することで、より詳細な情報を入手することができます。
GTMで設定した読了数(読了率)をGA4で確認する方法②:カスタムディメンションを設定し、探索レポートで確認
より詳細な情報を入手するために、GA4でカスタムディメンションを設定し、探索レポートで確認する方法を解説をしていきます。
カスタムディメンションとは
ユーザーが独自に設定できるディメンションのことです。
カスタムディメンションにより、より詳細かつ実態に即したデータセグメンテーションが可能となり、サイトパフォーマンスの分析精度が向上します。
※ディメンション:データの属性や特性を表すもので、探索レポート内でデータを分類・フィルタリングするために使用されます。
(例)ユーザーの国、参照メディア(流入元のトラフィックの種類)
カスタムディメンション設定方法
step1:GA4の左のサイドバーから「設定」を開き、「カスタム定義」を選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/252492218a2f408188acf98ac9a76c0b/unnamed%20(22).png)
step2:「カスタムディメンションを作成」を選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/ea45e3b9ad7a42d8a6986a08def79f82/unnamed%20(23).png)
step3: 先ほどGTMで設定したイベントパラメータを下記の箇所に反映していきます。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/bf8e79d809a04993802d95915aa341fe/unnamed%20(24).png)
カスタムディメンションの設定項目
- ディメンション名:自身で設定。(例.video_title)
- 範囲:「イベント」を選択。
- イベントパラメータ:先ほどGTMのタグ設定時に記入した「イベントパラメータ」をここに記入。
探索レポートで確認する方法
step1:左のサイドバーから「探索」を選択し、「空白」で新しいレポートを作成する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/ee2d076ec67d4a5596df5347440346cb/unnamed%20(21).png)
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/59ee5bafad174bcfa6b2e480d4b55a56/unnamed%20(30).png)
Step2:変数の「ディメンション」をクリックする。上部のタブから「カスタム」を選択し、先ほど作成したディメンションをインポートする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/7458d7ba066743fb80f8e83b33dc948c/unnamed%20(25).png)
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/301249139cc54160ab80395627151ccd/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(518).png)
step3:先ほどインポートした変数のディメンションを「値」にドラッグ&ドロップする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/768656294cb24f9aa1f3c7ee06dc68a1/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(519).png)
step4:「指標」を選択し、「イベント数」をインポートする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/7147e021b8f3419787ea44e4e158c36c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(520).png)
step5:先ほどインポートしたイベント数を「値」の対象部分にドラッグ&ドロップする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/02ae4bb9cc614731ba26c15cb0a4ed5f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(521).png)
各動画が再生された回数が表示されます。また、更にディメンションを追加すると詳細な計測を行うことができます。
また計測したデータをどのように分析し改善(LPO)に役立てるのかについては、こちらのページでポイントを解説をしております。
CVRを改善する方法:【LPO】明日からできるCVR改善施策10選|株式会社free web hope
GA4でランディングページを分析し改善する方法:【LPO必須】GA4でLP(ランディングページ)を分析する方法|株式会社free web hope
まとめ
このようにGTMでイベントタグを設定することで、GA4でYoutube動画の計測をすることができます。
他にも「ページのスクロール率」や「特定のボタンのクリック数」、「読了率」などページ改善に必要な指標も、GTMのタグ設定を行うことでGA4で測定を開始することができます。
詳しくはこちらのページをご覧ください。:
ページのスクロール率:GA4でスクロール率を計測する方法│GTMのタグ設定方法・拡張計測機能を解説|株式会社free web hope
ボタンのクリック:GA4でクリックイベントを計測する方法│GTMでタグ設定を行う方法も解説|株式会社free web hope
読了率:GTM(Googleタグマネージャー)で見出しごとの読了率を計測する方法|株式会社free web hope
free web hopeでは、WEBマーケティングの多岐にわたる分野で支援を提供しております。
「GA4でどのようにデータ計測をすればよいのかわからない」「データをどのように活用するのかわからない」「社内でリソースが不足しておりPDCAを回す余裕がない」
このようなお悩みをお持ちのご担当者様は、お気軽にfree web hope公式HPもしくは左下のコンタクトフォームからお問い合わせください。
またこちらは実際にGA4導入支援に成功した事例です。是非参考にしてください。:
GA4(Google Analytics4)移行で見えるようになったCVに繋がる顧客の導線とは?|株式会社free web hope