メインコンテンツへスキップ

Google Tag Manager連携

⚠️注意: Google Tag Managerは、Enterprise OTTプランのSellerのみご利用いただけます。詳細について知りたい場合は、当社の営業チームまでお問い合わせください。 

Google Tag Manager（GTM）は、ウェブサイトの利用状況を追跡し、サイトのソースコードを変更することなく、Googleおよびサードパーティのコードスニペット（一般的に「タグ」と呼ばれます）を簡単にトリガーできるタグ管理システムです。Vimeoには既にいくつかのネイティブOTT連携がありますが、GTMはそのまま標準ではサポートしていない可能性のあるソフトウェアにプラットフォームを拡張します。

この記事では、OTTサイトにGoogle Tag ManagerコンテナIDを追加する方法について説明します。 

まず、OTTサイト用のコンテナを作成し、次にGoogleのウェブベースのインターフェースを使用して、タグを追加し、各タグを発火するタイミングのルールを定義することができます。

GTMで追加できるものの例： 

  • Google AdWordsコンバージョントラッキング
    • ⚠️注意: OTTでは、ネイティブのGoogle Ads連携も提供しています
  • リマーケティングおよび／またはコンバージョントラッキング
  • カスタムHTMLおよびJavaScript

GTMを初めて使用される方には、Google Tag Managerについてこちらでお読みになることをお勧めします。

Google Tag ManagerコンテナIDはどのように追加しますか？

まだ作成されていない場合は、こちらでGoogle Tag Managerアカウントを作成する必要があります。Vimeo OTTは現在、Branded AppsでGTMをサポートしていないため、ターゲットプラットフォームとしてWebを必ず選択してください。 

アカウントを作成したら、Tag ManagerのWorkspaceセクションに移動して、コンテナIDを確認します（GTM-XXXXXXXのような形式になっています）。 

 

次に、そのIDをVimeo OTTサイトに追加する必要があります。OTTサイト管理画面で、 

  1. Manage > Site > Trackingタブに移動します。 
  2. Google Tag Manager Container IDの下にコンテナIDの全文を貼り付けます。 
  3. 設定を保存します。 

 

タグを追加すると、GTMコンテナがOTTサイトに自動的に追加され、すぐにデータの追跡が開始されます。Vimeo OTTサイトの他の追跡と同様に、これはMade For KidsのsellerおよびGDPR規制に基づいて追跡しないよう要求した顧客に対しては無効になります。Googleはウェブドメインごとに1つのコンテナのみを使用することを推奨しているため、追加できるGTMコンテナIDは1つだけです。

Google Tag Managerがインストールされていることを確認する

Google Tag Managerが正しくインストールされていることを確認したい場合は、以下のいずれかのツールを使用して問題のトラブルシューティングに役立てることができます：

Google Tag Managerでのイベント追跡

タグは、ページビュー、動画再生、購入などのイベントが発生したときにデータを送信するように構成されています。Tag Managerはトリガーを使用して追跡するイベントを指定し、そのイベントの発生を「リッスン」します。イベントが発生すると、タグが発火し、アイテム値や取引IDなどの関連データを指定された宛先に送信します。 

⚠️注意: これらのデータレイヤーイベントがOTTサイトに入力されるためには、Vimeo OTTにGA4トラッキングコードも追加されている必要があります。

GTMイベント 

以下は、Vimeo OTTで最も一般的に追跡されているイベントの一部のリストです

イベント 説明
page_view ページが読み込まれるか、アクティブなサイトによってブラウザの履歴状態が変更されたとき。
login ユーザーがログインページからログインを完了したとき。
Search ユーザーがサイトのコンテンツ検索フィールドに検索可能な用語を入力したとき。
begin_checkout ユーザーが支払いフォームのあるチェックアウトページに到着したとき。
sign_up チェックアウトまたはFVOD登録を介して新しい顧客レコードが作成されたとき。
purchase チェックアウト取引が完了したとき。

 

GTM変数

これらは、GTMで変数として作成できるOTTパラメーターです

