Y a h o o! プロモーション 広 告 タグ 運 用 手 引 書 ご 注 意 初 回 登 録 の 場 合 は マーケティングソリューション ヘルプ Yahoo!タグマネージャーの ご 利 用 開 始 方 法 ステップ1(サイトを 登 録 する) から ご 利 用 開 始 方 法 ステップ3 (ページを 設 定 する) までの 作 業 を 行 う 必 要 があります 詳 しくは マーケティングソリューション ヘルプ Yahoo!タグマネージャーをご 確 認 くださ い 本 資 料 に 掲 載 している 情 報 は2016 年 6 月 現 在 の 内 容 です Yahoo!タグマネージャーでは さまざまな 機 能 改 善 を 行 っているため 実 際 の 画 面 やボタンの 名 称 などが 異 なる 場 合 があります
Yahoo! JAPANのタグを設定する方法 まず初めに サービスタグ管理 画面の右側 上部または下部 に表示の[サービスタグを追加]ボタンを押 し 続けて以下の手順で操作を行ってください このとき [サービスタグを追加]ボタンの左側の検索ボック スには何も入力しません 1.[サービスタグを追加]ボタンを押して表示される サービスタグを追加 画面の上部の検索ボックス サービス名 提供元 社名 と表示されている部分 に これから利用しようとしているサービス 名または提供元 社名 ここでは yahoo を半角文字で入力します 大文字 小文字は識別しません 全角は別の文字と認識されるのでご注意ください 2.入力した文字列にマッチするサービス名 提供元 社名 とサービスタグが表示されるので 目的のサービ スタグを選択してください Copyright C 2016 Yahoo Japan Corporation. All Rights Reserved. 無断引用 転載禁止 1
Yahoo! JAPANのタグを 設 定 する 方 法 3. 手 順 1でサービス 名 / 提 供 元 ( 社 名 )をクリックした 場 合 は いったんサービス 名 / 提 供 元 ( 社 名 )ご との 説 明 ページ( 次 ページの 画 面 イメージ)が 表 示 されるので 画 面 右 側 に 表 示 されるサービスタグの 一 覧 から 目 的 のサービスタグ 名 をクリックしてください 3 4. 入 力 テンプレートのページが 表 示 されるので 先 頭 から 順 に 入 力 します まず サービスタグに 名 前 を 付 けてください 5. Yahoo! JAPANから 提 供 されているタグコードを 確 認 し テンプレートの 各 欄 に 該 当 する 値 を 転 記 してください - P4 以 降 に 記 載 のタグのサンプルを 参 照 してください - タグコード 中 の 値 をテンプレートに 転 記 する 際 必 要 に 応 じて 画 面 に 表 示 されるタグ 設 定 情 報 のヒントを 参 照 ください - 本 ドキュメント 内 に 記 載 のタグおよび 画 面 設 定 例 はサンプルとなります 実 際 の 入 力 値 はお 客 様 ごとに 異 なり ますのでご 注 意 ください 6. [タグを 作 成 ]ボタンを 押 してタグを 作 成 します ご 注 意 ここまでのサービスタグの 追 加 操 作 は この 後 ページに 対 して 当 該 サービスタグの 設 定 とそのタグの 有 効 化 が 行 えるよう 準 備 する ためのものです この 作 業 を 完 了 後 に 登 録 したサービスタグが 即 座 に 動 作 を 開 始 するわけではありません 設 定 したサービスタグを 動 作 を 開 始 させるためには ページ 管 理 の サービスタグ 設 定 から 該 当 のサービスタグを 目 的 の ウェブページに 対 して 設 定 済 み にし さらにサービスタグのステータスを 有 効 に 設 定 してください 対 象 のウェブページにYahoo! JAPANユニバーサルタグが 埋 め 込 まれていれば ブラウザーからアクセスすることによりタグが 動 作 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 2
[スポンサードサーチ]コンバージョン 測 定 タグ(JavaScript) スポンサードサーチのコンバージョン 測 定 タグです タグの 例 <!-- Yahoo Code for コンバージョン Conversion Page --> <script type="text/javascript"> /* <![CDATA[ */ var yahoo_conversion_id = 1000000821 ; var yahoo_conversion_label = 7pmpCOadpgQQ8qC12AM "; Conversion ID Conversion Label var yahoo_conversion_value = 3000 ; Conversion Value /* ]]> */ <script type="text/javascript" src= "http://i.yimg.jp/images/listing/tool/cv/conversion.js"> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="http://b91.yahoo.co.jp/pagead/conversion/1000000821/?value= 3000&label=7pmpCOadpgQQ8qC12AM&guid=ON&script= 0&disvt=true"/> </div> </noscript> 設 定 画 面 例 Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 3
[スポンサードサーチ] 電 話 発 信 コンバージョン 測 定 タグ(JavaScript) スポンサードサーチの 電 話 発 信 コンバージョン 測 定 タグです タグの 例 <!-- Yahoo Code for 7pmpCOadpgQQ8qC12AM Conversion PageConversion Label In your html page, add the snippet and call yahoo_report_conversion when someone clicks on the phone number link or button. --> <script type="text/javascript"> /* <![CDATA[ */ yahoo_snippet_vars = function() { var w = window; Conversion ID w.yahoo_conversion_id = 1000000821 0000000000; w.yahoo_conversion_label = "7pmpCOadpgQQ8qC12AM"; Conversion Label w.yahoo_conversion_value = 10; Conversion Value w.yahoo_remarketing_only = false; } // IF YOU CHANGE THE CODE BELOW, THIS CONVERSION TAG MAY NOT WORK. yahoo_report_conversion = function(url) { yahoo_snippet_vars(); window.yahoo_conversion_format = "3"; window.yahoo_is_call = true; var opt = new Object(); opt.onload_callback = function() { if (typeof(url)!= 'undefined') { window.location = url; } } var conv_handler = window['yahoo_trackconversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } /* ]]> */ <script type="text/javascript" src="https://s.yimg.jp/images/listing/tool/cv/conversion_async.js"> 設 定 画 面 例 Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 4
[スポンサードサーチ] 電 話 発 信 コンバージョン 測 定 タグ(JavaScript) 電 話 発 信 コンバージョン 測 定 の 設 定 には Yahoo!タグマネージャーでのタグの 設 定 のほかに お 客 様 サイト 内 の 電 話 番 号 のhtml 記 述 にクリックのイベントを 取 得 するための 設 定 が 必 要 です この 設 定 は お 客 様 サイト 内 で 行 う 手 法 と Yahoo!タグマネージャーの イベントハンドラー という 機 能 を 使 っ て 行 う 手 法 の2つがあります 手 法 1 お 客 様 サイト 内 にonClick 属 性 の 設 定 をする 方 法 お 客 様 サイト 内 の 電 話 発 信 コンバージョンを 測 定 したい 電 話 番 号 のhtmlの 記 述 を 次 のように 設 定 します ページでの 電 話 番 号 の 表 示 方 法 に 合 わせて 以 下 の 記 述 例 から 選 択 のうえ 設 定 してください テキストリンク <a onclick="yahoo_report_conversion('tel:03-xxxx-xxxx')" href="#" >03-XXXX-XXXXに 電 話 をかける</a> XXXXの 電 話 番 号 をお 客 様 の 電 話 番 号 に 置 き 換 え 03-XXXX-XXXXに 電 話 をかける をハイパーリンクで 表 示 するテキストに 置 き 換 えてください 画 像 <img src="./image_phone_call.jpg" alt="call: 03-XXXX-XXXX" width="32" height="32" onclick="yahoo_report_conversion('tel:03-xxxx-xxxx')"></img> image_phone_call.jpg を 実 際 のボタン 画 像 に 変 更 し 画 像 ファイル 名 を 修 正 してください(またはボタン 画 像 を 上 記 のファイル 名 に 修 正 してください) また XXXXの 電 話 番 号 をお 客 様 の 電 話 番 号 に 置 き 換 えてください ボタン <button onclick="yahoo_report_conversion('tel:03-xxxx-xxxx')">03-xxxx-xxxx に 電 話 </button> 通 話 ボタンを 上 記 のコードに 置 き 換 え XXXXの 電 話 番 号 をお 客 様 の 電 話 番 号 に 置 き 換 えてください 手 法 1の 作 業 は 以 上 で 完 了 です ご 注 意 該 当 のページには Yahoo! JAPANユニバーサルタグを 設 置 する 必 要 があります 詳 しくは Yahoo!タグマネー ジャーご 利 用 ガイド 基 礎 編 の 第 3 章 をご 確 認 ください Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 5
[スポンサードサーチ] 電 話 発 信 コンバージョン 測 定 タグ(JavaScript) 手 法 2 Yahoo!タグマネージャーの イベントハンドラー で 設 定 をする 方 法 Yahoo!タグマネージャーの イベントハンドラー 機 能 を 使 ってクリックイベントを 取 得 する 手 法 です この 方 法 は お 客 様 サイトへの 電 話 番 号 リンクの 設 定 とYahoo!タグマネージャー 上 での 設 定 作 業 がそれぞれ 必 要 です 手 法 2-(1) 電 話 番 号 リンクの 設 定 お 客 様 サイト 内 の 電 話 番 号 のhtml 記 述 を 以 下 のように 設 定 します この 手 法 では 電 話 番 号 リンクに id= XXX というIDを 設 定 しますが このIDは 後 の イベントバインディング の 設 定 時 に 必 要 になりますので 予 め 控 えておくことをお 勧 めします 電 話 番 号 リンクにIDを 設 定 せず すでにお 客 様 サイト 内 にあるセレクター 要 素 を 利 用 して 設 定 することも 可 能 で す その 場 合 お 客 様 サイトに 改 めて 変 更 を 入 れる 必 要 はありませんが 高 度 なレベルの 設 定 になりますので 技 術 者 様 に 推 奨 します テキストリンク <a id="ssyahootel03-xxxx-xxxx" href="#">03-xxxx-xxxxに 電 話 をかける</a> XXXXの 電 話 番 号 をお 客 様 の 電 話 番 号 に 置 き 換 え 03-XXXX-XXXXに 電 話 をかける をハイパーリンクで 表 示 するテキストに 置 き 換 えてください 画 像 <img id="ssyahootel03-xxxx-xxxx" src="./image_phone_call.jpg" alt="call:03-xxxx- XXXX" width="32" height="32"></img> image_phone_call.jpg を 実 際 のボタン 画 像 に 変 更 し 画 像 ファイル 名 を 修 正 してください(またはボタン 画 像 を 上 記 のファイル 名 に 修 正 してください) また 電 話 番 号 をお 客 様 の 電 話 番 号 に 置 き 換 えてください ボタン <button id="ssyahootel03-xxxx-xxxx">03-xxxx-xxxx に 電 話 </button> 通 話 ボタンを 上 記 のコードに 置 き 換 え 電 話 番 号 をお 客 様 の 電 話 番 号 に 置 き 換 えてください ご 注 意 該 当 のページには Yahoo! JAPANユニバーサルタグを 設 置 する 必 要 があります 詳 しくは Yahoo!タグマネー ジャーご 利 用 ガイド 基 礎 編 の 第 3 章 をご 確 認 ください Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 6
[スポンサードサーチ] 電 話 発 信 コンバージョン 測 定 タグ(JavaScript) 手 法 2-(2) Yahoo!タグマネージャーの イベント の 設 定 次 に Yahoo!タグマネージャーから イベントバインディング を 設 定 します 1 2 3 4 画 面 はイメージです 操 作 手 順 1 画 面 左 側 メニュー ウェブサイト をクリックし 登 録 済 みページの 一 覧 を 開 きます 2 対 象 となるページ 名 をクリックし ページ 詳 細 を 開 きます ( 画 面 はサンプルが 選 択 されています) 3 バインディング タブをクリックし イベントバインディング をクリックします 4 [イベントバインディングを 追 加 ]ボタンを 押 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 7
[スポンサードサーチ] 電 話 発 信 コンバージョン 測 定 タグ(JavaScript) 5 6 7 8 9 5 イベント のプルダウンメニューから 新 規 作 成 を 選 択 します 6 イベント 名 イベントの 説 明 は 管 理 しやすいように 該 当 の 電 話 番 号 が 分 かるような 設 定 にしてお くことをお 勧 めします 7 一 覧 をクリックし プルダウンメニューから click を 選 択 します 8 エレメントセレクター には お 客 様 サイト 内 に 記 述 していただいた 電 話 番 号 リンク 内 の id= XXX のIDを 指 定 します 値 の 先 頭 に かならず #( 半 角 ) を 付 けてください ( 記 入 例 ) ID ssyahootel03-xxxx-xxxx エレメントセレクター #ssyahootel03-xxxx-xxxx 9 すべての 入 力 が 完 了 したら [ 保 存 ]ボタンを 押 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 8
[スポンサードサーチ] 電 話 発 信 コンバージョン 測 定 タグ(JavaScript) 最 後 に イベントハンドラー の 設 定 を 行 います 11 10 13 12 14 画 面 はイメージです 10 [サービスタグ 管 理 ]をクリックします 11 サービスタグの 一 覧 から 該 当 のタグを 選 択 しクリックします ( 画 面 はサンプルが 選 択 されています) 12 サービスタグ 詳 細 画 面 から スクリプト 管 理 タブをクリックします 13 ページイベント をクリックします 14 [イベントハンドラーを 追 加 ]ボタンを 押 します 15 16 yahoo_report_conversion('tel:03-xxxx-xxxx'); 17 15 プルダウンメニューから 前 頁 のイベントバインディングで 追 加 したイベント 名 を 選 択 します 16 イベントコードには 下 記 のコードをコピーして 貼 り 付 け(ペースト)ます このとき 赤 文 字 のXXXXの 箇 所 には 実 際 のお 客 様 の 電 話 番 号 を 設 定 してください yahoo_report_conversion('tel:03-xxxx-xxxx'); 17 [ 保 存 ]ボタンを 押 します 手 法 2の 作 業 は 以 上 で 完 了 です Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 9
[スポンサードサーチ]サイトリターゲティングタグ(JavaScript) スポンサードサーチにおけるサイトリターゲティング 広 告 配 信 用 のタグ(JavaScript 形 式 )です タグの 例 <script type="text/javascript"> /* <![CDATA[ */ var yahoo_ss_retargeting_id = 'listing001'; リターゲティング ID var yahoo_sstag_custom_params = window.yahoo_sstag_params; var yahoo_ss_retargeting = true; /* ]]> */ <script type="text/javascript" src="//s.yimg.jp/images/listing/tool/cv/conversion.js"> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//b97.yahoo.co.jp/pagead/conversion/1000038386/?guid=on&script =0&disvt=false"/> </div> </noscript> 設 定 画 面 例 リターゲティング ID yahoo_ss_retargeting_id に 表 示 されているIDを 半 角 英 数 字 で 入 力 します ご 注 意 スポンサードサーチのサイトリターゲティング 広 告 配 信 用 のタグには JavaScript 形 式 とピクセル 形 式 (P.11 参 照 )の2 種 類 がありますが 通 常 はJavaScript 形 式 のタグをご 利 用 ください ただし 以 下 のいずれかに 該 当 するページの 場 合 は ピクセル 形 式 (P.11 参 照 )のタグをご 利 用 ください JavaScriptが 動 作 しない JavaScriptに 未 対 応 JavaScript 形 式 のタグを 設 置 することでページ 表 示 上 の 不 具 合 が 発 生 し ページのソースコードを 調 整 して も 不 具 合 が 回 避 できない Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 10
[スポンサードサーチ]サイトリターゲティングタグ(Pixel) スポンサードサーチにおけるサイトリターゲティング 広 告 配 信 用 のタグ(ピクセル 形 式 )です タグの 例 : <script type="text/javascript"> /* <![CDATA[ */ var yahoo_ss_retargeting_id = 'listing001'; リターゲティング ID var yahoo_sstag_custom_params = window.yahoo_sstag_params; var yahoo_ss_retargeting = true; /* ]]> */ <script type="text/javascript" src="//s.yimg.jp/images/listing/tool/cv/conversion.js"> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//b97.yahoo.co.jp/pagead/conversion/1000038386/?guid=on&script =0&disvt=false"/> </div> </noscript> 設 定 画 面 例 リターゲティング ID yahoo_ss_retargeting_id に 表 示 されているIDを 半 角 英 数 字 で 入 力 します ご 注 意 ピクセル 形 式 のタグを 利 用 する 場 合 ターゲットリストの 条 件 に 参 照 元 URL を 指 定 するとリーチが 蓄 積 がさ れないなどの 制 約 があります 通 常 はJavaScript 形 式 (P.10)のタグをご 利 用 ください Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 11
[Yahoo!ディスプレイアドネットワーク] コンバージョン 測 定 タグ(JavaScript) Yahoo!ディスプレイアドネットワーク(YDN)のコンバージョン 測 定 タグです タグの 例 : <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_ydn_conv_io = _lzyjhxrlrhcciuzr5ea"; var yahoo_ydn_conv_label = 7DOAP2R4RV8MXCIN21234"; var yahoo_ydn_conv_transaction_id = ""; var yahoo_ydn_conv_amount = ""; /* ]]> */ <script type="text/javascript" language="javascript" charset="utf-8" src="//b90.yahoo.co.jp/conv.js"> yahoo_ ydn_ conv_ io yahoo_ ydn_ conv_ label 設 定 画 面 例 Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 12
[Yahoo!ディスプレイアドネットワーク]コンバージョン 測 定 タグ(Pixel) Yahoo!ディスプレイアドネットワーク(YDN)のコンバージョン 測 定 タグです タグの 例 : <img src="//b90.yahoo.co.jp/c? yahoo_ydn_conv_io=_lzyjhxrlrhcciuzr5ea& yahoo_ydn_conv_label=7doap2r4rv8mxcin21234& yahoo_ydn_conv_transaction_id=& yahoo_ydn_conv_amount=0&guid=on" width="1" height="1" border="0" /> yahoo_ ydn_ conv_ io yahoo_ ydn_ conv_ label 設 定 画 面 例 Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 13
[Yahoo!ディスプレイアドネットワーク] コンバージョン 測 定 タグ(Server-Direct) Yahoo!ディスプレイアドネットワーク(YDN)のコンバージョン 測 定 タグです タグの 例 タグの : <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_ydn_conv_io = _lzyjhxrlrhcciuzr5ea"; var yahoo_ydn_conv_label = 7DOAP2R4RV8MXCIN21234"; var yahoo_ydn_conv_transaction_id = ""; var yahoo_ydn_conv_amount = ""; /* ]]> */ <script type="text/javascript" language="javascript" charset="utf-8" src="//b90.yahoo.co.jp/conv.js"> yahoo_ ydn_ conv_ io yahoo_ ydn_ conv_ label 設 定 画 面 例 Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 14
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(1) Yahoo!ディスプレイアドネットワーク(YDN)におけるサイトリターゲティング 広 告 配 信 用 のタグです タグの 例 下 記 のタグは 商 品 詳 細 ページ への 設 定 例 です <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_retargeting_id = ' listing0001 '; var yahoo_retargeting_label = ' label0001 '; var yahoo_retargeting_page_type= detail'; var yahoo_retargeting_items = [ {item_id: item1', category_id: cate1', price: ', quantity: '}]; /* ]]> */ <script type="text/javascript" language="javascript" src= "//b92.yahoo.co.jp/js/s_retargeting.js"> ( 1) Retargeting ID ( 2) Retargeting Label ( 3) Retargeting Page Type ( 4) Retargeting items Item ID Key Category ID Key Price Key Quantity Key 設 定 画 面 例 (1)Retargeting ID yahoo_retargeting_id に 表 示 されているIDを 半 角 英 数 字 で 入 力 します (2)Retargeting Label ラベル 機 能 を 利 用 する 場 合 は yahoo_retargeting_label に 表 示 されているラベルを 半 角 英 数 字 で 入 力 します Retargeting Label には 広 告 管 理 ツールの ター ゲットリスト 作 成 ( 条 件 ) 画 面 で 設 定 する ラベル の 条 件 に 合 致 するものを 入 力 してください Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 15
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(2) 広 告 管 理 ツール ターゲットリスト 作 成 画 面 の 表 示 例 Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 16
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(3) サイトリターゲティングで ページ 種 別 カテゴリーID 商 品 ID を 条 件 として 使 用 する 場 合 にのみ 以 下 (3) (4)の 項 目 (P.17~25の 内 容 )を 設 定 してください (3)Retargeting Page Type サイトリターゲティングで ページ 種 別 を 利 用 する 場 合 は yahoo_retargeting_page_type に 表 示 されている ページ 種 別 を 入 力 します 入 力 文 字 列 home ページ 種 別 トップページ category 商 品 一 覧 ページ search 検 索 結 果 ページ detail 商 品 詳 細 ページ cart 商 品 カートページ conversionintent conversion 購 入 申 し 込 みページ コンバージョン 直 前 コンバージョンページ (4)Retargeting Items Item ID Key Category ID Key Price Key Quantity Key サイトリターゲティングで カテゴリーID 商 品 ID を 利 用 する 場 合 に 入 力 します Retargeting Items はデー タバインディングを 利 用 して 設 定 します データバインディングの 設 定 方 法 についてはP.18~21をご 参 照 ください Item ID Key Category ID Key Price Key Quantity Key には Retargeting Items で 設 定 したデー タの 商 品 のID 商 品 のカテゴリーID 商 品 の 単 価 商 品 の 個 数 の 各 項 目 を 示 すキーである 文 字 列 ( : の 左 側 の 文 字 列 )を 入 力 します(P.15のタグ 例 (4)と 同 じキー 名 です) 項 目 名 詳 細 入 力 例 Retargeting Items 商 品 情 報 P.18~21 参 照 Item ID Key 商 品 のID item_id Category ID Key 商 品 のカテゴリーID category_id Price Key リターゲティングの 条 件 には 使 用 しません Quantity Key リターゲティングの 条 件 には 使 用 しません 商 品 の 単 価 商 品 の 個 数 price quantity Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 17
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(4) Retargetin Items を 設 定 する(データバインディング) Retargeting Items は Yahoo!タグマネージャーの データバインディング 機 能 を 使 って 設 定 します データバインディングとは ウェブサイトのコンテンツ 上 にあり 各 種 タグサービス 提 供 元 に 渡 したいさまざまな 情 報 (URLクエリー 文 字 列 中 のパラメーター HTML 中 のテキスト JavaScriptのオブジェクトなど)を 必 要 なタグに 渡 すた めに 結 びつける 操 作 です それらの 情 報 をページから 取 得 し データエレメントに 代 入 する 値 を 定 義 する 方 法 を データバインディングエクスプレッ ション と 呼 びます コンテンツ 上 にて 下 記 のJSONでデータが 定 義 されていた 場 合 の 商 品 カートページ(cart)を 例 に タグの 設 定 方 法 を 説 明 します var pagedata = { "navigation": { "pagename : cart, "customer":"cust000000" }, "order": { "id": "xxxxxxxx", "address": "yyyyyyyy" }, "items":[ { item_id : iid1111, category_id: cate1, price":"1000, quantity":"1"}, { item_id : iid2222, category_id: cate2, price : 2000, quantity : 2 }, { item_id : iid3333, category_id: cate3, price : 3000, quantity : 3 } ] }; (1) (2) (3) 1. 画 面 左 にある データディクショナリー をクリックします 2. カスタムデータエレメント タブをクリックします 3. データエレメントの 追 加 ボタンを 押 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 18
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(5) (4) (5) 4. データエレメント 名 に RetargetingItems と 入 力 します データエレメントの 説 明 には 任 意 の 説 明 を 入 力 し ます 5. 続 ける ボタンを 押 します (6) 6. データバインディングの 追 加 ボタンを 押 し 表 示 されたメニューから ウェブサイト を 選 択 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 19
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(6) (7) (8) 7. データバインディングエクスプレッション に 設 定 値 を 入 力 します 入 力 する 設 定 値 はお 客 様 のサイト 構 成 によって 異 なります 例 として 15ページに 記 載 したJSONでデータを 定 義 している 場 合 にはデータバインディングエクスプレッションに 以 下 の 値 を 入 力 します pagedata.items 設 定 値 について 詳 しくは 有 償 サポートにお 問 い 合 わせください 8.データを 取 得 するページを 選 択 します ページの 一 覧 から 設 定 するページの 未 設 定 ボタンを 押 します ボタンが 設 定 済 み に 変 更 され ページが 設 定 されます 保 存 ボタンを 押 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 20
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(7) 作 成 したデータエレメントをサービスタグに 設 定 します Retargeting Items の 入 力 欄 の 右 側 にある データエレメントの 挿 入 ボタンを 押 し 作 成 したデータエレメントを 選 択 します Retargeting Items に 選 択 したデータエレメント 名 ( 例 :[[RetargetingItems]])が 入 力 されます Item ID Key Category ID Key Price Key Quantity Key にそれぞれのキー 名 を 入 力 します 詳 しくは P.25をご 参 照 ください <データの 定 義 例 > var pagedata = { "navigation": { "pagename : cart, "customer":"cust000000" }, "order": { "id": "xxxxxxxx", "address": "yyyyyyyy" }, "items":[ { item_id : iid1111, category_id: cate1, price":"10 00, quantity":"1"}, { item_id : iid2222, category_id: cate2, price : 20 00, quantity : 2 }, { item_id : iid3333, category_id: cate3, price : 30 00, quantity : 3 } ] }; 入 力 が 完 了 したら サービスタグの 作 成 ボタンを 押 します Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 21
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(8) ページ 種 別 ごとのタグ 設 定 例 サイトリターゲティングにページ 種 別 商 品 情 報 を 利 用 する 際 の 各 ページのタグ 設 定 例 です トップページ トップページに 設 置 する 場 合 は Retargeting Page Type のみの 設 定 を 推 奨 します <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_retargeting_id = ' listing0001 '; var yahoo_retargeting_label = ' label0001 '; var yahoo_retargeting_page_type= home'; var yahoo_retargeting_items = ; /* ]]> */ <script type="text/javascript" language="javascript" src= "//b92.yahoo.co.jp/js/s_retargeting.js"> Retargeting Page Type 項 目 名 Retargeting Page Type 入 力 例 home Retargeting Items ー item ID Key ー Category ID Key ー Price Key ー Quantity Key ー Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 22
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(9) 商 品 一 覧 検 索 結 果 ページ 商 品 一 覧 検 索 結 果 ページなどにタグを 設 置 する 際 の 設 定 例 です < 商 品 一 覧 ページに 設 定 する 例 > <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_retargeting_id = ' listing0001 '; var yahoo_retargeting_label = ' label0001 '; var yahoo_retargeting_page_type= category'; Retargeting Page Type var yahoo_retargeting_items = [ {item_id: 'item1', category_id: cate1, price:, quantity: }, {item_id: 'item2', category_id: 'cate2, price:, quantity: }, Retargeting items {item_id: 'item3', category_id: 'cate3, price:, quantity: } ]; /* ]]> */ <script type="text/javascript" language="javascript" src= "//b92.yahoo.co.jp/js/s_retargeting.js"> 項 目 名 Retargeting Page Type Retargeting Items 入 力 例 category search P.18~21 参 照 item ID Key item_id Category ID Key category_id Price Key ー Quantity Key ー Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 23
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(10) 商 品 詳 細 ページ 商 品 詳 細 ページなどにタグを 設 置 する 際 の 設 定 例 です <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_retargeting_id = ' listing0001 '; var yahoo_retargeting_label = ' label0001 '; var yahoo_retargeting_page_type= detail'; Retargeting Page Type var yahoo_retargeting_items = [ {item_id: 'item1', category_id: cate1, price:, quantity: }, Retargeting items ]; /* ]]> */ <script type="text/javascript" language="javascript" src= "//b92.yahoo.co.jp/js/s_retargeting.js"> 項 目 名 Retargeting Page Type 入 力 例 detail Retargeting Items P.18~21 参 照 item ID Key item_id Category ID Key category_id Price Key ー Quantity Key ー Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 24
[Yahoo!ディスプレイアドネットワーク] サイトリターゲティングタグ(JavaScript)(11) 商 品 カート 購 入 申 し 込 み コンバージョンページ 商 品 カートや 購 入 申 し 込 み コンバージョンページなどにタグを 設 置 する 際 の 設 定 例 です < 商 品 カートに 設 定 する 例 > <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_retargeting_id = ' listing0001 '; var yahoo_retargeting_label = ' label0001 '; var yahoo_retargeting_page_type= cart; Retargeting Page Type var yahoo_retargeting_items = [ {item_id: 'item1', category_id: cate1, price:, quantity: }, {item_id: 'item10', category_id: 'cate10, price:, quantity: }]; /* ]]> */ <script type="text/javascript" language="javascript" src= "//b92.yahoo.co.jp/js/s_retargeting.js"> Retargeting items 項 目 名 Retargeting Page Type Retargeting Items 入 力 例 cart conversionintent conversion P.18~21 参 照 item ID Key item_id Category ID Key category_id Price Key ー Quantity Key ー Copyright(C)2016 Yahoo Japan Corporation. All Rights Reserved. 無 断 引 用 転 載 禁 止 25