タグプレビューガイド 本資料に掲載している情報は 2014 年 8 月現在の内容です Yahoo! タグマネージャーでは さまざまな機能改善を行っているため 実際の画面やボタンの名称などが異なる場合があります ver.1.0.1
Yahoo! JAPAN が提供するタグマネジメントサービスについて Yahoo! JAPAN は SIGNAL( 旧 BrightTag 社 ) の技術を利用したタグマネジメントサービスを Yahoo! タグマネージャー の名称で独占的に日本で提供します Yahoo! プロモーション広告をご利用の広告主様は同サービスを原則無償でご利用いただけます SIGNAL について SIGNAL はリアルタイムプロセスに特徴を持つ クロスチャネルマーケティングテクノロジーのグローバルリーダーです SIGNAL のオープンデータプラットフォームは マーケターによる オフラインやオンラインのさまざまな種類のデータ収集 あらゆるコンタクトポイントを横断した顧客データの同期 これらオムニチャネルで同期した顧客データを活用したマーケティングや分析ツールへの配信をすべてリアルタイムで実現します SIGNAL のプラットフォームはエコシステムとして中立であり データや既存のマーケティングテクノロジーを無駄なく活用し エンゲージメントやロイヤルティ コンバージョンを高めることが可能です SIGNAL のテクノロジーは 158 カ国 35,000 のデジタルサービスで使われています SIGNAL のプラットフォームは 月間数十億のリクエストに対応し Allstate, Audi, Crate & Barrel, DeVry University, GAP, JetBlue Airways, Macy s, 1-800-Flowers, Starcom MediaVest Group, Starwood Hotels and Resorts などの 1.5 兆 US ドル以上の売り上げをもつトップブランドをサポートしています ご注意 本資料は SIGNAL 提供の情報をもとに 原則として 2014 年 8 月時点の Yahoo! タグマネージャーのサービスについて解説しています サービス内容や操作画面は今後予告なく変更されることがあります また本ドキュメントはタグのプレビュー方法について解説しています 各ブラウザーが提供する機能についてはブラウザーの提供元へご確認ください Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 1
目次 第 1 章 タグのプレビュー機能について サービスタグのステータス プレビュー動作のイメージ プレビューとは プレビュー用ツール プレビューの流れ 4 4 5 5 6 第 2 章 タグインスペクター を利用した Chrome でのプレビュー方法 Step1: タグインスペクター のダウンロード Step2:Yahoo! タグマネージャーにログイン Step3: サービスタグのステータスが プレビュー であることを確認 Step4: Yahoo! JAPAN ユニバーサルタグ が設置されているウェブサイトを表示 Step5: マウスを右クリックして 要素を検証 を選択 タグインスペクター を表示 Step6: タグインスペクター の プレビューモード スイッチをオン Step7: タグインスペクター の [ 分析 ] ボタンを押す Step8:Yahoo! タグマネージャーでタグがカウントされていることを確認 9 9 10 11 11 11 11 12 第 3 章 プレビューモード を利用した各ブラウザーでのプレビュー方法 Step1:Yahoo! タグマネージャーにログイン Step2: サービスタグのステータスが プレビュー であることを確認 Step3: Yahoo! JAPAN ユニバーサルタグ が設置されているウェブサイトを表示 Step4: プレビューモード スイッチをオン Step5:Yahoo! タグマネージャーでタグがカウントされていることを確認 14 14 15 15 16 Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 2
第 1 章 タグのプレビュー機能について
1. タグのプレビュー機能について サービスタグのステータス ステータス サービスタグの処理 プレビュー Yahoo! タグマネージャーにログインしている担当者がページにアクセスすると サービスタグが実行されます 有効 Yahoo! タグマネージャーに設定された条件に応じて 本番環境でサービスタグが実行されます 無効 サービスタグは実行されません ただし Yahoo! JAPAN ユニバーサルタグが設定されているページにアクセスすると サイト管理 タブ > 統計 の ページビュー のみカウントされます プレビューの動作イメージ Yahoo! タグマネージャーの利用者 登録したタグの動作確認を実行しているが タグのテストで実行された回数を除いた数値が知りたい Yahoo! JAPAN ユニバーサルタグを設置し Yahoo! タグマネージャーでサービスタグの設定を行った後 下記の挙動があった場合における各サービスタグ提供元の統計情報の実績カウント状況 1 一般のユーザーがページに来訪 2 システム管理者が動作確認のため実行 有効 の場合 1 一般ユーザーと 2 システム管理者がそれぞれサービスタグを実行したこととなり 実績は 2 とカウント プレビュー の場合 2 のシステム管理者のみサービスタグを実行したこととなり 実績は 1 とカウント ステータスが プレビュー のときに一般のユーザーが該当ページを表示してもタグは実行されていません Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 4
1. タグのプレビュー機能について プレビューとは サービスタグのプレビューとは サービスタグを 有効 に設定する前に Yahoo! タグマネージャーに設定されたとおりにサービスタグが実行されるかどうかを確認することをいいます Yahoo! タグマネージャーに設定されているサービスタグのステータスを プレビュー に設定することにより プレビューができます ( ) プレビュー を利用するには Yahoo! タグマネージャーにログインしているブラウザーの別タブまたは別ウインドウ上で 対象のウェブサイトを開く必要があります この状態で Yahoo! JAPAN ユニバーサルタグが設置されているページを読み込むと タグのプレビューができ Yahoo! タグマネージャーでタグがカウントされていることを確認できます 一方 Yahoo! タグマネージャーにログインしていないブラウザー ( 一般ユーザーのブラウザー ) では ステータスが 有効 の場合にウェブサイトのページが読み込まれるとタグが実行されますが ステータスが プレビュー の場合は ウェブサイトのページが読み込まれてもタグは実行されません ( ) サービスタグを新規作成すると 自動的に プレビュー のステータスになりますので サービスタグを 有効 にする前に タグのプレビューを行うことを推奨します サービスタグの実行状況 ( ) プレビューモードユーザーとは Yahoo! タグマネージャーで プレビューモード を利用している担当者を指します プレビュー用ツール Yahoo! タグマネージャーでは 以下の 2 種類の方法でプレビューができます (1)SIGNAL が提供する Google Chrome の拡張機能 タグインスペクター サーバーダイレクト方式 タグコンテナ方式に対応 (2)SIGNAL が提供する各ブラウザー対応の プレビューモード タグコンテナ方式のみ対応 Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 5
1. タグのプレビュー機能について プレビューの流れ (1) タグインスペクター を利用した Chrome でのプレビュー方法 ( )Chrome ウェブストアをご利用いただくには Google アカウントにログインする必要があります Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 6
1. タグのプレビュー機能について プレビューの流れ (2) プレビューモード を利用した各ブラウザーでのプレビュー方法 Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 7
第 2 章 タグインスペクター を利用した Chrome でのプレビュー方法
2. タグインスペクター を利用した Chrome でのプレビュー方法 Step1: タグインスペクター のダウンロード 1.Google の Chrome ウェブストアから タグインスペクター をダウンロードします ( リンク URL はこちら : タグインスペクターのダウンロード ) 2. タグインスペクター がパソコンにダウンロードされると ブラウザーのアドレスバーの横 ( 画面右上 ) にアイコンが表示されます 3.Yahoo! タグマネージャーにログインし その後同一ブラウザー上で Yahoo! JAPAN ユニバーサルタグ が設定されているウェブサイトを表示すると アイコンが光った状態になります オフの状態 オンの状態 アイコンをクリックすると タグインスペクターの使い方の説明が表示されます 4. ウェブページ上でマウスを右クリックして 要素を検証 を選択し 画面下部に表示されるパネルのバー右端に タグインスペクター の文字が表示されていれば 設定完了です 設定を完了しても アドレスバーの横にアイコンが表示されない場合は アドレスバー右側のメニューから ツール > 拡張機能 をクリックし タグインスペクター の 有効 にチェックを入れてください Step2:Yahoo! タグマネージャーにログイン Yahoo! JAPAN ユニバーサルタグの実行回数を サイト管理 タブの 統計 画面で確認し 対象のサービスタグの実行回数を サービスタグ管理 タブの各タグ詳細画面内の 統計 画面で確認します Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 9
2. タグインスペクター を利用した Chrome でのプレビュー方法 Step3: サービスタグのステータスが プレビュー であることを確認 サービスタグのステータスが プレビュー であることを確認します サービスタグのステータスは以下の 2 つの方法で プレビュー へ変更できます ( 新規にサービスタグを作成した場合は 自動的に プレビュー ステータスに設定されています ) 1. サービスタグ管理 のタブからプレビューしたいタグのステータスを変更 2. サービスタグの詳細ページで ページ右上に表示されているステータスを変更 ( サービスタグの詳細ページは サービスタグ管理 タブで各サービスタグ名をクリックすると表示されます ) Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 10
2. タグインスペクター を利用した Chrome でのプレビュー方法 Step4: Yahoo! JAPAN ユニバーサルタグ が設置されているウェブサイトを表示 Yahoo! タグマネージャーにログインしているブラウザーと同一のブラウザー上で Yahoo! JAPAN ユニバーサルタグ が設置されているウェブサイトを表示します Step5: マウスを右クリックして 要素を検証 を選択 タグインスペクター を表示 Yahoo! JAPAN ユニバーサルタグ が設置されているウェブサイト上でマウスを右クリックし 要素を検証 を選択します 画面下部にパネルが表示され パネルのバーの右端に タグインスペクター のタブが表示されていることを確認します Step6: タグインスペクター の プレビューモード スイッチをオン Step7: タグインスペクター の [ 分析 ] ボタンを押す Step7 Step6 プレビューモード スイッチがオフになっている場合 タグの実行確認はできません テストを新たに行いたい場合は [ クリア ] ボタンを押します 有効 のサービスタグがある場合は プレビューモード スイッチのオン オフに関わらずタグの実行確認ができます Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 11
2. タグインスペクター を利用した Chrome でのプレビュー方法 Step8:Yahoo! タグマネージャーでタグがカウントされていることを確認 1. マッチしたページやイベントバインディング タグが実行されたページの情報などの確認が行えます コンテナ方式とサーバーダイレクト方式の両方のサービスタグのプレビューが可能です 2.Yahoo! タグマネージャーの サイト管理 タブの 統計 画面の中で Yahoo! JAPAN ユニバーサルタグ の実行回数とサービスタグの実行回数がカウントされていることを確認します プレビューモード スイッチの操作に関する注意点 1. プレビューモード スイッチがオンになっている場合 プレビュー に設定されているタグと 有効 に設定されているタグの実行を確認することができます プレビューモード スイッチがオフになっている場合 プレビュー に設定されているタグの実行は確認できませんが 有効 に設定されているタグの実行を確認できます 2.Yahoo! タグマネージャーでサービスタグを プレビュー に設定している場合 タグインスペクター の プレビューモード スイッチをオンにしている人のみがサービスタグのプレビューを行うことができます Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 12
第 3 章 プレビューモード を利用した各ブラウザーでのプレビュー方法
3. プレビューモード を利用した各ブラウザーでのプレビュー方法 タグをプレビューしたいブラウザーごとに Step1~5 の手順を実施してください Step1:Yahoo! タグマネージャーにログイン Step2: サービスタグのステータスが プレビュー であることを確認 プレビューモード のブックマーク設定 初めてこの方法でタグをプレビューする場合は 以下の設定を行ってください 2 回目のプレビュー以降は不要ですが この設定は各ブラウザーで実施する必要があります 1. サービスタグを新規作成すると 作成されたタグの詳細ページ上部で 黄色いバーに 次のステップ : このサービスタグを 有効 にする前に プレビューする という文章が表示されますので この文章をクリックし 新たなウインドウを開きます ポップアップではなく新規ウインドウとして表示されるため ポップアップをブロックする設定にしていても問題なく表示されます 2. ウインドウに表示された プレビューモード のスイッチをブラウザーにブックマークします プレビューモードをブックマークする をクリックすると 3 のようなページへ遷移します Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 14
3. プレビューモード を利用した各ブラウザーでのプレビュー方法 3. [ プレビューモード ] ボタンをドラッグし ブラウザーのブックマークバーの上でドロップすると プレビューモード がブックマークバーに追加されます プレビューモード はいつでもウインドウから設定できます 一度登録しておくと 簡単に プレビューモード が使用できるようになります 4. プレビューモード をブックマークバーにドラッグすると 以下のスクリーンショットのようになります ( スペースの制限により名称が途切れる場合もあります ) Step3: Yahoo! JAPAN ユニバーサルタグ が設置されているウェブサイトを表示 Step4: プレビューモード スイッチをオン Step2 でブックマークに追加した プレビューモード をクリックし プレビューモード のウインドウを開いてください Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 15
3. プレビューモード を利用した各ブラウザーでのプレビュー方法 Step5:Yahoo! タグマネージャーでタグがカウントされていることを確認 Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 16