پیاده‌سازی تبلیغات تصویر در تصویر (نسخه بتا)

پلتفرم مورد نظر را انتخاب کنید: اندروید، iOS

تصویر در تصویر

تبلیغات تصویر در تصویر (PiP) در یک پنجره شناور نمایش داده می‌شوند که روی محتوای صفحه، مانند مقالات، فیدها یا گیم‌پلی، باقی می‌ماند. این فرمت به کاربران اجازه می‌دهد در حالی که تبلیغ قابل مشاهده است، با برنامه شما تعامل داشته باشند. برای نمایش تبلیغاتی که کل صفحه را اشغال نمی‌کنند، این فرمت را انتخاب کنید. درباره تبلیغات تصویر در تصویر بیشتر بدانید.

این راهنما درخواست و نمایش تبلیغات تصویر در تصویر در برنامه شما با استفاده از Google Mobile Ads SDK را پوشش می‌دهد.

قبل از اینکه شروع کنی

قبل از ادامه، موارد زیر را انجام دهید:

بارگذاری یک تبلیغ

برای بارگذاری یک شیء GADPictureInPictureAd ، یک درخواست تبلیغ ایجاد کنید و متد load را فراخوانی کنید:

سویفت 

private func loadPictureInPictureAd() async {
  do {
    // Capture the PictureInPictureAd reference for later use.
    pipAd = try await PictureInPictureAd.load(
      with: adUnitID, request: Request())
    // Set the delegate to be notified of ad events.
    pipAd?.delegate = self
  } catch {
    print(
      "Picture-in-Picture ad failed to load: \(error.localizedDescription)")
  }
}

به جای adUnitID ، شناسه واحد تبلیغاتی خود را وارد کنید.

هدف-سی 

- (void)loadPictureInPictureAd {
  GADRequest *request = [GADRequest request];

  [GADPictureInPictureAd
       loadWithAdUnitID:kAdUnitID
                request:request
      completionHandler:^(GADPictureInPictureAd *_Nullable ad, NSError *_Nullable error) {
        if (error) {
          NSLog(@"Picture-in-Picture ad failed to load: %@", error);
          return;
        }
        // Capture the PictureInPictureAd reference for later use.
        self.pipAd = ad;
        // Set the delegate to be notified of ad events.
        self.pipAd.delegate = self;
      }];
}

به جای kAdUnitID ، شناسه واحد تبلیغاتی خود را وارد کنید.

نمایش تبلیغ

برای نمایش تبلیغ تصویر در تصویر روی صفحه، گزینه‌های تصویر در تصویر خود را پیکربندی کنید و متد show را فراخوانی کنید. مثال زیر موقعیت پیش‌فرض تبلیغ و محدوده نمایش را روی صفحه تنظیم می‌کند:

سویفت 

private func showPictureInPictureAd() {
  // Use the loaded PictureInPictureAd instance.
  guard let pipAd else {
    print("No ad to show.")
    return
  }
  let options = PictureInPictureAdOptions()
  // Uses the Google Mobile Ads SDK's default screen position.
  options.position = .default
  // Binds the ad lifecycle to the host screen.
  options.presentationScope = .screen

  pipAd.show(with: options)
}

هدف-سی 

- (void)showPictureInPictureAd {
  // Use the loaded PictureInPictureAd instance.
  if (!self.pipAd) {
    NSLog(@"No ad to show.");
    return;
  }
  GADPictureInPictureAdOptions *options =
      [[GADPictureInPictureAdOptions alloc] init];
  // Uses the Google Mobile Ads SDK's default screen position.
  options.position = GADPictureInPictureAdPositionDefault;
  // Binds the ad lifecycle to the host screen.
  options.presentationScope = GADPictureInPictureAdPresentationScopeScreen;

  [self.pipAd showWithOptions:options];
}

موقعیت را تنظیم کنید

