顯示橫幅廣告

上次更新: 2023-09-21

若要顯示橫幅廣告,您必須建立橫幅例項,並允許瀏覽器TVSDK接聽廣告相關事件。

瀏覽器TVSDK提供透過與線性廣告相關的隨附橫幅廣告清單 AdobePSDK.PSDKEventType.AD_STARTED 事件。

資訊清單可透過以下方式指定隨附橫幅廣告:

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

對於每個隨附廣告,瀏覽器TVSDK會指出您的應用程式可用的型別。

新增事件的監聽器 AdobePSDK.PSDKEventType.AD_STARTED 這樣會執行下列動作:

  1. 清除橫幅例項中的現有廣告。

  2. 從取得隨附廣告清單 Ad.getCompanionAssets.

  3. 如果隨附廣告清單不是空的,請反複檢視橫幅例項的清單。

    每個橫幅例項(一個 AdBannerAsset)包含寬度、高度、資源型別(html、iframe或靜態)等資訊,以及顯示隨附橫幅所需的資料。

  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;
        }
    }
    

此頁面上的