変数名 説明
site 数値のサイトキー番号
user_id 固有のユーザーID番号。お客様がログインしている場合のみ使用可能
search_term ユーザーがサイトのコンテンツ検索フィールドに検索可能な用語を入力したとき。
checkout_method 支払い方法のタイプ（クレジットカード、Google Payなど）
checkout_type payment_elementまたはcard_element
coupon  該当する場合、使用されたプロモーションコードまたはクーポン
currency 3文字の通貨コード（例：USD、GBP） 
discount 該当する場合、割引額
items 購入されたアイテムの配列で、以下を含みます： 
  • Coupon
  • Currency 
  • Discount
  • Item_category（例：buy/subscription/gift）
  • Item_category2（例：purchase/rent / monthly/yearly）。 
  • Item_id
  • Item_name
  • price
page_title ページ名 
tax 該当する場合、税額
transaction_id 取引の固有識別子
value 税金および割引を除いた、視聴者の通貨で支払われた金額

 

トリガー、変数、タグの作成

追跡したいすべてのVimeo OTTイベントは、Google Tag ManagerでイベントタグとしてCreateする必要があります。

各イベントについて、まずボタンクリックやページビューなど、特定のイベントの発生をリッスンするトリガーを作成する必要があります。トリガーは、イベントが検出されたときにタグに発火するよう指示します。次に、Variablesタブで、各イベントに関連付けられたカスタムパラメーターを作成します。

トリガーの設定

  1. Google Tag Managerにログインします
  2. 左側のナビゲーションでTriggersをクリックし、次にNewボタンをクリックします

 

  1. Trigger Configurationを選択します
  2. トリガータイプを選択します。これはPage View、Click、またはCustom Eventになることがあります
    1. すべてのページでタグがトリガーされるとイメージする場合はAll Pagesを選択するか、Some Page Viewsを選択してページパスを入力できます（例：/browse）
  3. イベントに名前を付けます。 
  4. 保存

GTMでの変数の定義

お客様がOTT Channelをナビゲートする際、いくつかのイベントを自動的にGTMにプッシュしますが、それらをタグやトリガーで活用するには、まずそれらを変数として定義する必要があります。これは必須のステップです。

Google Tag Managerで変数を作成するには、次の手順に従います： 

  1. Google Tag Managerにログインします
  2. 左側のナビゲーションでVariablesをクリックし、次にUser-Defined VariableセクションでNewボタンをクリックします

  1. Variable Configurationボックスをクリックし、Variable Typeの下で
  2. Data Layer Variableを選択します

  1. 左上で変数の説明を入力し、Vimeo OTTデータレイヤーで利用可能な上記のパラメーターのリストに基づいて、変数の名前を追加します。これらはJSONオブジェクトのeventModel の一部であるデータレイヤー変数なので、すべての変数は次の形式に従います：eventModel.[VARIABLE NAME]。

  1. 追跡したいVimeo OTTパラメーターのできるだけ多くについて変数を作成することをお勧めします。ユーザー定義変数は次のようになるはずです： 

 

タグの作成

トリガーと変数の両方を定義したので、トリガーに基づいて発火し、適切なパラメーターを送信するタグを作成できます。

  1. Google Tag Managerアカウントにログインします
  2. 左側のナビゲーションでTagsをクリックし、Newボタンをクリックして、次にTag Configurationをクリックします

 

  1. タグに名前を付けます 
  2. タグのタイプを選択します。サードパーティ連携の場合、これはしばしば「Custom HTML」または「Custom Image」になりますが、選択できる他の多くのタグがあります
  3. 連携の手順を完了します 
    • これは連携によって異なります。 
  4. トリガーを編集します
  5. タグを発火するタイミングを決定するために、以前に設定した対応するトリガーを選択します。
  6. 保存をクリックします 

コンテナの変更を公開する

Google Tag Managerは、公開するまでこれらの変更を自動的に送信しません。

トリガーとタグを構成したら、ページの右上にあるSubmitをクリックしてください。

 

関連記事