當廣告顯示在螢幕上時,若其部分內容遭到瀏覽列、頁籤列、工具列和其他上階檢視覆蓋,將無法提供最佳用戶體驗。以下左邊的範例顯示在 iPhone X 螢幕頂部的廣告,部分內容遭到頂部邊緣覆蓋。右邊的範例顯示較好的設計,在 iPhone X 螢幕的頂部邊緣和廣告檢視之間有適當的空間。
iOS 11 以上版本推出名為 safeAreaLayoutGuide 的全新版面配置指南,可用於定義安全區域來繪製應用程式內容,包括要顯示在螢幕上的廣告。安全區域是由上述範例中的綠色邊界框所定義。讓我們透過此全新版面配置指南,瞭解在應用程式中顯示原生廣告的技術實作。您可以套用相同的方法來呈現橫幅廣告。
設計應用程式中的原生廣告時,請參閱原生廣告指南。
為了建置高品質產品,每次實作原生廣告或原生橫幅廣告版面配置時,開發人員都應遵循 Meta Audience Network 政策。您應一律給予用戶完全的點擊控制權,特別是廣告上的可點擊元素,您應確認只有廣告標題、網址、行動呼籲和圖像廣告素材可供點擊。此外,標題文字或圖像檢視中的空白不可供點擊。
當您在建置原生廣告或原生橫幅廣告的版面配置時,請勿對 UILabel
使用固定寬度和高度,以避免廣告標題、廣告內文、廣告社群內容和廣告贊助標籤中出現 white space
。切記不要採用以下錯誤範例的作法:
若要開發高品質的原生廣告,請為原生廣告或原生橫幅廣告建置動態限制版面配置。例如,如果您使用腳本自動版面配置,可以使用 Trailing Space >= x
取代 Trailing Space = x
,或使用 Width <= y
取代 Width = y
。以下是您遵循 Meta Audience Network 政策時的版面配置外觀: