隨播廣告

本指南適用於想要在 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 應用程式

您可以透過只使用 view 參數啟動 IMACompanionAdSlot (不包括 width 和 height)，藉此宣告自動調整隨播廣告版位。

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

常見問題

我已遵循指南，但未顯示隨播廣告。該怎麼做？
首先，請確認代碼確實能傳回隨播廣告。方法是在網路瀏覽器中開啟代碼，然後找出 CompanionAds 代碼，如果您看到這個內容，請確認所傳回的隨播廣告大小與您要顯示之 UIView 的大小相同。