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”(Interface Builder 文档)选项。勾选“Use Safe Area Layout Guides”(使用安全区域布局指南)。

  2. 在“View Controller Scene”(视图控制器场景)中选择“AdUI View”(广告用户界面视图),然后浏览“Size Inspector”(尺寸属性面板)。在各个安全布局之间,添加左、右、顶部和底部的间距,并给出最佳间距值,如下所示:

  3. 构建并运行您的应用,您会看到屏幕上显示的广告在圆角、传感器和屏幕上的状态栏之间都具有最佳间距。

之前的 iOS 版本:顶部和底部布局指南

  1. 要支持 iOS 11 之前的 iOS 版本,请使用顶部和底部布局指南来解决安全区域问题。确保“View Controller Scene”(视图控制器场景)中包含顶部和底部布局指南,如下所示:

  2. 在“View Controller Scene”(视图控制器场景)中选择“AdUI 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 参考文档

iOS 版 Facebook SDK 参考文档