Googleアナリティクスにプレイヤーの視聴データを送ることはできますか？ – ビデオグお客様サポート

ビデオグとGoogle Analyticsを連携することで、あなたのGoogle Analyticsアカウントに、ビデオグプレイヤーの視聴データを表示させることができます。これにより、Google Analyticsの既存データ（視聴端末や地域、サイト遷移等）とビデオグの視聴データ（再生や再生完了等）を紐付けて、より詳細なアクセス解析が可能になります。

◯取得できるデータ一覧

play（再生）
complete（再生完了）
adPlay（広告再生）
adClick（広告クリック）
adSkipped（広告スキップ）
adComplete（広告再生完了）

◯注意事項

Google Analyticsに表示されるビデオグの視聴データは、Google Analyticsと連携後に計測した視聴データになります。
Google Analyticsのバージョンはanalytics.jsのみとなります。GA4には対応しておりません。
Google Analyticsの設定で内部トラフィックを除外している場合がございますので、テストの際は除外設定を外すか、別のビューをご用意ください。
Google Analyticsの具体的な利用方法につきましては、提供元会社であるGoogleにご確認ください。

連携手順は下記になります。

Google Analyticsアカウントを作成する。
Google AnalyticsのトラッキングIDを用意する。
ビデオグでGoogle AnalyticsのトラッキングIDを設定する。
自社サイトに送信用のscriptを実装する ※プレイヤーをiframeで自社サイトに貼り付ける場合のみ
Google Analyticsにビデオグプレイヤーの視聴データが反映されているか確認する。
1. リアルタイムデータ
2. 過去の視聴データ
ビデオグでGoogle Analyticsに送るイベントのラベル内容を設定する。（任意）

1：Google Analyticsアカウントを作成する。

Google Analyticsアカウントの作成方法は、Google Analyticsの公式ヘルプ「アナリティクスのスタートガイド」からご確認ください。

2：Google AnalyticsのトラッキングIDを用意する。

トラッキングIDの確認方法は、Google Analyticsの公式ヘルプ「トラッキングコード、トラッキング ID、プロパティ番号を確認する」からご確認ください。

3：ビデオグでGoogle AnalyticsのトラッキングIDを設定する。

ビデオグの管理画面にログインして、「全機能」>「応用機能」内の「Google Analytics連携」からGoogle AnalyticsのトラッキングIDを設定してください。

4：自社サイトに送信用のscriptを実装する ※プレイヤーをiframeで自社サイトに貼り付ける場合のみ

プレイヤーをiframeで自社サイトに貼り付ける場合、GoogleChromeのクロスドメイン対策が必要となります。以下のscriptを自社サイトに実装してください。※ビデオグのホームページ機能をご利用いただく場合は本作業は不要です。

<script>
// Googleアナリティクスタグの読み込み（analytics.js版）
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

// お客様のGoogleアナリティクスアカウントの読み込み
ga('create', 'UA-xxxxxxx-xx', 'auto');

// pageview
ga('send', 'pageview');

// player event handler
window.addEventListener('message',(ev)=>{
  const { data } = ev;
  if(typeof(data) != "string" || data.indexOf("videog_player_event") < 0){
  return; // not videog
  }
  const event_data = data.split('&').map((p) => p.split('=')).reduce((obj, e) => ({...obj, [e[0]]: e[1]}), {});
  const { name } = event_data;
  if (name === 'timeupdate') {
    return;
  }
  ga('send', 'event', 'videog_player', name);
});
</script>