به طور پیش‌فرض، Google Mobile Ads SDK یک تبلیغ تصویر در تصویر را در گوشه پایین سمت راست صفحه نمایش می‌دهد، زمانی که برای اولین بار نمایش داده می‌شود، یا در آخرین موقعیت شناخته شده اگر قبلاً نمایش داده شده باشد. برای سفارشی‌سازی محل نمایش تبلیغ، موقعیت را در گزینه‌های تصویر در تصویر خود تنظیم کنید. مثال زیر موقعیت را در بالای محتوا در گوشه بالا سمت چپ صفحه نمایش می‌دهد:

سویفت 

private func createTopLeftPositionOptions() -> PictureInPictureAdOptions {
  let options = PictureInPictureAdOptions()
  // Sets the ad position to the top-left corner of the screen.
  options.position = .topLeft
  return options
}

هدف-سی 

- (GADPictureInPictureAdOptions *)createTopLeftPositionOptions {
  GADPictureInPictureAdOptions *options =
      [[GADPictureInPictureAdOptions alloc] init];
  // Sets the ad position to the top-left corner of the screen.
  options.position = GADPictureInPictureAdPositionTopLeft;
  return options;
}

برای مشاهده‌ی تمام موقعیت‌های موجود، به GADPictureInPictureAdPosition مراجعه کنید.

محدوده ارائه را تنظیم کنید

به طور پیش‌فرض، Google Mobile Ads SDK یک تبلیغ تصویر در تصویر را به صفحه میزبان فعلی متصل می‌کند. Google Mobile Ads SDK زمانی که سلسله مراتب نمای صفحه میزبان دیگر در حافظه نباشد، تبلیغ را رد می‌کند. برای اینکه تبلیغ پس از حذف صفحه میزبان از حافظه قابل مشاهده باشد، محدوده ارائه را روی برنامه تنظیم کنید:

سویفت 

private func createApplicationScopedOptions() -> PictureInPictureAdOptions {
  let options = PictureInPictureAdOptions()
  // Keeps the ad visible beyond the host screen's lifecycle.
  options.presentationScope = .application
  return options
}

هدف-سی 

- (GADPictureInPictureAdOptions *)createApplicationScopedOptions {
  GADPictureInPictureAdOptions *options =
      [[GADPictureInPictureAdOptions alloc] init];
  // Keeps the ad visible beyond the host screen's lifecycle.
  options.presentationScope = GADPictureInPictureAdPresentationScopeApplication;
  return options;
}

برای اطلاعات بیشتر، به بخش «تبلیغ را در تمام صفحات نمایش قابل مشاهده نگه دارید» مراجعه کنید.

تنظیم فراخوانی رویداد تبلیغ

برای مدیریت رویدادهای چرخه عمر تبلیغات تصویر در تصویر، قبل از نمایش تبلیغ، رویداد فراخوانی را روی آن تنظیم کنید. این فراخوانی رویدادهای استاندارد مانند کلیک‌ها و نمایش‌ها را گزارش می‌دهد. این فراخوانی همچنین رویدادهای خاص تصویر در تصویر مانند زمان نمایش یا پنهان شدن تبلیغ را گزارش می‌دهد:

سویفت 

func pictureInPictureAdDidShow(_ pictureInPictureAd: PictureInPictureAd) {
  print("Picture-in-Picture ad shown.")
}

func pictureInPictureAdDidHide(_ pictureInPictureAd: PictureInPictureAd) {
  print("Picture-in-Picture ad hidden.")
}

func pictureInPictureAdDidFailToShow(
  _ pictureInPictureAd: PictureInPictureAd, error: Error
) {
  print("Picture-in-Picture ad failed to show: \(error.localizedDescription)")
}

func pictureInPictureAdDidRecordImpression(
  _ pictureInPictureAd: PictureInPictureAd
) {
  print("Picture-in-Picture ad recorded an impression.")
}

func pictureInPictureAdDidRecordClick(
  _ pictureInPictureAd: PictureInPictureAd
) {
  print("Picture-in-Picture ad recorded a click.")
}

