iOS 版 Audience Network 廣告版面配置指南

螢幕上出現廣告時,如果廣告的部分內容被導覽列、分頁列、工具列和其他原型檢視畫面覆蓋,就無法帶來最佳用戶體驗。在左下方的範例中,iPhone X 螢幕頂部顯示的廣告有部分內容被頂部邊緣覆蓋。右邊的範例設計更佳,因為在 iPhone X 螢幕頂部邊緣與廣告檢視畫面之間留有適當空間。

iOS 11 及以上版本引入了名為 safeAreaLayoutGuide 的新版面配置指南,用於定義安全區域來讓您在其中繪製自家應用程式內容,包括您想在螢幕上呈現的廣告。在以上範例中,綠色邊框內的部分即為安全區域。我們來根據此全新版面配置指南,了解在應用程式中呈現原生廣告的技術實施過程。您可以採用與橫額廣告相同的呈現方法。

設計應用程式中的原生廣告時,請參閱原生廣告指南

必要條件

確保您已完成原生廣告原生橫額廣告橫額廣告範例。


iOS 11 及以上版本:安全區域版面配置指南

之前的 iOS 版本:頂部和底部版面配置指南


iOS 11 及以上版本:安全區域版面配置指南

  1. 如果您的應用程式使用版本 9 及以上 Xcode 的 Interface Builder,而且適用於 iOS 11 及以上版本,則應啟用安全區域版面配置指南。開啟您的 Interface Builder,並點擊 View Controller Scene。您將會在右側看到 Interface Builder Document 選項。剔選 Use Safe Area Layout Guides

  2. 在 View Controller Scene 中選擇 Ad UI View,並前往 Size Inspector。為安全版面配置加入左、右、上、下間距,並按照以下方式提供最佳間距值:

  3. 建立並運行您的應用程式。您將看到螢幕所展示的廣告,且廣告與圓角、感應器和狀態列之間留有最佳間距。

之前的 iOS 版本:頂部和底部版面配置指南

  1. 若要支援舊於 iOS 11 的 iOS 版本,請使用頂部和底部版面配置指南,以解決安全區域問題。請確保 View Controller Scene 包含頂部和底部版面配置指南,如下所示:

  2. 在 View Controller Scene 中選擇 Ad UI View,並前往 Size Inspector。為頂部和底部版面加入頂部和底部間距,並按照以下方式提供最佳間距值:

原生廣告政策合規性

為了建立優質產品,在執行原生廣告或原生橫額廣告版面配置時,開發人員應遵守 Meta Audience Network 政策。您應始終允許用戶全權控制點擊操作。請特別留意廣告的可點擊元素;您必須確保只有廣告標題、網址、呼籲字句和圖像廣告素材可點擊。此外,標題文字或圖像檢視畫面中的空白位置必須為不可點擊。

可點擊元素的錯誤範例

當您為原生廣告或原生橫額廣告配置版面時,UILabel 不得採用固定闊度和高度,以免廣告標題、廣告正文、廣告社交元素和廣告贊助標籤出現 white space。以下是錯誤的反面範例:

可點擊元素的正確範例

若要建立優質的原生廣告,請為原生廣告或原生橫額廣告配置動態限制版面。例如,如果您正在使用 Storyboard 自動版面配置,則可以使用 Trailing Space >= x 代替 Trailing Space = x,或使用 Width <= y 代替 Width = y。若您遵守 Meta Audience Network 政策,您的版面外觀應如下所示:

後續步驟

更多資源

新手指南

Audience Network 入門技術指南

API 參考資料

Facebook iOS SDK 參考資料