YouTube動画の視聴状況をGA4で正しく計測したい場面があると思います。Studioでのサイト制作では、埋め込みコードに少し工夫が必要になります。今回はStudioでの実装を前提に、GTMを使って計測する方法を紹介します。
YouTube動画の視聴状況をGA4で正しく計測したい――そんな場面は多いと思います。特に、Studioを利用したサイト制作では、通常の埋め込みコードに少し工夫が必要になります。
今回は StudioでのYouTube埋め込みを前提 に、Googleタグマネージャー（GTM）を使って計測を行う方法を紹介します。
YouTube埋め込みの計測には大きく分けて次の2つのアプローチがあります。
両者は設定方法に致命的な違いがあるため、どちらを採用するかを先に決める必要があります。
今回は GTMでの計測 を選びます。
基本的な設定の流れは、以下のような記事を参考に設定してみてくだださい。
▼GA4でGTMを使ってYouTubeの再生データを取得する設定方法
https://sunkleio-t.com/blog/ga4-gtm-youtube/
こちらの記事の設定を基に、Studio環境に合わせた変更点を解説します。
YouTubeの公式ドキュメントでは、iframeの埋め込みコードに以下のようにパラメータを追加するケースが多いです。
<iframe src="https://www.youtube.com/embed/xxxx?enablejsapi=1"></iframe>
代わりに、Studioの「カスタムコード」機能から以下のスクリプトを読み込みます。
<script src="https://www.youtube.com/iframe_api"></script>
これでYouTube Iframe APIが利用可能になり、GTMでプレイヤーの状態をトラッキングできるようになります。
iframe自体は触らないこと
パラメータやidを編集せず、そのまま貼り付けてください。
→ GA拡張計測との併用は避けること
今回は「GTMでの計測」を選択しているため、GA側の拡張計測はオフにしてください。
→ APIエラー回避
Studioを使った案件でYouTube計測が必要になった際、ぜひ参考にしてください。