Vimeo Business、Premium または Enterpriseメンバーで Google Analytics を使用している場合は、Googleタグマネージャを使用してサイトに埋め込まれているVimeoプレーヤーのイベント追跡を設定することができます。始める前に、Googleタグマネージャのアカウントが設定されていることと、Googleタグマネージャがページにインストールされていることを確認してください。Googleタグマネージャ サポートサイトでさらに詳細をご覧いただけます。
記事の内容:
- ステップ 1:Vimeoの追跡スクリプトをサイトに追加する
- ステップ 2:Vimeoのトラッキングコードが正しくインストールされていることを確認する
- ステップ 3:Vimeoイベント用の変数を作成する
- ステップ 4:Vimeoイベントを追跡するためのトリガーを作成する
- ステップ 5:GTMタグのいずれかにトリガーを接続する
- ステップ 6:変更を公開して追跡を開始しましょう
ステップ 1:Vimeoの追跡スクリプトをサイトに追加する
VimeoプレーヤーからのイベントをGoogleタグマネージャのイベントに変換するカスタムスクリプトを追加する必要があります。ログインしてhttps://vimeo.com/settings/に進む。 [マーケティング]タブの下部にトラッキングコードが表示され、トラッキングするページにスクリプトを追加する方法が説明されています。
Google Analytics スクリプトの下にあるこのトラッキングコードを、あなたのウェブサイトの HTMLソースコードに表示されるすべての場所に貼り付けてください。
💡アドバイス: WebサイトのHTMLコードを変更できない場合は、Googleタグマネージャを使用してトラッキングコードをWebサイトに挿入することもできます。手順は次のとおりです:
- サイトのGoogleタグマネージャ ワークスペースに行きます。
- タグマネージャのメインのワークスペースメニューから [トリガー] に行きます
- 「新規」をクリック
- ページビューでトリガータイプ "DOM ready"を選択し、それをすべてのイベントに設定します。
- 変更を保存してください
- タグマネージャのメインのワークスペースメニューから [タグ] をクリックします
- [新規] をクリック
- [タグ設定]で [カスタムHTML] タグタイプを選択します
- HTMLボックスに独自のVimeo追跡コードを挿入してください
- [トリガー] の下で、前のステップで作成した [DOM Ready] トリガーを選択します。
⚠️ 最初の読み込み後に新しい埋め込みをページに追加するような高度な設定をしている場合(ライトボックスやポップアッププレイヤーを使用している場合など)iframeの埋め込みを読み込むために使用するスクリプトの中で、関数 window.__vimeoRefresh() を呼び出すか、Vimeo GAスクリプトの下にあるウェブページのソースコードにこのカスタムスクリプトを挿入することができます:
<script>setTimeout(function(){ window.__vimeoRefresh(); }, 3000);</script>
以下で示されているとおり、GTMを使用してVimeo GAのトラッキングスクリプトのトリガーに使用されている同じタグ内にこのスクリプトを挿入できます。
ステップ 2:Vimeoのトラッキングコードが正しくインストールされていることを確認する
これを行うには、まずGoogleタグマネージャにアクセスし、プレビューボタンをクリックしてプレビューモードに入ります。
次に、トラッキングコードを設定したサイトにアクセスします。そこにGoogleタグマネージャ コンソールがあります。これを確認するには [概要] セクションにVimeoのエントリがあることを確認し、コンソール自体の [データレイヤー] タブをクリックしてVimeoイベントの存在を確認します。
⚠️ウェブページにアクセスしてもデバッグウィンドウが表示されない場合は、ウェブサイトにGoogleタグマネージャが正しくインストールされていることを確認してください。
ステップ 3:Vimeoイベント用の変数を作成する
Google タグマネージャアカウントで、次の各データ層値について GTM の [変数] セクションの下に新しいユーザー定義変数を作成します。
- event_category (常に [Video] )
- event_action (読み込み、再生、進行状況 - 25%、進行状況 - 50%、進行状況 - 75%、進行状況 - 100%、Eメールキャプチャー)
- event_label(動画タイトル + 動画 ID例: 「マイ Vimeo 動画 | 78934」)
これらのデータ層用の変数を設定済みの場合は、それを再度使用していただいてかまいません。
イベントカテゴリー
- 変数の種類で [データレイヤー変数]を選択します。
- 変数名 event_categoryを入力してください(注:この値は小文字で正確に一致する必要があります)
- データレイヤーバージョンには「バージョン 2」を選択してください。
- 「デフォルト値を設定」がチェックされていないことを確認してください。
- 保存を押します
イベントアクション
- 新しい変数を作成
- 変数の種類で [データレイヤー変数]を選択します。
- 変数名 event_action を入力してください(注:この値は小文字で正確に一致する必要があります)
- データレイヤーバージョンには「バージョン 2」を選択してください。
- 「デフォルト値を設定」がチェックされていないことを確認してください。
- 保存を押します
イベント ラベル
- 新しい変数を作成
- 変数の種類で [データレイヤー変数]を選択します。
- 変数名 event_label を入力してください(注:この値は小文字で正確に一致する必要があります)
- データレイヤーバージョンには「バージョン 2」を選択してください。
- 「デフォルト値を設定」がチェックされていないことを確認してください。
- 保存を押します
最後に、GTMメインワークスペースに戻って作成したばかりの新しい変数をすべて確認します。
ステップ 4:Vimeoイベントを追跡するためのトリガーを作成する
新しいトリガーを作成する
-
GTMワークスペースで [トリガー] セクションにアクセスして [新規] を選択します
-
トリガータイプの下で「カスタムイベント」を選択して下さい
-
[イベント名] に次のように入力します。 vimeo (注:この値は小文字で正確に一致する必要があります)
-
「すべてのカスタムイベント」に対してトリガーを起動するように設定する
このトリガー設定では、ページに埋め込まれたVimeoプレーヤーから送信されたイベントを自動的に追跡することができます。
*オプション*-プレーヤーで確実な イベントのみを追跡したい場合は、トリガー設定で「一部のカスタムイベント」を選択して特定のオプションを絞り込むこともできます。
以下の画像は、 再生 イベントの追跡のみを行うトリガーの例です。
次のイベントアクションがプレーヤーから送信され、追跡に使用できます:
- 読み込み
- 再生
- 進捗 - 25%
- 進捗状況 - 50%
- 進捗状況 - 75%
- 進捗状況 - 100%
- Eメールキャプチャー
(注意:すべてのイベントアクション値は小文字で、上記のフォーマットと一致している必要があります)
ステップ 5:GTMタグのいずれかにトリガーを接続する
変数およびトリガーをすべての Vimeo イベントに設定すると、それらをユニバーサルアナリティクスなどの実際のトラッキングサービスに関連付けることができます。
これは、すべてのVimeoイベントをユニバーサルアナリティクスイベントに結合する例です。
- GTMワークスペースで、タグを選択して [新規] を選択します
- タグの種類で [ユニバーサルアナリティクス] を選択します
- トラックタイプには [イベント] を選択してください
- カテゴリ、アクション、およびラベル用に手順3で設定した変数にリンクします。
(注意: Google Analyticsの設定は、Vimeoの設定とは別に、変数として事前設定する必要があります。これにより、タグ間で設定を維持できます。 - トリガーで、Vimeo Triggerを選択します(注:これは前の手順で作成したトリガーです)