Canlı yayın için videodan önce gösterilen reklamları yükleme

Platform seçin: HTML5 Android iOS tvOS

IMA SDK, seç-izle videoların yanı sıra canlı yayınlardan para kazanmak için de kullanılabilir. Canlı yayınlarda, her reklam arası için yeni bir reklam isteğinde bulunmanız gerekir. Tüm izleyicilerinizin aynı anda reklam isteğinde bulunup reklam sunucularını yavaşlatmaması için bu istekleri kademelendirin.

Bu konuda yardımcı olmak için IMA SDK'da AdsRequest.liveStreamPrefetchSeconds özelliği bulunur. Bu özellik, AdsLoader.requestAds() işlevini çağırdıktan sonra SDK'nın reklam sunucusuna ulaşmadan önce beklemesi gereken maksimum süreyi (saniye cinsinden) belirtir. Gerçek istek zamanı rastgele belirlenir. Örneğin, AdsRequest.liveStreamPrefetchSeconds değerini 30 olarak ayarlarsanız SDK, AdsLoader.requestAds() işlevini çağırdıktan sonra sunucuya isteği göndermek için 0 ila 30 saniye bekler.

Not: Tamamlanmış bir canlı yayın önceden getirme örneğini görmek için GitHub örneğimize göz atın.

Canlı yayın önceden getirme özelliği uygulamada

Bir reklam arası tamamlanır tamamlanmaz bir sonraki reklam aranızın önceden getirilmesini öneririz. Bu, önceden getirme pencereniz için maksimum sürenin kullanılabilmesini sağlar. Reklam araları arasında 5 dakika olduğunu varsayalım. Bir reklam arası tamamlandığında, 290 saniyelik bir önceden getirme penceresiyle bir sonraki reklam aranız için istekte bulunabilirsiniz (önceden getirme penceresinin sonunda gönderilen isteklerin çözümlenmesi için yeterli süre olması amacıyla 5 dakikadan 10 saniye çıkarılır):

// 5 minutes == 300 seconds. Include a 10 second buffer
var AD_INTERVAL = 290;

function onAdEvent(adEvent) {
  var ad = adEvent.getAd();
  switch(adEvent.type) {
    case google.ima.AdEvent.Type.ALL_ADS_COMPLETED:
      // Pre-fetch our next ad break.
      requestAds();
      // Play those ads in 5 minutes. In a real-world implementation,
      // this is likely done as the result of a message from your
      // streaming server, not a timeout.
      setTimeout(playAds, AD_INTERVAL * 1000);// Convert to ms.
  }
}

function requestAds() {
  // Destroy the current AdsManager, in case the tag you requested previously
  // contains post-rolls (don't play those now).
  if (adsManager) {
    adsManager.destroy();
  }
  // Your AdsLoader will be set up on page-load. You should re-use the same
  // AdsLoader for every request. For more info on setting up the AdsLoader,
  // see the IMA HTML5 client-side "Set up the IMA SDK" guide:
  // https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/get-started
  if (adsLoader) {
    // Reset the IMA SDK.
    adsLoader.contentComplete();
  }
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = '...';
  adsRequest.linearAdSlotWidth = <linear_width>;
  adsRequest.linearAdSlotHeight = <linear_height>;
  adsRequest.nonLinearAdSlotWidth = <nonlinear_width>;
  adsRequest.nonLinearAdSlotHeight = <nonlinear_height>;
  adsRequest.liveStreamPrefechSeconds = AD_INTERVAL;
  adsLoader.requestAds(adsRequest);
}

function playAds() {
  adsManager.init(<linear_width>,  <linear_height>);
  adsManager.start();
}