若要顯示橫幅廣告,您必須建立橫幅例項,並允許瀏覽器TVSDK接聽廣告相關事件。
瀏覽器TVSDK提供透過與線性廣告相關的隨附橫幅廣告清單 AdobePSDK.PSDKEventType.AD_STARTED
事件。
資訊清單可透過以下方式指定隨附橫幅廣告:
對於每個隨附廣告,瀏覽器TVSDK會指出您的應用程式可用的型別。
新增事件的監聽器 AdobePSDK.PSDKEventType.AD_STARTED
這樣會執行下列動作:
清除橫幅例項中的現有廣告。
從取得隨附廣告清單 Ad.getCompanionAssets
.
如果隨附廣告清單不是空的,請反複檢視橫幅例項的清單。
每個橫幅例項(一個 AdBannerAsset
)包含寬度、高度、資源型別(html、iframe或靜態)等資訊,以及顯示隨附橫幅所需的資料。
如果視訊廣告沒有隨附廣告預訂,則隨附資產清單不包含該視訊廣告的資料。
將橫幅資訊傳送至頁面上會在適當位置顯示橫幅的函式。
這通常是 div
,而您的函式會使用 div ID
以顯示橫幅。 例如:
新增事件接聽程式:
_player.addEventListener(AdobePSDK.PSDKEventType.AD_STARTED, onAdStarted);
實作監聽器處理常式:
private function onAdStarted(event:AdPlaybackEvent):void
{
// check if there are any companion banner
if (event.ad && event.ad.companionAssets
&& event.ad.companionAssets.length > 0) {
for each (var banner:AdBannerAsset in event.ad.companionAssets) {
if (ExternalInterface.available) {
//-- call the java script that will handle the banner display.
ExternalInterface.call('addBanner', banner.resourceType,
banner.width, banner.height, banner.bannerData);
}
}
}
//...
}
處理顯示的JavaScript範例:
function displayCompanion (resourceType, width, height, data) {
console.log(resourceType + "," + width + "," + height);
var bannerDiv = document.getElementById('banner' + width + 'x' + height);
// Assuming that there is an HTML element on the page
// with an id of "banner300x250", for example
if (bannerDiv !== null) {
bannerDiv.innerHTML = data;
}
}