アドテク問題（広告表示編）

アドテクエンジニア向けの問題を考えました。

お題は「広告表示」です。
以下お題に沿った「アドタグ」を作成し、広告を表示してみてください。

全部で9問あるので、興味のある人はやってみてください。
難易度は、ちょうどいいくらいです。

全部できた人は、採用担当までご連絡ください。

Q1.バナー広告を表示してみよう①

[request]
・ URL:http://ad-tech-study.com/display/q1
・ method:GET

[response]
・ document.write

Q2.バナー広告を表示してみよう②

[request]
・ URL:http://ad-tech-study.com/display/q2
・ method:GET

[response]
・ json

Q3.バナー広告を表示してみよう③

[request]
・ URL:http://ad-tech-study.com/display/q3
・ method:GET
・ params:
- callback:callback関数名(callback=XXX)
[XXX]はcallback関数を指定してください。

[response]
・ jsonp

Q4.バナー広告を表示してみよう④

[request]
・ URL:http://ad-tech-study.com/display/q4
・ method:GET
・ params:
- id:現在時刻(0-23)
- width:ブラウザ幅(1920)
- height:ブラウザ高さ(1080)
- callback:callback関数名(callback=XXX)
[XXX]はcallback関数を指定してください。指定しないとjsonで返ってきます。

[response]
・ json/jsonp

[restriction]
・ id/width/heightを動的にリクエストパラメータにつけること。

Q5.バナー広告を表示してみよう⑤

[request]
・ URL:http://ad-tech-study.com/display/q5
・ method:GET
・ params:
- ua:ブラウザのUAを元にした文字列(スマホ:sp/PC:pc)
uaの値によってレスポンス値が変わります。
- callback:callback関数名(callback=XXX)
[XXX]はcallback関数を指定してください。指定しないとjsonで返ってきます。

[response]
・ json/jsonp

[restriction]
・ 1つのアドタグでスマホ/PCの両方の広告表示を行うこと。

Q6.バナー広告を表示してみよう⑥

[request]
・ URL:http://ad-tech-study.com/display/q6
・ method:GET
・ params:
- callback:callback関数名(callback=XXX)
[XXX]はcallback関数を指定してください。指定しないとjsonで返ってきます。

[response]
・ json/jsonp

[restriction]
・ iframeで広告を表示し、枠線など表示されないようにすること。

Q7.ネイティブ広告を表示してみよう

[request]
・ URL:http://ad-tech-study.com/display/q7
・ method:GET
・ params:
- callback:callback関数名(callback=XXX)
[XXXはcallback関数を指定してください。指定しないとjsonで返ってきます。

[response]
・ json/jsonp

[restriction]
・ 表示イメージのような広告表示にすること。

Q8.動画広告を表示してみよう

[request]
・ URL:http://ad-tech-study.com/display/q8
・ method:GET

[response]
・ VAST(xml)

[restriction]
・ 特になし
・ VASTについては、以下を参照してください。
- http://yebisupress.dac.co.jp/2015/07/15/video-advertising-1-vast/
- http://yebisupress.dac.co.jp/2015/03/13/%E3%80%90%E5%8B%95%E7%94%BB%E5%BA%83%E5%91%8A%E3%80%91vast%E3%81%A3%E3%81%A6%E4%BD%95%EF%BC%9F/

Q9.ネイティブ+動画広告を表示してみよう

[request]
・ URL:http://ad-tech-study.com/display/q9
・ method:GET
・ params:
- callback:callback関数名(callback=XXX)
[XXX]はcallback関数を指定してください。指定しないとjsonで返ってきます。

[response]
・ json/jsonp

[restriction]
・ 特になし

Q1~Q4,Q5(PC),Q6広告表示サンプル

Q5(SP)広告表示サンプル

Q7広告表示サンプル

Q8広告表示サンプル

自分で考えてみて下さい

Q9広告表示サンプル

自分で考えてみて下さい

  関連記事