顯示橫幅廣告

要顯示橫幅廣告，您需要建立橫幅廣告實例並允許瀏覽器TVSDK偵聽與廣告相關的事件。

瀏覽器TVSDK提供與通過以下方式的線性廣告關聯的夥伴橫幅廣告的清單： AdobePSDK.PSDKEventType.AD_STARTED 的子菜單。

清單可通過以下方式指定伴隨橫幅廣告：

  • HTML段
  • iFrame頁的URL
  • 靜態影像或AdobeFlashSWF檔案的URL

對於每個伴侶廣告，瀏覽器TVSDK會指示哪些類型可用於應用程式。

為事件添加偵聽器 AdobePSDK.PSDKEventType.AD_STARTED 執行以下操作：

  1. 清除標題實例中的現有廣告。

  2. 獲取來自的伴侶廣告清單 Ad.getCompanionAssets。

  3. 如果伴生廣告清單不為空，則在標題實例的清單上迭代。

    每個標題實例( AdBannerAsset)包含寬度、高度、資源類型（html、iframe或static）等資訊，以及顯示伴隨橫幅所需的資料。

  4. 如果視頻廣告沒有隨其預訂的伴侶廣告，則伴侶資產清單中不包含該視頻廣告的資料。

  5. 將橫幅資訊發送到頁面上在適當位置顯示橫幅的功能。

    這通常是 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;
    }
}

本頁內容