隨播廣告

本指南旨在協助發布商在 iOS IMA 導入作業中加入隨播廣告。

必要條件

  • 已整合 IMA SDK 的 iOS 應用程式。
  • 設定為傳回隨播廣告的廣告代碼。

有幫助的入門資源

如果您還是需要在應用程式中導入 IMA SDK，請參閱我們的入門指南。

在應用程式中新增隨播廣告

為隨播廣告建立 UIView

請求隨播廣告之前，您必須在版面配置中為隨播廣告建立一個空間。在分鏡腳本中，將檢視畫面拖曳至 ViewController，然後調整至隨播廣告的大小。然後，請確定隨播廣告版位與導入作業中的變數相關聯 (本範例使用名為 CompanionView 的變數)。在下方螢幕截圖中，淺灰色檢視畫面即為隨播廣告檢視畫面：

為隨播廣告建立 UIView 的圖片。

建立 IMACompanionAdSlot

下一步是在檢視畫面中建立 IMACompanionAdSlot 物件。IMA SDK 從 VAST 回應中以任何包含尺寸的隨播廣告填入隨播廣告版位 決定畫面的高度和寬度此外，IMA SDK 也支援 自動調整大小的隨播廣告。

ViewController.h 
@property(nonatomic, weak) IBOutlet UIView *companionView;
ViewController.m 
self.companionSlot =
    [[IMACompanionAdSlot alloc] initWithView:self.companionView
                                       width:self.companionView.frame.size.width
                                      height:self.companionView.frame.size.height];

將隨播廣告版位傳遞到廣告容器

最後，您需要將隨播廣告版位的陣列傳遞至 IMAAdDisplayContainer 建構函式，讓 SDK 知道這個隨播廣告版位存在：

ViewController.m 
return [[IMAAdDisplayContainer alloc] initWithAdContainer:self.videoView
                                           viewController:self
                                           companionSlots:@[ self.companionSlot ]];

這就是所有訣竅了！您的應用程式現在會顯示隨播廣告。

顯示自動調整隨播廣告

IMA 現在支援自動調整隨播廣告。這些隨播廣告可調整大小，以符合 廣告版位。這些物件會填滿上層檢視區塊寬度的 100%，然後配合 隨播廣告的內容。是在 Ad Manager 中使用 Fluid 隨播廣告大小進行設定。 請參閱下圖，瞭解該值於何處設定。

顯示 Ad Manager 隨播廣告設定的圖片。醒目顯示隨播廣告大小選項。

更新 iOS 應用程式以使用流體隨播

如要宣告自動調整隨播廣告版位，請啟動 IMACompanionAdSlot敬上 只有 view 參數；排除 width 和 height。

ViewController.m 
self.companionSlot =
      [[IMACompanionAdSlot alloc] initWithView:self.companionView];

常見問題

我已按照指南操作，卻沒有看到隨播廣告。該怎麼辦？
首先，請確認你的代碼確實傳回隨播廣告。方法是在網路瀏覽器中開啟代碼，然後找出 CompanionAds 代碼。如果看到，請確認傳回的隨播廣告大小與嘗試顯示該隨播廣告的 UIView 大小相同。