原生广告选项

原生广告具有许多高级功能 从而尽可能提供最佳的广告体验。本指南介绍了如何使用原生广告的高级功能。

前提条件

素材资源控件

首选媒体宽高比控件

通过媒体宽高比控件,您可以指定 广告素材。

使用 NativeAdOptions.MediaAspectRatio 值调用 NativeAdOptions.Builder.setMediaAspectRatio()

  • 如果未设置,则返回的广告可以采用任何媒体宽高比。

  • 设置后,您可以通过指定首选宽高比类型来改善用户体验。

以下示例会指示 SDK 优先返回宽高比为特定值的图片或视频。

NativeAdOptions nativeAdOptions = new NativeAdOptions.Builder()
                              .setMediaAspectRatio(NativeAdOptions.NATIVE_MEDIA_ASPECT_RATIO_LANDSCAPE)
                              .build();

AdLoader loader = new AdLoader.Builder(this, 'ca-app-pub-3940256099942544/2247696110')
                              .withNativeAdOptions(nativeAdOptions)
                              .build();

图片下载控件

借助图片下载控件,您可以决定是下载图片素材资源还是仅使用 URI 返回的值。

使用 boolean 值调用 NativeAdOptions.Builder.setReturnUrlsForImageAssets()
  • 图片下载控件默认处于停用状态。

  • 停用后,Google 移动广告 SDK 会为您填充图片和 URI。

  • 启用后,SDK 会改为仅填充 URI,让您可以下载 您可以自行决定是否调整实际图片

以下示例指示 SDK 仅返回 URI。

NativeAdOptions nativeAdOptions = new NativeAdOptions.Builder()
                                                     .setReturnUrlsForImageAssets(true)
                                                     .build();

AdLoader loader = new AdLoader.Builder(this, 'ca-app-pub-3940256099942544/2247696110')
                              .withNativeAdOptions(nativeAdOptions)
                              .forNativeAd(nativeAd -> {
                                List<Uri> imageUris = new ArrayList<>();
                                for (Image image : nativeAd.getImages()) {
                                  imageUris.add(image.getUri());
                                }
                              })
                              .build();

图片载荷控件

某些广告包含的是一系列图片,而不只是一张图片。您可以使用此功能指明应用是准备好展示所有图片,还是仅展示一张图片。

使用 boolean 值调用 NativeAdOptions.Builder.setRequestMultipleImages()
  • 默认情况下,图片载荷控件处于停用状态。

  • 停用后,您的应用会指示 SDK 仅为包含一系列图片的任何素材资源提供第一张图片。

  • 启用后,您的应用会表明已准备好展示所有图片 为有多个资源的任何资源

以下示例指示 SDK 返回多个图片素材资源。

NativeAdOptions nativeAdOptions = new NativeAdOptions.Builder()
                                                     .setRequestMultipleImages(true)
                                                     .build();

AdLoader loader = new AdLoader.Builder(this, 'ca-app-pub-3940256099942544/2247696110')
                              .withNativeAdOptions(nativeAdOptions)
                              .build();

“广告选项”展示位置

AdChoices 位置控件

通过“广告选项”位置控件,您可以选择在哪个角呈现 “广告选择”图标。

使用 NativeAdOption.AdChoicesPlacement 值调用 NativeAdOptions.Builder.setAdChoicesPlacement()

  • 如果未设置,则“广告选择”图标位置会设为右上角。

  • 如果设置了此属性,系统会根据请求将 AdChoices 放置在自定义位置。

以下示例演示了如何设置自定义 AdChoices 图片位置。

NativeAdOptions nativeAdOptions = new NativeAdOptions.Builder()
                                                     .setAdChoicesPlacement(NativeAdOptions.ADCHOICES_BOTTOM_RIGHT)
                                                     .build();

AdLoader loader = new AdLoader.Builder(this, 'ca-app-pub-3940256099942544/2247696110')
                              .withNativeAdOptions(nativeAdOptions)
                              .build();

AdChoices 自定义视图

通过“广告选择”自定义视图功能,您可以将“广告选择”图标 自定义位置。这与 AdChoices 位置控件不同,后者仅允许指定四个角之一。

使用 AdChoicesView 值调用 NativeAdView.setAdChoicesView()

以下示例演示了如何使用 “广告选择”图标呈现在 AdChoicesView 中。


public void onNativeAdLoaded(NativeAd ad) {
    NativeAdView nativeAdView = new NativeAdView(getApplicationContext());
    AdChoicesView adChoicesView = new AdChoicesView(this);
    nativeAdView.setAdChoicesView(adChoicesView);
}

视频控件

开始静音行为

通过静音开始播放行为,您可以停用或启用视频的起始音频。

使用 boolean 值调用 VideoOptions.Builder.setStartMuted()
  • 默认情况下,静音启动行为处于启用状态。

  • 停用后,您的应用会请求视频应以音频开始。

  • 启用后,您的应用会请求视频开始时应设为静音。

以下示例展示了如何在取消静音的情况下开始播放视频。

VideoOptions videoOptions = new VideoOptions.Builder()
                                            .setStartMuted(false)
                                            .build();

NativeAdOptions adOptions = new NativeAdOptions.Builder()
                                               .setVideoOptions(videoOptions)
                                               .build();

AdLoader loader = new AdLoader.Builder(this, 'ca-app-pub-3940256099942544/2247696110')
                              .withNativeAdOptions(adOptions).build();

自定义播放控件

这样,您就可以请求自定义视频输入控件,以播放、暂停或静音 视频。

调用 VideoOptions.Builder.setCustomControlsRequested() 并设置为 boolean 值。
  • 自定义播放控件默认处于停用状态。

  • 停用后,您的视频将显示 SDK 呈现的输入控件。

  • 如果广告有视频内容并且启用了自定义控件, 与广告一起显示您的自定义控件 控制其自身。然后控件可以调用 VideoController

以下示例展示了如何请求具有自定义播放控件的视频。

VideoOptions videoOptions = new VideoOptions.Builder()
                                            .setCustomControlsRequested(true)
                                            .build();

NativeAdOptions adOptions = new NativeAdOptions.Builder()
                                               .setVideoOptions(videoOptions)
                                               .build();

AdLoader loader = new AdLoader.Builder(this, 'ca-app-pub-3940256099942544/2247696110')
                              .withNativeAdOptions(adOptions).build();

检查是否已启用自定义控件

由于在请求时并不知道返回的广告是否允许 自定义视频控件,您必须检查它是否已启用自定义控件。

Java

@Override
public void onNativeAdLoaded(NativeAd nativeAd) {
  MediaContent mediaContent = nativeAd.getMediaContent();
  if (mediaContent != null) {
    VideoController videoController = mediaContent.getVideoController();
    boolean canShowCustomControls = videoController.isCustomControlsEnabled();
  }
}

Kotlin

NativeAd.OnNativeAdLoadedListener { ad ->
  val mediaContent = ad.mediaContent
  if (mediaContent != null) {
    val videoController = mediaContent.videoController
    val canShowCustomControls = videoController.isCustomControlsEnabled
  }
}

呈现自定义视频控件

请遵循以下最佳实践来呈现自定义视频控件:

  1. 将自定义控件视图呈现为原生广告视图的子视图。这种方法可确保 Open Measurement 可见度计算将自定义控件视为友好遮挡。
  2. 避免在整个媒体视图上渲染不可见的叠加层。叠加层会阻止用户点击媒体视图,从而对原生广告的效果产生负面影响。而是创建一个大小刚好能容纳控件的较小叠加层。

自定义点击手势

自定义点击手势是一项原生广告功能,可让您在广告视图上滑动手指, 被记录为广告点击它适用于使用滑动手势的应用 用于内容导航的手势。本指南介绍了如何启用自定义点击 手势。

使用 NativeAdOptions.SwipeGestureDirectionboolean 调用 NativeAdOptions.Builder.enableCustomClickGestureDirection(),以指明是否允许将点按视为点击。

  • 自定义点击手势默认处于停用状态。

  • 停用后,您的应用将支持正常的点击行为。

  • 启用后,您的应用将支持自定义滑动手势。

以下示例实现了向右并 保持正常的标签页行为。

NativeAdOptions adOptions = new NativeAdOptions
    .Builder()
    .enableCustomClickGestureDirection(NativeAdOptions.SWIPE_GESTURE_DIRECTION_RIGHT,
            /* tapsAllowed= */ true)
    .build();

// The following sample ad unit ID has been enabled for custom click gestures
// and can be used for testing.
AdLoader.Builder builder = new AdLoader
    .Builder(this, 'ca-app-pub-3940256099942544/2247696110')
    .withNativeAdOptions(adOptions);

监听滑动手势事件

记录滑动手势点击时,除了现有的 onAdClicked() 方法之外,Google 移动广告 SDK 还会在 AdListener 上调用 onAdSwipeGestureClicked() 方法。

AdLoader adLoader = builder
    .withAdListener(
      new AdListener() {
        // Called when a swipe gesture click is recorded.
        @Override
        public void onAdSwipeGestureClicked() {
          Log.d(TAG, "A swipe gesture click has occurred.")
        }

        // Called when a swipe gesture click or a tap click is recorded, as
        // configured in NativeAdOptions.
        @Override
        public void onAdClicked() {
          Log.d(TAG, "A swipe gesture click or a tap click has occurred.")
        }
      })
    .build();

中介

自定义点击手势仅适用于 Google 移动 。未搜索到 需要第三方 SDK 不响应自定义点击路线设置。