企業で採用されることが多いBrightcove動画。動画ごとの再生回数や完了はBrightcoveの管理画面でも調べられますが、Google AnalyticsやAdobe Analyticsなどのサイト内の行動データと統合すると、顧客体験を点ではなく線で理解できるようになります。

  • どの広告からの訪問者がコンテンツや動画の消費につながるのか？
  • 動画の閲覧体験はサイトへの定着に寄与するのか？
  • ニーズや意識を広げる系の動画によって、興味関心や検討対象の商品ジャンルは広がるのか？
  • 手厚いサポート系の動画はNPSに影響を与えるのか？

そのためには、まず動画視聴行動（再生開始と再生完了）をアナリティクスで計測する実装が必要です。YouTubeと違ってBrightcoveの情報は少なく、公式サイトも散らかっていて日本語が変（ネイティブのレビューをしていない機械翻訳？）なので、メモを残しておきます。

前提となるBrightcoveの実装方法

Brightcoveの動画は、以下のような形式でページに埋め込まれていて、そのページにはすでにGTMとGAが導入されていると想定します。

1
2
3
4
5
6
7
8
<video
 data-video-id="xxxxxxxx"
 data-account="yyyyyyyyy"
 data-player="zzzzzzzz"
 data-embed="default"
 data-application-id controls class="video-js"></video>

<script src="//players.brightcove.net/yyyyyyyyy/zzzzzzzz_default/index.min.js"></script>

GTMで計測を実装する

Google Tag Managerの標準機能であるYouTube計測機能を流用することで、最低限の手間とコードで実装するという方針で進めます。

以下で紹介するのはBrightcoveのGAプラグインを使わない方法です。Brightcoveのアカウントがなくても計測開始できます。

GTMのタグを作る

まず、埋め込まれた一つまたは複数の動画にイベント処理を仕込むため、
以下のコードをGTMのHTMLタグとして作成します。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
var track = function(a, b){
  dataLayer.push({
    'event': 'gtm.video',
    'gtm.videoTitle': a,
    'gtm.videoStatus': b
  });
}
for (var i in videojs.getPlayers()){
    videojs(i).ready(function(){
    this.one('play', function(){
      track(this.mediainfo.name, 'start');
    });
    this.one('ended', function(){
      track(this.mediainfo.name, 'complete');
    });
  });
}
</script>
  • 同じページ内に複数の動画がある場合でも対応可能
  • 再生開始と再生完了のみ計測
  • 動画IDは内容を把握しにくいので動画タイトルを取得
  • ページのHTMLが完成してから実行したいので、トリガーはDOM Ready以降で

BrightcoveのJavaScriptライブラリ（videojs）がロードされていないとエラーになるので、このタグはBrightcoveの動画が存在するページでのみ発火させます（タイミングにも注意）

GTMの変数を有効化する

このタグが送信するdataLayerを受け取るための組み込み変数「Video Status」と「Video Title」を有効にします。

GTMのトリガーを作る

dataLayerへpushされるeventを受け取るためのトリガーを作成します。

  • YouTubeの動画計測機能を流用するので、トリガータイプは「YouTube動画」

GTMのタグを作る

続いて、上記のトリガーで発火するGA計測用のタグを作ります。

  • イベントカテゴリ、アクション、ラベルに何を入れるかはお好みで
  • Video StatusとVideo Titleは、先ほど有効化した組み込み変数

これで、動画の再生開始と再生完了時にイベント計測できるようになります。

Google Analyticsで目標を設定する

GAのイベント計測だけだと「どの動画が何回再生開始や完了されたのか」という点の分析になってしまいがちなので、動画の再生完了（や再生開始）をGAの目標として設定します。

この設定によって再生完了を指標として使えるようになるので、冒頭のような顧客の長期的な変化を把握できるカスタマーアナリティクス流のレポートを作れるようになります。

  • ランディングページや流入チャネルなど、ページを超えて持続するディメンションをディメンションに入れる
  • 「◯◯な人」「◯◯したことがある人」など、セッションではなくユーザーレベルのセグメントを作成し、それらのセグメントをディメンションに入れると長期の顧客の変化を比較できる
  • カレンダーの期間は長めに（動画の視聴によって訪問者の心理や行動の変化はどれくらいの期間で持続するのか次第）

今回のポイント

  • BrightcoveのAPIを使って動画タイトルや再生開始、再生完了のタイミングを取得する
  • 分析しやすいように最低限のデータのみ取得する
  • タグマネージャーの標準機能を使ってなるべく楽をする
  • レポートはカスタマー視点で作る

要件に応じて応用してみてください！