AMPと広告とOpenRTBと #yjmu

340 Views

June 15, 17

#yjmu #AMP #広告 #OpenRTB #A4A #モバイル広告

スライド概要

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

Yahoo!デベロッパーネットワーク

@ydnjp

スライド一覧

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

またはPlayer版

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

（ダウンロード不可）

関連スライド

深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで

Yahoo!デベロッパーネットワーク 166.2K

ゼロから始める転移学習

Yahoo!デベロッパーネットワーク 86.6K

ヤフーにおける WebAuthn と Passkey の UX の紹介と考察 #idcon #fidcon

idcon fidcon

Yahoo!デベロッパーネットワーク 74.2K

OpenID Connectとネイティブアプリを取り巻く仕様と動向 Yahoo! JAPANの取り組み #openid #openid_tokyo

openid openid_tokyo

Yahoo!デベロッパーネットワーク 58.1K

運用業務とスクラムは本当に組み合わせにくいのか︖運用業務が大半を占めるプロダクト開発での試行錯誤

devsumi

Yahoo!デベロッパーネットワーク 36K

ヤフーのオンプレ機械学習基盤AIPFについて #ml_kubernetes

ml_kubernetes

Yahoo!デベロッパーネットワーク 29.3K

各ページのテキスト

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 .

自己紹介安部洋平エンジニア担当領域：広告配信システム(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 .

もくじ 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 .

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 .

https://ja.wikipedia.org/wiki/Accelerated_Mobile_Pages

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 .

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 .

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 .

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 .

[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 .

https://www.ampproject.org/ja/docs/reference/components/amp-ad

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 .

https://github.com/ampproject/amphtml/pull/3285

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 .

https://amphtml.wordpress.com/2016/07/19/but-what-about-the-ads/

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.

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 .

https://www.iab.com/guidelines/real-time-

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はリクエストがサーバー起源１はリクエストが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 .