アドテク問題(広告表示編)


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

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

全部で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広告表示サンプル

スクリーンショット 2016-03-23 16.26.26

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

スクリーンショット 2016-03-23 18.54.26

Q7広告表示サンプル

スクリーンショット 2016-03-23 17.07.16

Q8広告表示サンプル

自分で考えてみて下さい

Q9広告表示サンプル

自分で考えてみて下さい


DACエンジニア採用情報

  関連記事

「初めての動画広告~①VAST編~」

2015年新卒入社の池田です。 「TVで動画コンテンツをみる時代」から「ネットで動画コンテンツをみる」時代になった今日このごろです。 「私もいっちょまえに動画広告を扱ってみたい・・・!!」と生意気にも思うようになりまして。 しかし、つい2か月前までド文系大学生だった池田は果たして動画広告を扱えるよう …

no image
【動画広告】VASTって何?

こんにちは、FlexOne推進部の近江です。 私は新卒入社2年目でアドサーバーや動画ソリューション(OVP)のサポート、開発を担当しています。 今回は動画広告のプロトコル「VAST」について書かせて頂きます。   ここ数年動画のくるくる詐欺がありましたが、昨年はHulu、ユーチューバー、見 …

「Ad Tech Power Game」

こんにちは、テクノロジー戦略部の田畑です。 はじめに。 この「アドテクゑびす界」ですが、DAC公式のエンジニアブログです。他の方も色々と技術的なことを書いていますが僕エンジニアでもなんでもありません。コード書けませんし、読めません。 ではなぜそんなやつがここでブログを書いているのか?会社の公式ブログ …

Google IMA SDK で動画アプリに広告を入れてみた〜iOS編〜

新卒のjotakaです。 スマホアプリに動画広告を出すためのSDKを導入してみたいと思います。 ここでのSDKはアプリへ簡単に機能追加するためのframeworkやlibraryと言う方がわかりやすいかもしれません。 アプリ開発者が動画広告用のSDKを使用するメリットとして、例えば動画広告の仕様であ …

ES5とES6でアドタグを作ってみた

はじめに アドテク問題(広告表示編)のQ7を元にネイティブ広告を表示するアドタグをES5とES6で作ってみました。 処理の流れ 大きな処理の流れは以下の通り 広告要素取得処理 サーバからタイトル/説明文/画像URLの取得を行う フォーマット処理 取得した要素を表示するページに最適化した形にフォーマッ …

AudieneOneでアドブロック利用者を抽出する訪問者セグメントを作ろう

はじめに iOS 9のコンテンツブロッカーによって盛り上がったアドブロック論争。アドブロック自体はPCブラウザ用プラグインで昔からできていたことなのですが、さらに普及していくのかもしれません。 アドブロックの仕組みが普及するのはインターネット業界全体の損失につながりかねない話ではあるのですが、その一 …

【DMP】クッキー連携ってなに

  アドテクに関わる方であれば、必ず耳にするであろう「クッキー連携」をシンプルに説明してみようと思います。 クッキー連携は cookie sync(クッキーシンク、cookie synchronization の略)と呼ばれることも多いです。 Googleは cookie matching …

アドブロッカーに対抗してアドチェッカーを作ってみた

iOS9のSafariでコンテンツブロック機能が登場し、サイト上の広告を非表示にするアドブロックの存在が世に広まりました。 これを機にCrystalを始めとする数々のアドブロッカーアプリが登場しています。 PCブラウザでもAdblock Plusを始め、ブラウザの拡張機能で広告を非表示にして表示速度 …

【タグマネジメント】GoogleTagManagerでイベントリスナーを使う

タグマネジメントとは タグマネジメントとは、広告効果測定ツールや、サイト解析ツールなどで利用している『HTMLタグ』の管理を行うことをいいます。 タグマネジメントツールでは、Webサイトの全ページに各タグマネジメントツールが発行する1つのタグを設置するだけで、あらゆるHTMLタグを管理画面上で登録す …

オトナの常識、消費者プライバシー保護(前編)

どうも、広告技術研究室のダーハラです。    何やってる人? 広告技術研究室の業務は多岐に渡るのですが、僕の仕事は海外のアドテクノロジーの動向や関連する技術環境の変化を調べて、経営陣や開発部隊にフィードバックするといったことを主な業務としています。 とてもやり甲斐のある仕事なのですが、仕事 …