View
529
Download
2
Category
Preview:
Citation preview
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
安部洋平
AMPと広告とOpenRTBと
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
自己紹介
1
安部 洋平エンジニア担当領域:広告配信システム(YDN)
など
ice break
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
もくじ
2
1. AMPと広告2. OpenRTB
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP
3
Accelerated Mobile Page(AMP)
Accelerated Mobile Pages (AMP) は、Googleが中心となって立ち上げた、モバイルでのウェブサイト閲覧を高速化することを目的とするオープンソースプロジェクトである。
引用 https://ja.wikipedia.org/wiki/Accelerated_Mobile_Pages
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP
AMP HTML
AMP JS
AMP Cache
4 June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP
5
AMP cacheAMP HTMLAMP JS
June 15, 2017
origin server
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP HTML
AMPでは
通常のHTMLは使えない
AMP HTMLを使う
JavaScriptは使えない
6 June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP HTML
June 15, 20177
BROWSER
AMP JS
AMP HTML
(*) イメージです
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMPと広告
広告タグ(例 YDN)
<script type="text/javascript">yads_ad_ds = ’xxxxxx';</script><script type="text/javascript" src="https://yads.yahoo.co.jp/js/yads.js"></script>
広告タグはHTMLとJSを駆使しているのでそのままではAMP HTMLで使えない
8 June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMPと広告
AMP HTMLでは広告用に
<amp-ad>
という特別なタグが用意されている
9 June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMPと広告
10
<amp-ad>
引用 https://github.com/ampproject/amphtml/blob/master/ads/yahoojp.md
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
<amp-ad>
11
type=yahoojp
typeに指定可能なアドネットワーク一覧
引用 https://www.ampproject.org/ja/docs/reference/components/amp-ad
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
<amp-ad>
<amp-ad>の実装
AMP JSの中でtype=yahoojpだったら通常の広告タグをiframeの中で呼び出す
12 June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
<amp-ad>
13
引用 https://github.com/ampproject/amphtml/pull/3285
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
<amp-ad>の問題
14
表示が諸々の事情で遅い
速いバージョンがA4A
(amp for ad)
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
15
なぜ速いか => iframe使わないから (*1)
Within Fast Fetch, if an ad fails validation, that ad is wrapped in a cross-domain iframe to sandbox it from the rest of the AMP document. Conversely, an AMP Ad passing validation is written directly into the page
訳:ファストフェッチが有効な場合、ADが妥当なAMPドキュメントならばページに直接書き込まれる(ので速い)。妥当ではない場合は、iframe sandboxに閉じ込められる(ので遅い)
引用https://github.com/ampproject/amphtml/blob/master/ads/google/a4a/docs/Network-Impl-Guide.md
(*1)イメージです
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
16
A4A AMPブログより
引用https://amphtml.wordpress.com/2016/07/19/but-what-about-the-ads/
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
Design Document
June 15, 201717
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
18
引用 https://github.com/ampproject/amphtml/issues/3133
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
19
よくわからないので…
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
20
広告サーバー
amp-adの場合
1.広告html, js2.iframeに広告
広告サーバー
A4Aの場合
1. AMP html2.rootページに広告
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
AMP A4A
21
アドネットワーク対応状況(2017/6)
https://github.com/ampproject/amphtml/tree/master/extensions
以下の amp-ad-network-xxx-impl が各社A4Aの実装
fakeはhelloworld的なやつ
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
ここまでのまとめ
22
AMPページに広告出すには
<amp-ad>タグを使う
A4Aはより速い
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
もくじ
23
1. AMPと広告2. OpenRTB
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
OpenRTB?
24
IAB(標準化団体)
広告リクエスト<->レスポンスのプロトコルhttps://www.iab.com/guidelines/real-time-bidding-rtb-project/
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
プロトコル
25
リクエスト:
JSONをHTTP POST
レスポンス:
JSON
仕様書はJSONの中身を決めている
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
OpenRTB 2.4->2.5
26
最近(2017年1月)バージョンが上がった
2.4->2.5
2.4 が2016/3なので約1年ぶり
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
OpenRTB仕様書の読み方のコツ
27
最初から読むと3ページ目に辿り着く前に寝る
仕様書の最後の方にExampleがあるので、そこを最初に見てイメージをつかむ
読んでいる項目がリクエストなのかレスポンスなのかを意識する(同じ値名で、リクエストにもレスポンスにも存在するものがあるから)
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
2.4->2.5 主な変更点
28
1. IAB New Ad Portfolio Support縦横比で広告出せる
2. Video Placement Type Support 動画枠のより細かい情報を書けるようになった
3. Header Bidding Supportヘッダービディングをサポート
4. Historic Metrics Support広告枠のメトリックスが書けるようになった
他の細かい変更点は Appendix B. Specification Change Logに書いてある
引用 https://www.iab.com/guidelines/real-time-bidding-rtb-project/
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
2.4->2.5 主な変更点
29
1. IAB New Ad Portfolio Support縦横比で広告出せる
2. Video Placement Type Support 動画枠のより細かい情報を書けるようになった
3. Header Bidding Supportヘッダービディングをサポート
4. Historic Metrics Support広告枠のメトリックスが書けるようになった
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
1. IAB New Ad Portfolio Support
30
縦横比で広告を出せるようになった
2.4まで画像の幅高さを指定して広告を取得する
2.5(w, h)指定に加えて(wratio,hratio,wmin)でも指定できるようになったwratio: integer Relative width when expressing size as a ratio.hratio: integer Relative height when expressing size as a ratio.wmin: width minimum
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
2.4->2.5 主な変更点
31
1. IAB New Ad Portfolio Support縦横比で広告出せる
2. Video Placement Type Support 動画枠のより細かい情報を書けるようになった
3. Header Bidding Supportヘッダービディングをサポート
4. Historic Metrics Support広告枠のメトリックスが書けるようになった
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
2. Video Placement Type Support
32
動画広告のリクエスト時に動画枠の付加情報を送れるようになった
1. placement
2. playbackmethod
3. playbackend
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
placement
33
動画広告枠がどのような場所に位置しているか
1. in-Stream
2. in-Banner
3. in-Article
4. in-Feed
5. interstitial
In-streamだったら
動画の再生前、中、後に再生される動画広告
を意味する
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
Playbackmethod
34
動画再生の始まり方
1. Initiates on Page Load with Sound On ページロード時に音を有効にして再生
2. Initiates on Page Load with Sound Off by Default
3. Initiates on Click with Sound On
4. Initiates on Mouse-Over with Sound On
5. Initiates on Entering Viewport with Sound On
6. Initiates on Entering Viewport with Sound Off by Default
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
playbackend
35
動画再生の終わり方
1. On Video Completion or when Terminated by User動画が終わった or ユーザーが停止した
2. On Leaving Viewport or when Terminated by User
3. On Leaving Viewport Continues as a Floating/Slider Unit until Video Completion or when Terminated by User
Floating/Sliderがわかりづらい。。。
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
2.4->2.5 主な変更点
36
1. IAB New Ad Portfolio Support縦横比で広告出せる
2. Video Placement Type Support 動画枠のより細かい情報を書けるようになった
3. Header Bidding Supportヘッダービディングをサポート
4. Historic Metrics Support広告枠のメトリックスが書けるようになった
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
3. Header Bidding Support
37
3.2.2 Sourceオブジェクトがリクエスト追加
fd
Entity responsible for the final impression sale decision, where 0 = exchange, 1 = upstream source.
tid
Transaction ID that must be common across all participants in this bid request (e.g., potentially multiple exchanges).
pchain
Payment ID chain string containing embedded syntax described in the TAG Payment ID Protocol v1.0.
fdが重要
0はリクエストがサーバー起源
1はリクエストがheader bidder(とか)起源
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
2.4->2.5 主な変更点
38
1. IAB New Ad Portfolio Support縦横比で広告出せる
2. Video Placement Type Support 動画枠のより細かい情報を書けるようになった
3. Header Bidding Supportヘッダービディングをサポート
4. Historic Metrics Support広告枠のメトリックスが書けるようになった
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
4. Historic Metrics Support
39
Metricオブジェクトがリクエストに追加
Metricsオブジェクト• type string; required
メトリクスの名前• value float;
メトリクスの値• vendor string; recommended
メトリクスを提供するベンダ名(たぶん...)
広告枠のメトリクス(どのくらい見られるか=価値があるか)の情報を送信できるようになった
June 15, 2017
Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .
まとめ
1. AMPと広告AMPページでの広告タグについてamp-ad とA4A
2. OpenRTB2.4->2.5 変更点
40 June 15, 2017
Recommended