func pictureInPictureAdWillPresentScreen(
  _ pictureInPictureAd: PictureInPictureAd
) {
  print("Picture-in-Picture ad will present screen.")
}

func pictureInPictureAdWillDismissScreen(
  _ pictureInPictureAd: PictureInPictureAd
) {
  print("Picture-in-Picture ad will dismiss screen.")
}

func pictureInPictureAdDidDismissScreen(
  _ pictureInPictureAd: PictureInPictureAd
) {
  print("Picture-in-Picture ad dismissed screen.")
}

هدف-سی 

- (void)pictureInPictureAdDidShow:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad shown.");
}

- (void)pictureInPictureAdDidHide:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad hidden.");
}

- (void)pictureInPictureAdDidFailToShow:(GADPictureInPictureAd *)pictureInPictureAd
                              withError:(NSError *)error {
  NSLog(@"Picture-in-Picture ad failed to show: %@", error);
}

- (void)pictureInPictureAdDidRecordImpression:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad recorded an impression.");
}

- (void)pictureInPictureAdDidRecordClick:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad recorded a click.");
}

- (void)pictureInPictureAdWillPresentScreen:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad will present screen.");
}

- (void)pictureInPictureAdWillDismissScreen:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad will dismiss screen.");
}

- (void)pictureInPictureAdDidDismissScreen:(GADPictureInPictureAd *)pictureInPictureAd {
  NSLog(@"Picture-in-Picture ad dismissed screen.");
}

مخفی کردن تبلیغ

برای حذف تبلیغ شناور از صفحه، متد hide را فراخوانی کنید. این متد رویداد ad hidden را فراخوانی می‌کند:

سویفت 

private func hidePictureInPictureAd() {
  // Use the loaded PictureInPictureAd instance.
  guard let pipAd else {
    print("No ad to hide.")
    return
  }
  pipAd.hide()
}

هدف-سی 

- (void)hidePictureInPictureAd {
  // Use the loaded PictureInPictureAd instance.
  if (!self.pipAd) {
    NSLog(@"No ad to hide.");
    return;
  }
  [self.pipAd hide];
}

منابع تبلیغاتی را پاکسازی کنید

برای جلوگیری از نشت حافظه، وقتی برنامه شما استفاده از تبلیغ را تمام کرد، ارجاع خود به شیء تبلیغ را حذف کنید. به عنوان مثال، وقتی برنامه شما دیگر تبلیغ را نمایش نمی‌دهد یا با آن تعامل ندارد. برای تبلیغات محدود به صفحه نمایش، وقتی برنامه شما صفحه میزبان را از حافظه حذف می‌کند، ارجاع را حذف کنید. برای تبلیغات محدود به برنامه، وقتی کاربر در صفحات مختلف حرکت می‌کند، ارجاع تبلیغ را حفظ کنید و وقتی کاربر تبلیغ را رد می‌کند، ارجاع را حذف کنید:

سویفت 

private func cleanUpPictureInPictureAd() {
  pipAd?.hide()
  pipAd = nil
}

هدف-سی 

- (void)cleanUpPictureInPictureAd {
  [self.pipAd hide];
  self.pipAd = nil;
}

تبلیغ را در تمام صفحات نمایش قابل مشاهده نگه دارید

وقتی محدوده‌ی نمایش را روی برنامه تنظیم می‌کنید، تبلیغ تصویر در تصویر حتی وقتی برنامه‌ی شما صفحه‌ی میزبان را از حافظه حذف می‌کند، قابل مشاهده باقی می‌ماند. برای تعامل یا رد کردن تبلیغ وقتی کاربر از صفحه‌ی میزبان خارج می‌شود، برنامه‌ی شما باید دسترسی به تبلیغ تصویر در تصویر را حفظ کند. توصیه می‌کنیم تبلیغ را به جای متغیر نمونه‌ی یک صفحه‌ی واحد، در یک مدیر حالت تک‌لایه یا مشترک در سطح برنامه نگه دارید.