- 請設計一個 javascript sdk，讓開發者可以在自己的網站頁面中顯示廣告
-
sdk 要透過 api 取得廣告資訊，請參考並自由修改
server.js- 若有廣告，則在頁面上呈現廣告內容
- 若沒廣告，則不顯示廣告
-
sdk 必須提供廣告相關的事件供開發者監聽，事件類型有:
on-ad-loaded廣告載入成功on-ad-failed廣告載入失敗on-ad-impression廣告出現在畫面上超過 50%至少一秒。- 若達成此條件，sdk 必須呼叫
impression_url這個端點，只能呼叫一次
- 若達成此條件，sdk 必須呼叫
-
sdk 在網頁載入後，可以自動在頁面上存在的廣告欄位中顯示廣告
- 廣告可以直接在頁面上插入
html或是用iframe的形式呈現 - 廣告的兩種類型，分別為
VIDEO,BANNER，要可以設定想顯示的廣告類型
- 廣告可以直接在頁面上插入
-
必須要提供api以供開發者在 single page application 的網站中控制載入廣告的時機。
{
"id": 2,
"type": "VIDEO",
"title": "Google Pixel 3a XL使用一週心得 拍照有輸Pixel 3嗎？",
"description": "Google新出的Pixel 3a系列，定位在中階機款，卻擁有OLED螢幕，和可比旗艦機的強悍拍照功能，那整體使用體驗到底是如何呢？使用體驗跟Pixel 3有差很多嗎？",
"image": "https://agirls.aotter.net/media/60dcde35-6798-4784-8985-78323c7ec75b.jpg",
"video_url": "https://www.youtube.com/embed/lquZJyVj3-I",
"impression_url": "https://agirls.aotter.net?imp=2",
"success": true
}
{
"id": 1,
"type": "BANNER",
"title": "三星電視獨家搶先支援Apple TV App，手機還能一秒變遙控器！",
"description": "好消息！三星在本週宣布~即日起旗下2019年全系列智慧電視、和2018年的指定機型將可透過更新支援Apple TV App以及Airplay2啦！",
"image": "https://agirls.aotter.net/media/da724a8b-fe19-4f4e-8262-75c207ae038b.jpg",
"url": "https://agirls.aotter.net/post/55419",
"impression_url": "https://agirls.aotter.net?imp=1",
"success": true
}
{
"success": false
}
| key | usage |
|---|---|
| success | 用來判斷是否成功載入廣告 |
| id | 每則廣告的id, 每則廣告只能出現一次。 |
| impression_url | 當廣告出現在畫面中，超過50%持續一秒時，將視為使用者曾經看過此廣告，呼叫這個端點，只能發送一次 |
- javascript 必須要 minify
- 不使用第三方套件，但可以使用 webpack 等 preprocessor。
- 瀏覽器支援:
- The current version of Microsoft Edge (Windows)
- Internet Explorer 10 and 11 (Windows)
- The current and previous version of Firefox (Windows, macOS, Linux)
- The current and previous version of Chrome (Windows, macOS, Linux)
- The current and previous version of Safari (macOS)
- ⼀個可執行的專案，包含以下項目
- 一支可以在瀏覽器中載入廣告的 javascript 程式，
- 一個可執行的範例網頁
- 需撰寫基本的 test
- 需撰寫基本的 API 文件
- 專案請 commit 至 github 或 bitbucket 交付
- 上線計畫書 — 假想這個專案應要正式上線，我們會問這些問題:
- 我們要還需要經過哪些測試，才可以正式上線?
- 有什麼方式可以搜集在使用者瀏覽器上遇到的錯誤?