隨播廣告

本指南適用於有意在 iOS IMA 導入中加入隨播廣告的發布商。

必要條件

• 已整合 IMA SDK 的 iOS 應用程式。
• 設定為傳回隨播廣告的廣告代碼。
  • 如需範例，請參閱常見問題。

實用的入門指南

如果您仍需要在應用程式中導入 IMA SDK，請參閱入門指南。

在應用程式中加入隨播廣告

為隨播廣告建立 UIView

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

建立 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 隨播廣告大小來設定這些廣告。請參閱下圖，瞭解該值於何處設定。

更新流動式隨附裝置的 iOS 應用程式

您可以只使用 view 參數啟動 IMACompanionAdSlot，不使用 width 和 height，藉此宣告流體隨播廣告版位。

ViewController.m

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

常見問題

我按照指南操作，但沒有看到隨播廣告。該怎麼辦？

首先，請確認你的代碼確實傳回隨播廣告。方法是開啟網路瀏覽器中的代碼，然後尋找 CompanionAds 代碼。如果看到，請確認傳回的隨播廣告大小與嘗試顯示該隨播廣告的 UIView 大小相同。