タグプレビューガイド 本資料に掲載している情報は 2014 年 2 月現在の内容です Yahoo! タグマネージャーでは さまざまな機能改善を行っているため 実際の画面やボタンの名称などが異なる場合があります ver.1.0.1
Yahoo! JAPAN が提供するタグマネジメントサービスについて Yahoo! JAPAN は BrightTag 社の技術を利用したタグマネジメントサービスを Yahoo! タグマネージャー の名称で独占的に日本で提供します Yahoo! プロモーション広告をご利用の広告主様は同サービスを原則無償でご利用いただけます BrightTag 社について BrightTag の提供する企業向けタグマネジメントソリューションは世界で最も広く使われており 1000 を超えるリーディングブランドや代理店が利用しています BrightTag は 代理店やマーケティング アナリティクスの担当者を IT のサイクルから解放し いつでも新しいパートナーシップやキャンペーンを開始できるようにするだけでなく サイトのパフォーマンスも著しく向上させます BrightTag の優れたタグマネジメントサービスやオムニチャネルのデータ統合アプローチを利用することで クライアントは ウェブサイトだけでなく スマホアプリ E メール 広告 POS CRM コールセンター キオスクなど様々なチャネルから リアルタイムで顧客データを収集 結合 同期することが可能になります その結果 クライアントは 顧客のエンゲージメントやコンバージョン ロイヤルティーを改善する スマートで適切なオムニチャネルマーケティングを実現できます < 参考 URL> http://www.brighttag.com/ 本資料について 本資料では Yahoo! JAPAN が提供する Yahoo! タグマネージャーについて 基本的な機能や設定の流れといった基礎レベルの情報をご紹介しています Yahoo! タグマネージャーの入門書としてご活用ください ご注意 本資料は BrightTag 社提供の情報をもとに 原則として 2014 年 2 月時点のサービスについて解説しています サービス内容や操作画面は今後予告なく変更されることがあります また本ドキュメントはタグのプレビュー方法について解説しています 各ブラウザーが提供する機能についてはサービス提供元へご確認ください Copyright(C)2014 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 1
目次 第 1 章 タグのプレビュー機能について サービスタグのステータス プレビュー動作のイメージ プレビューとは プレビュー用ツール プレビューの流れ 4 4 5 5 6 第 2 章 タグインスペクター を利用した Chrome でのプレビュー方法 Step1: タグインスペクター を C h r o m e ウェブストアからダウンロード 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)BrightTag 社が提供する Google Chrome の拡張機能 タグインスペクター サーバーダイレクト方式 タグコンテナ方式に対応 (2)BrightTag 社が提供する各ブラウザー対応の プレビューモード タグコンテナ方式のみ対応 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 アカウントにログインします 2.Google の Chrome ウェブストアから タグインスペクター をダウンロードします ( リンク URL はこちら : タグインスペクターのダウンロード ) 3. タグインスペクター がパソコンにダウンロードされると アドレスバーの横 ( 画面右上 ) にアイコンが表示されます 4.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. ウインドウに表示された プレビューモード のスイッチをブラウザーにブックマークします プレビューモードをブックマークする をクリックすると 以下のようなページへ遷移します 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