iOS Audience Network 廣告版面配置指南

當廣告顯示在螢幕上時,若其部分內容遭到瀏覽列、頁籤列、工具列和其他上階檢視覆蓋,將無法提供最佳用戶體驗。以下左邊的範例顯示在 iPhone X 螢幕頂部的廣告,部分內容遭到頂部邊緣覆蓋。右邊的範例顯示較好的設計,在 iPhone X 螢幕的頂部邊緣和廣告檢視之間有適當的空間。

iOS 11 以上版本推出名為 safeAreaLayoutGuide 的全新版面配置指南,可用於定義安全區域來繪製應用程式內容,包括要顯示在螢幕上的廣告。安全區域是由上述範例中的綠色邊界框所定義。讓我們透過此全新版面配置指南,瞭解在應用程式中顯示原生廣告的技術實作。您可以套用相同的方法來呈現橫幅廣告。

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

必要條件

確認您已完成原生廣告原生橫幅廣告橫幅廣告範例。


iOS 11+:安全區域版面配置指南

舊版 iOS:頂部和底部版面配置指南


iOS 11+:安全區域版面配置指南

  1. 如果您的應用程式使用具有 Xcode 9+ 和 iOS 11+ 取向的介面產生器,應該啟用安全區域版面配置指南。開啟介面產生器,然後點擊檢視控制器場景。您會在右側看到 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。切記不要採用以下錯誤範例的作法:

可點擊元素的正確範例

若要開發高品質的原生廣告,請為原生廣告或原生橫幅廣告建置動態限制版面配置。例如,如果您使用腳本自動版面配置,可以使用 Trailing Space >= x 取代 Trailing Space = x,或使用 Width <= y 取代 Width = y。以下是您遵循 Meta Audience Network 政策時的版面配置外觀:

後續步驟

其他資源

新手指南

開始使用 Audience Network 的技術指南

API 參考資料

Facebook iOS SDK 參考資料