AMPと広告とOpenRTBと #yjmu

309 Views

June 15, 17

スライド概要

Yahoo! JAPANのアドテクエンジニア主催Meetupイベント「アドテクvol.2」で発表した資料になります。
https://yj-meetup.connpass.com/event/57705/

profile-image

2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

AMPと広告とOpenRTBと June 15, 2017 安部洋平 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

2.

自己紹介 安部 洋平 エンジニア 担当領域:広告配信システム(YDN) など ice break 1 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

3.

もくじ 1. AMPと広告 2. OpenRTB 2 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

4.

AMP Accelerated Mobile Page(AMP) Accelerated Mobile Pages (AMP) は、Googleが中 心となって立ち上げた、モバイルでのウェブサイト閲 覧を高速化することを目的とするオープンソースプ ロジェクトである。 引用 3 June 15, 2017 https://ja.wikipedia.org/wiki/Accelerated_Mobile_Pages Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

5.

AMP AMP HTML AMP JS AMP Cache 4 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

6.

AMP origin server AMP HTML AMP JS 5 June 15, 2017 Co p yrig ht © 2 0 1 7 AMP cache Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

7.

AMP HTML AMPでは 通常のHTMLは使えない AMP HTMLを使う JavaScriptは使えない 6 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

8.

AMP HTML AMP HTML AMP JS BROWSER (*) イメージです 7 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

9.
[beta]
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

Co p yrig ht © 2 0 1 7

Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

10.

AMPと広告 AMP HTMLでは広告用に <amp-ad> という特別なタグが用意されている 9 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

11.

AMPと広告 <amp-ad> 引用 https://github.com/ampproject/amphtml/blob/master/ads/yahoojp.md 10 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

12.

<amp-ad> type=yahoojp typeに指定可能なアドネットワーク一覧 引用 https://www.ampproject.org/ja/docs/reference/components/amp-ad 11 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

13.

<amp-ad> <amp-ad>の実装 AMP JSの中でtype=yahoojpだった ら通常の広告タグをiframeの中で呼 び出す 12 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

14.

<amp-ad> 引用 https://github.com/ampproject/amphtml/pull/3285 13 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

15.

<amp-ad>の問題 表示が諸々の事情で遅い 速いバージョンがA4A (amp for ad) 14 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

16.

AMP A4A なぜ速いか => 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-ImplGuide.md (*1)イメージです 15 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

17.

AMP A4A A4A AMPブログ より 引用https://amphtml.wordpress.com/2016/07/19/butwhat-about-the-ads/ 16 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

18.

AMP A4A Design Document 17 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

19.

AMP A4A 引用 https://github.com/ampproject/amphtml/issues/3133 18 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

20.

AMP A4A よくわからないので… 19 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

21.

AMP A4A amp-adの場合 2.iframeに広告 1.広告html, js 広告サーバー 1. AMP html 広告サーバー A4Aの場合 2.rootページに 広告 20 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

22.

AMP A4A アドネットワーク対応状況(2017/6) https://github.com/ampproject/amphtml/tree/master/extensions 以下の amp-ad-network-xxx-impl が各社A4Aの実装 fakeはhelloworld的なやつ 21 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

23.

ここまでのまとめ AMPページに広告出すには <amp-ad>タグを使う A4Aはより速い 22 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

24.

もくじ 1. AMPと広告 2. OpenRTB 23 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

25.

OpenRTB? IAB(標準化団体) 広告リクエスト<->レスポンスのプロトコル https://www.iab.com/guidelines/real-timebidding-rtb-project/ 24 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

26.

プロトコル リクエスト: JSONをHTTP POST レスポンス: JSON 仕様書はJSONの中身を決めている 25 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

27.

OpenRTB 2.4->2.5 最近(2017年1月)バージョンが上 がった 2.4->2.5 2.4 が2016/3なので約1年ぶり 26 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

28.

OpenRTB仕様書の読み方のコツ 最初から読むと3ページ目に辿り着く前に寝る 仕様書の最後の方にExampleがあるので、そこ を最初に見てイメージをつかむ 読んでいる項目がリクエストなのかレスポンス なのかを意識する (同じ値名で、リクエストにもレスポンスにも存 在するものがあるから) 27 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

29.

2.4->2.5 主な変更点 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-rtbproject/ 28 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

30.

2.4->2.5 主な変更点 1. 2. 3. 4. 29 IAB New Ad Portfolio Support 縦横比で広告出せる Video Placement Type Support 動画枠のより細かい情報を書けるように なった Header Bidding Support ヘッダービディングをサポート Historic Metrics Support 広告枠のメトリックスが書けるようになった June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

31.

1. IAB New Ad Portfolio Support 縦横比で広告を出せるようになった 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 30 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

32.

2.4->2.5 主な変更点 1. 2. 3. 4. 31 IAB New Ad Portfolio Support 縦横比で広告出せる Video Placement Type Support 動画枠のより細かい情報を書けるように なった Header Bidding Support ヘッダービディングをサポート Historic Metrics Support 広告枠のメトリックスが書けるようになった June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

33.

2. Video Placement Type Support 動画広告のリクエスト時に動画枠の付 加情報を送れるようになった 1. placement 2. playbackmethod 3. playbackend 32 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

34.

placement 動画広告枠がどのような場所に位置しているか 1. 2. 3. 4. 5. in-Stream in-Banner in-Article in-Feed interstitial In-streamだったら 動画の再生前、中、後に再生される動画広告 を意味する 33 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

35.

Playbackmethod 動画再生の始まり方 1. Initiates on Page Load with Sound On ページロード時に音を有効にして再生 34 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 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

36.

playbackend 動画再生の終わり方 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がわかりづらい。。。 35 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

37.

2.4->2.5 主な変更点 1. 2. 3. 4. 36 IAB New Ad Portfolio Support 縦横比で広告出せる Video Placement Type Support 動画枠のより細かい情報を書けるように なった Header Bidding Support ヘッダービディングをサポート Historic Metrics Support 広告枠のメトリックスが書けるようになった June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

38.

3. Header Bidding Support 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(とか)起源 37 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

39.

2.4->2.5 主な変更点 1. 2. 3. 4. 38 IAB New Ad Portfolio Support 縦横比で広告出せる Video Placement Type Support 動画枠のより細かい情報を書けるように なった Header Bidding Support ヘッダービディングをサポート Historic Metrics Support 広告枠のメトリックスが書けるようになった June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

40.

4. Historic Metrics Support Metricオブジェクトがリクエストに追加 Metricsオブジェクト • type string; required メトリクスの名前 • • value float; メトリクスの値 vendor string; recommended メトリクスを提供するベンダ名(たぶん...) 広告枠のメトリクス(どのくらい見られるか=価値がある か)の情報を送信できるようになった 39 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .

41.

まとめ 1. AMPと広告 AMPページでの広告タグについて amp-ad とA4A 2. OpenRTB 2.4->2.5 変更点 40 June 15, 2017 Co p yrig ht © 2 0 1 7 Yaho o Jap an Co rp o ratio n. All Rig hts Reserved .