คุณใช้ IMA SDK เพื่อสร้างรายได้จากไลฟ์สดและวิดีโอออนดีมานด์ได้ สำหรับไลฟ์สด คุณต้องส่งคำขอโฆษณาใหม่สำหรับช่วงพักโฆษณาแต่ละช่วง คุณควรส่งคำขอเหล่านี้แบบเหลื่อมกันเพื่อให้ผู้ชมทั้งหมดไม่ส่งคำขอ โฆษณาพร้อมกันและทำให้เซิร์ฟเวอร์โฆษณาทำงานช้าลง
IMA SDK มีAdsRequest.liveStreamPrefetchSeconds
เพื่อช่วยในเรื่องนี้ พร็อพเพอร์ตี้นี้ระบุจำนวนวินาทีสูงสุดที่ SDK
ควรรอก่อนที่จะติดต่อเซิร์ฟเวอร์โฆษณาหลังจากที่คุณเรียกใช้
AdsLoader.requestAds()
ระบบจะสุ่มเวลาคำขอจริง ตัวอย่างเช่น หากตั้งค่า AdsRequest.liveStreamPrefetchSeconds
เป็น 30 SDK จะรอ 0-30 วินาทีหลังจากที่คุณเรียกใช้ AdsLoader.requestAds()
เพื่อส่งคำขอไปยังเซิร์ฟเวอร์จริงๆ
การดึงข้อมูลล่วงหน้าของไลฟ์สดในทางปฏิบัติ
เราขอแนะนำให้ดึงข้อมูลล่วงหน้าสำหรับช่วงพักโฆษณาถัดไปทันทีที่ช่วงพักโฆษณาสิ้นสุดลง ซึ่งจะช่วยให้มีระยะเวลาสูงสุดสำหรับหน้าต่างการดึงข้อมูลล่วงหน้า สมมติว่าคุณมีเวลา 5 นาทีระหว่างช่วงพักโฆษณา เมื่อช่วงพักโฆษณาสิ้นสุดลง คุณสามารถขอช่วงพักโฆษณาถัดไปโดยมีหน้าต่างการดึงข้อมูลล่วงหน้า 290 วินาที (5 นาทีลบด้วย 10 วินาที เพื่อให้แน่ใจว่าคำขอที่ส่งในช่วงท้ายของ หน้าต่างการดึงข้อมูลล่วงหน้ามีเวลาเพียงพอในการแก้ไข) ดังนี้
// 5 minutes == 300 seconds. Include a 10 second buffer
var AD_INTERVAL = 290;
function onAdEvent(adEvent) {
var ad = adEvent.getAd();
switch(adEvent.type) {
case google.ima.AdEvent.Type.ALL_ADS_COMPLETED:
// Pre-fetch our next ad break.
requestAds();
// Play those ads in 5 minutes. In a real-world implementation,
// this is likely done as the result of a message from your
// streaming server, not a timeout.
setTimeout(playAds, AD_INTERVAL * 1000);// Convert to ms.
}
}
function requestAds() {
// Destroy the current AdsManager, in case the tag you requested previously
// contains post-rolls (don't play those now).
if (adsManager) {
adsManager.destroy();
}
// Your AdsLoader will be set up on page-load. You should re-use the same
// AdsLoader for every request. For more info on setting up the AdsLoader,
// see the IMA HTML5 client-side "Set up the IMA SDK" guide:
// https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/get-started
if (adsLoader) {
// Reset the IMA SDK.
adsLoader.contentComplete();
}
var adsRequest = new google.ima.AdsRequest();
adsRequest.adTagUrl = '...';
adsRequest.linearAdSlotWidth = <linear_width>;
adsRequest.linearAdSlotHeight = <linear_height>;
adsRequest.nonLinearAdSlotWidth = <nonlinear_width>;
adsRequest.nonLinearAdSlotHeight = <nonlinear_height>;
adsRequest.liveStreamPrefechSeconds = AD_INTERVAL;
adsLoader.requestAds(adsRequest);
}
function playAds() {
adsManager.init(<linear_width>, <linear_height>);
adsManager.start();
}