ampと広告とopenrtbと #yjmu

Copyrig ht © 2017 Yahoo Japan Corporation. All Rig hts Reserved .

安部洋平

AMPと広告とOpenRTBと

June 15, 2017


自己紹介

1

安部洋平エンジニア担当領域：広告配信システム(YDN)

など

ice break

June 15, 2017


もくじ

2

1. AMPと広告2. OpenRTB

June 15, 2017


AMP

3

Accelerated Mobile Page(AMP)

Accelerated Mobile Pages (AMP) は、Googleが中心となって立ち上げた、モバイルでのウェブサイト閲覧を高速化することを目的とするオープンソースプロジェクトである。

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

June 15, 2017


AMP

AMP HTML

AMP JS

AMP Cache

4 June 15, 2017


AMP

5

AMP cacheAMP HTMLAMP JS

June 15, 2017

origin server


AMP HTML

AMPでは

通常のHTMLは使えない

AMP HTMLを使う

JavaScriptは使えない

6 June 15, 2017


AMP HTML

June 15, 20177

BROWSER

AMP JS

AMP HTML

(*) イメージです


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


AMPと広告

AMP HTMLでは広告用に

<amp-ad>

という特別なタグが用意されている

9 June 15, 2017


AMPと広告

10

<amp-ad>

引用 https://github.com/ampproject/amphtml/blob/master/ads/yahoojp.md

June 15, 2017


<amp-ad>

11

type=yahoojp

typeに指定可能なアドネットワーク一覧

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

June 15, 2017


<amp-ad>

<amp-ad>の実装

AMP JSの中でtype=yahoojpだったら通常の広告タグをiframeの中で呼び出す

12 June 15, 2017


<amp-ad>

13

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

June 15, 2017


<amp-ad>の問題

14

表示が諸々の事情で遅い

速いバージョンがA4A

(amp for ad)

June 15, 2017


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


AMP A4A

16

A4A AMPブログより

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

June 15, 2017

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


AMP A4A

Design Document

June 15, 201717


AMP A4A

18

引用 https://github.com/ampproject/amphtml/issues/3133

June 15, 2017


AMP A4A

19

よくわからないので…

June 15, 2017


AMP A4A

20

広告サーバー

amp-adの場合

1.広告html, js2.iframeに広告

広告サーバー

A4Aの場合

1. AMP html2.rootページに広告

June 15, 2017


AMP A4A

21

アドネットワーク対応状況(2017/6)

https://github.com/ampproject/amphtml/tree/master/extensions

以下の amp-ad-network-xxx-impl が各社A4Aの実装

fakeはhelloworld的なやつ

June 15, 2017


ここまでのまとめ

22

AMPページに広告出すには

<amp-ad>タグを使う

A4Aはより速い

June 15, 2017


もくじ

23

1. AMPと広告2. OpenRTB

June 15, 2017


OpenRTB?

24

IAB（標準化団体）

広告リクエスト<->レスポンスのプロトコルhttps://www.iab.com/guidelines/real-time-bidding-rtb-project/

June 15, 2017


プロトコル

25

リクエスト：

JSONをHTTP POST

レスポンス：

JSON

仕様書はJSONの中身を決めている

June 15, 2017


OpenRTB 2.4->2.5

26

最近（2017年1月）バージョンが上がった

2.4->2.5

2.4 が2016/3なので約1年ぶり

June 15, 2017


OpenRTB仕様書の読み方のコツ

27

最初から読むと3ページ目に辿り着く前に寝る

仕様書の最後の方にExampleがあるので、そこを最初に見てイメージをつかむ

読んでいる項目がリクエストなのかレスポンスなのかを意識する（同じ値名で、リクエストにもレスポンスにも存在するものがあるから）

June 15, 2017


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


2.4->2.5 主な変更点

29





June 15, 2017


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


2.4->2.5 主な変更点

31





June 15, 2017


2. Video Placement Type Support

32

動画広告のリクエスト時に動画枠の付加情報を送れるようになった

1. placement

2. playbackmethod

3. playbackend

June 15, 2017


placement

33

動画広告枠がどのような場所に位置しているか

1. in-Stream

2. in-Banner

3. in-Article

4. in-Feed

5. interstitial

In-streamだったら

動画の再生前、中、後に再生される動画広告

を意味する

June 15, 2017


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


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


2.4->2.5 主な変更点

36





June 15, 2017


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

１はリクエストがheader bidder(とか）起源

June 15, 2017


2.4->2.5 主な変更点

38





June 15, 2017


4. Historic Metrics Support

39

Metricオブジェクトがリクエストに追加

Metricsオブジェクト• type string; required

メトリクスの名前• value float;

メトリクスの値• vendor string; recommended

メトリクスを提供するベンダ名（たぶん...)

広告枠のメトリクス（どのくらい見られるか＝価値があるか）の情報を送信できるようになった

June 15, 2017


まとめ

1. AMPと広告AMPページでの広告タグについてamp-ad とA4A

2. OpenRTB2.4->2.5 変更点

40 June 15, 2017

ampと広告とopenrtbと #yjmu

Technology