画中画 (PiP) 广告以悬浮窗口的形式展示,该窗口会始终悬浮在文章、信息流或游戏内容等屏幕内容之上。这种广告格式让用户在与您的应用互动时,广告依然清晰可见。如需展示不占满整个屏幕的广告,请选择此格式。 详细了解画中画广告。
本指南介绍了如何使用 GMA Next-Gen SDK 在应用中请求和展示画中画广告。
准备工作
在继续之前,请执行以下操作:
安装 GMA Next-Gen SDK
1.4.0版或更高版本。启用测试广告,并使用以下测试广告单元 ID:
ca-app-pub-3940256099942544/9657123429
加载广告
如需加载 PictureInPictureAd 对象,请创建一个广告请求并调用 load 方法:
Kotlin
Java
请将 AD_UNIT_ID 替换为您的广告单元 ID。
展示广告
如需在屏幕上显示画中画广告,请配置画中画选项并调用 show 方法。以下示例将广告的默认位置和演示范围设置为屏幕:
Kotlin
private fun showPictureInPictureAd(activity: Activity) { // Capture the ad reference saved from the onAdLoaded callback. val ad = pipAd if (ad != null) { val options = PictureInPictureAdOptions.Builder() // Uses the Google Mobile Ads SDK's default screen position. .setPosition(PictureInPictureAdPosition.DEFAULT) // Binds the ad lifecycle to the host screen. .setPresentationScope(PictureInPictureAdPresentationScope.SCREEN) .build() ad.show(activity, options) } else { Log.d(TAG, "No ad to show.") } }
Java
private void showPictureInPictureAd(@NonNull Activity activity) { // Use the ad reference saved from the onAdLoaded callback. if (pipAd != null) { PictureInPictureAdOptions options = new PictureInPictureAdOptions.Builder() // Uses the Google Mobile Ads SDK's default screen position. .setPosition(PictureInPictureAdPosition.DEFAULT) // Binds the ad lifecycle to the host screen. .setPresentationScope(PictureInPictureAdPresentationScope.SCREEN) .build(); pipAd.show(activity, options); } else { Log.d(TAG, "No ad to show."); } }
设置位置
默认情况下,GMA Next-Gen SDK 在首次展示时会将画中画广告置于屏幕右下角;若此前已展示过,则会显示在最后一次记录的位置。如需自定义广告的显示位置,请在画中画选项中设置位置。以下示例将位置设置为屏幕左上角的内容上方:
Kotlin
private fun createTopLeftPositionOptions(): PictureInPictureAdOptions { return PictureInPictureAdOptions.Builder() // Sets the ad position to the top-left corner of the screen. .setPosition(PictureInPictureAdPosition.TOP_LEFT) .build() }
Java
private PictureInPictureAdOptions createTopLeftPositionOptions() { return new PictureInPictureAdOptions.Builder() // Sets the ad position to the top-left corner of the screen. .setPosition(PictureInPictureAdPosition.TOP_LEFT) .build(); }
如需查看所有可用的职位,请参阅 PictureInPictureAdPosition。
设置展示范围
默认情况下,GMA Next-Gen SDK 会将画中画广告绑定到当前宿主屏幕。GMA Next-Gen SDK 在宿主屏幕的视图层次结构不再位于内存中时关闭广告。如需在从内存中移除宿主屏幕后仍保持广告可见,请将展示范围设置为应用:
Kotlin
private fun createApplicationScopedOptions(): PictureInPictureAdOptions { return PictureInPictureAdOptions.Builder() // Keeps the ad visible beyond the host screen's lifecycle. .setPresentationScope(PictureInPictureAdPresentationScope.APPLICATION) .build() }
Java
private PictureInPictureAdOptions createApplicationScopedOptions() { return new PictureInPictureAdOptions.Builder() // Keeps the ad visible beyond the host screen's lifecycle. .setPresentationScope(PictureInPictureAdPresentationScope.APPLICATION) .build(); }
如需了解详情,请参阅让广告在整个屏幕上保持可见。
设置广告事件回调
如需处理画中画广告生命周期事件,请在展示广告之前设置广告的事件回调。此回调会报告标准事件,例如点击和展示。此回调还会报告画中画专用事件,例如广告何时显示或隐藏:
Kotlin
private fun setAdEventCallback(pipAd: PictureInPictureAd) { pipAd.adEventCallback = object : PictureInPictureAdEventCallback { override fun onAdShown() { Log.d(TAG, "Picture-in-Picture ad shown.") } override fun onAdHidden() { Log.d(TAG, "Picture-in-Picture ad hidden.") } override fun onAdImpression() { Log.d(TAG, "Picture-in-Picture ad recorded an impression.") } override fun onAdClicked() { Log.d(TAG, "Picture-in-Picture ad recorded a click.") } override fun onAdShowedFullScreenContent() { Log.d(TAG, "Picture-in-Picture ad showed full screen content.") } override fun onAdDismissedFullScreenContent() { Log.d(TAG, "Picture-in-Picture ad dismissed full screen content.") } override fun onAdFailedToShowFullScreenContent( fullScreenContentError: FullScreenContentError ) { Log.w( TAG, "Picture-in-Picture ad failed to show full screen content: $fullScreenContentError", ) } override fun onAdPaid(value: AdValue) { Log.d(TAG, "Picture-in-Picture ad paid: ${value.valueMicros} ${value.currencyCode}") } } }
Java
private void setAdEventCallback(@NonNull PictureInPictureAd pipAd) { pipAd.setAdEventCallback( new PictureInPictureAdEventCallback() { @Override public void onAdShown() { Log.d(TAG, "Picture-in-Picture ad shown."); } @Override public void onAdHidden() { Log.d(TAG, "Picture-in-Picture ad hidden."); } @Override public void onAdImpression() { Log.d(TAG, "Picture-in-Picture ad recorded an impression."); } @Override public void onAdClicked() { Log.d(TAG, "Picture-in-Picture ad recorded a click."); } @Override public void onAdShowedFullScreenContent() { Log.d(TAG, "Picture-in-Picture ad showed full screen content."); } @Override public void onAdDismissedFullScreenContent() { Log.d(TAG, "Picture-in-Picture ad dismissed full screen content."); } @Override public void onAdFailedToShowFullScreenContent( @NonNull FullScreenContentError fullScreenContentError) { Log.w( TAG, "Picture-in-Picture ad failed to show full screen content: " + fullScreenContentError); } @Override public void onAdPaid(@NonNull AdValue value) { Log.d( TAG, "Picture-in-Picture ad paid: " + value.getValueMicros() + " " + value.getCurrencyCode()); } }); }
隐藏广告
如需从屏幕中移除浮动广告,请调用 hide 方法。此方法会调用广告隐藏事件回调:
Kotlin
private fun hidePictureInPictureAd() { // Capture the ad reference saved from the onAdLoaded callback. val ad = pipAd if (ad != null) { ad.hide() } else { Log.d(TAG, "No ad to hide.") } }
Java
private void hidePictureInPictureAd() { // Use the ad reference saved from the onAdLoaded callback. if (pipAd != null) { pipAd.hide(); } else { Log.d(TAG, "No ad to hide."); } }
清理广告资源
为避免内存泄漏,请在应用使用完广告后,及时释放对广告对象的引用。例如,当您的应用不再显示广告或不再与广告交互时。对于屏幕级广告,请在应用从内存中移除宿主屏幕时,同步释放对该广告对象的引用。对于应用级广告,请在用户在不同屏幕间跳转时保留广告引用,并在用户关闭广告时释放该引用:
Kotlin
private fun cleanUpPictureInPictureAd() { pipAd?.destroy() pipAd = null }
Java
private void cleanUpPictureInPictureAd() { // Use the ad reference saved from the onAdLoaded callback. if (pipAd != null) { pipAd.destroy(); pipAd = null; } }
让广告在各种屏幕上都可见
将展示范围设置为应用后,即使应用从内存中移除宿主屏幕,画中画广告仍会保持可见。为了确保在用户离开宿主屏幕后,应用仍能与画中画广告交互或将其关闭,您的应用必须保留对该广告的访问权限。建议将广告保存在应用级单例或共享状态管理器中,而不是单个屏幕的实例变量中。
如需查看有关如何让广告在各种屏幕上都可见的示例,请参阅以下示例应用: