Pencere içinde pencere reklamlarını uygulama (beta)

Pencere içinde pencere (PiP) reklamları, ekrandaki içeriklerin (ör. makaleler, feed'ler veya oyun) üzerinde kalan kayan bir pencerede gösterilir. Bu biçim, reklam görünür durumdayken kullanıcıların uygulamanızla etkileşimde bulunmasına olanak tanır. Ekranın tamamını kaplamayan reklamlar göstermek için bu biçimi seçin.

Bu kılavuzda, GMA Next-Gen SDK kullanarak uygulamanızda pencere içinde pencere reklamları isteme ve görüntüleme konusu ele alınmaktadır.

Başlamadan önce

Devam etmeden önce aşağıdakileri yapın:

• GMA Next-Gen SDK kurulumunu yapın.

• GMA Next-Gen SDK sürüm 1.4.0 veya sonraki bir sürümü yükleyin.

• Test reklamlarını etkinleştirin ve aşağıdaki test reklam birimi kimliğini kullanın: /21775744923/example/picture-in-picture

Reklam yükleme

Bir PictureInPictureAd yüklemek için bir reklam isteği oluşturun ve load yöntemini çağırın:

Kotlin

private fun loadPictureInPictureAd() {
  val request = PictureInPictureAdRequest.Builder(AD_UNIT_ID).build()

  PictureInPictureAd.load(
    request,
    object : AdLoadCallback<PictureInPictureAd> {
      override fun onAdFailedToLoad(adError: LoadAdError) {
        Log.w(TAG, "Picture-in-Picture ad failed to load: $adError")
      }

      override fun onAdLoaded(ad: PictureInPictureAd) {
        Log.d(TAG, "Picture-in-Picture ad loaded.")

        // Capture the PictureInPictureAd reference for later use.
        pipAd = ad
        setAdEventCallback(ad)
      }
    },
  )
}

Java

private void loadPictureInPictureAd() {
  PictureInPictureAdRequest request = new PictureInPictureAdRequest.Builder(AD_UNIT_ID).build();

  PictureInPictureAd.load(
      request,
      new AdLoadCallback<PictureInPictureAd>() {
        @Override
        public void onAdFailedToLoad(@NonNull LoadAdError adError) {
          Log.w(TAG, "Picture-in-Picture ad failed to load: " + adError);
        }

        @Override
        public void onAdLoaded(@NonNull PictureInPictureAd ad) {
          Log.d(TAG, "Picture-in-Picture ad loaded.");

          // Capture the PictureInPictureAd reference for later use.
          pipAd = ad;
          setAdEventCallback(ad);
        }
      });
}

AD_UNIT_ID yerine reklam birimi kimliğinizi yazın.

Reklamı gösterme

Pencere içinde pencere reklamını ekranda göstermek için pencere içinde pencere seçeneklerinizi yapılandırın ve show yöntemini çağırın. Aşağıdaki örnekte, reklamın varsayılan konumu ve sunu kapsamı ekran olarak ayarlanır:

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.");
  }
}

Konumu ayarlama

GMA Next-Gen SDK, ilk gösterildiğinde ekranın sağ alt köşesinde, daha önce gösterildiyse bilinen son konumda resim içinde resim reklam gösterir. Reklamın görüneceği yeri özelleştirmek için resim içinde resim seçeneklerinizde konumu ayarlayın. Aşağıdaki örnek, ekranın sol üst köşesindeki içeriğin üst kısmına konumu ayarlar:

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();
}

Mevcut tüm pozisyonlar için PictureInPictureAdPosition sayfasına bakın.

Sunum kapsamını ayarlama

Varsayılan olarak, GMA Next-Gen SDK, pencere içinde pencere reklamını mevcut ana ekrana bağlar. GMA Next-Gen SDK, ana ekranın görünüm hiyerarşisi artık bellekte olmadığında reklamı kapatır. Barındırıcı ekranı bellekten kaldırıldıktan sonra reklamın görünür kalmasını sağlamak için sunum kapsamını uygulamaya ayarlayın:

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();
}

Daha fazla bilgi için Reklamın ekranlarda görünür kalmasını sağlama başlıklı makaleyi inceleyin.

Reklam etkinliği geri çağırmasını ayarlama

Pencere içinde pencere reklam yaşam döngüsü etkinliklerini işlemek için reklamı göstermeden önce reklamınızda etkinlik geri aramasını ayarlayın. Bu geri çağırma, tıklamalar ve gösterimler gibi standart etkinlikleri bildirir. Bu geri çağırma, reklamın gösterilmesi veya gizlenmesi gibi pencere içinde pencereye özgü etkinlikleri de bildirir:

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());
        }
      });
}

Reklamı gizleme

Sabit reklamı ekrandan kaldırmak için hide yöntemini çağırın. Bu yöntem, reklam gizli etkinlik geri çağırmasını çağırır:

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.");
  }
}

Reklam kaynaklarını temizleme

Bellek sızıntılarını önlemek için uygulamanız reklamı kullanmayı bitirdiğinde reklam nesnesine olan referansınızı bırakın. Örneğin, uygulamanız reklamı artık göstermediğinde veya reklamla etkileşimde bulunmadığında. Ekran kapsamlı reklamlar için uygulamanız ana ekranı bellekten kaldırdığında referansı bırakın. Uygulama kapsamlı reklamlar için kullanıcı ekranlar arasında gezinirken reklam referansını koruyun ve kullanıcı reklamı kapattığında referansı bırakın:

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;
  }
}

Reklamın ekranlar arasında görünür kalmasını sağlama

Sunu kapsamını uygulama olarak ayarladığınızda, uygulamanız barındırma ekranını bellekten kaldırdığında bile resim içinde resim reklamı görünür kalır. Kullanıcı ana ekrandan ayrıldığında reklamla etkileşimde bulunmak veya reklamı kapatmak için uygulamanızın pencere içinde pencere reklamına erişimi koruması gerekir. Reklamı tek bir ekranın örnek değişkeninde değil, uygulama düzeyinde tekil bir öğede veya paylaşılan durum yöneticisinde tutmanızı öneririz.

Bir reklamın ekranlar arasında görünür kalmasını sağlamayla ilgili bir örnek için örnek uygulamalarımıza göz atın:

• Kotlin
• Java