アドテクエンジニア向けの問題を考えました。
お題は「広告表示」です。 以下お題に沿った「アドタグ」を作成し、広告を表示してみてください。
全部で9問あるので、興味のある人はやってみてください。 難易度は、ちょうどいいくらいです。
全部できた人は、採用担当までご連絡ください。
Q1.バナー広告を表示してみよう①
[code lang=text] [request] ・ URL:http://ad-tech-study.com/display/q1 ・ method:GET
[response] ・ document.write [/code]
Q2.バナー広告を表示してみよう②
[code lang=text] [request] ・ URL:http://ad-tech-study.com/display/q2 ・ method:GET
[response] ・ json [/code]
Q3.バナー広告を表示してみよう③
[code lang=text] [request] ・ URL:http://ad-tech-study.com/display/q3 ・ method:GET ・ params: - callback:callback関数名(callback=XXX) [XXX]はcallback関数を指定してください。
[response] ・ jsonp [/code]
Q4.バナー広告を表示してみよう④
[code lang=text] [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を動的にリクエストパラメータにつけること。 [/code]
Q5.バナー広告を表示してみよう⑤
[code lang=text] [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の両方の広告表示を行うこと。 [/code]
Q6.バナー広告を表示してみよう⑥
[code lang=text] [request] ・ URL:http://ad-tech-study.com/display/q6 ・ method:GET ・ params: - callback:callback関数名(callback=XXX) [XXX]はcallback関数を指定してください。指定しないとjsonで返ってきます。
[response] ・ json/jsonp
[restriction] ・ iframeで広告を表示し、枠線など表示されないようにすること。 [/code]
Q7.ネイティブ広告を表示してみよう
[code lang=text] [request] ・ URL:http://ad-tech-study.com/display/q7 ・ method:GET ・ params: - callback:callback関数名(callback=XXX) [XXXはcallback関数を指定してください。指定しないとjsonで返ってきます。
[response] ・ json/jsonp
[restriction] ・ 表示イメージのような広告表示にすること。 [/code]
Q8.動画広告を表示してみよう
[code lang=text] [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/ [/code]
Q9.ネイティブ+動画広告を表示してみよう
[code lang=text] [request] ・ URL:http://ad-tech-study.com/display/q9 ・ method:GET ・ params: - callback:callback関数名(callback=XXX) [XXX]はcallback関数を指定してください。指定しないとjsonで返ってきます。
[response] ・ json/jsonp
[restriction] ・ 特になし [/code]
Q1~Q4,Q5(PC),Q6広告表示サンプル
Q5(SP)広告表示サンプル
Q7広告表示サンプル
Q8広告表示サンプル
自分で考えてみて下さい
Q9広告表示サンプル
自分で考えてみて下さい