पिक्चर में पिक्चर वाले विज्ञापन (बीटा वर्शन) लागू करना

प्लैटफ़ॉर्म चुनें: Android iOS Unity

पिक्चर में पिक्चर (पीआईपी) विज्ञापन, एक फ़्लोटिंग विंडो में दिखते हैं. यह विंडो, स्क्रीन पर मौजूद कॉन्टेंट के ऊपर दिखती है. जैसे, लेख, फ़ीड या गेमप्ले. इस फ़ॉर्मैट की मदद से, उपयोगकर्ता विज्ञापन देखते हुए भी आपके ऐप्लिकेशन से इंटरैक्ट कर सकते हैं. अगर आपको ऐसे विज्ञापन दिखाने हैं जो पूरी स्क्रीन पर न दिखें, तो यह फ़ॉर्मैट चुनें.

इस गाइड में, Google Mobile Ads SDK का इस्तेमाल करके, आपके ऐप्लिकेशन में 'पिक्चर में पिक्चर' मोड में दिखने वाले विज्ञापनों के लिए अनुरोध करने और उन्हें दिखाने का तरीका बताया गया है.

शुरू करने से पहले

जारी रखने से पहले, ये काम करें:

• Google Mobile Ads SDK को सेट अप करें.

• Google Mobile Ads SDK का वर्शन 13.10.0 या इसके बाद का वर्शन इंस्टॉल करें.

• टेस्ट विज्ञापन चालू करें और इस टेस्ट विज्ञापन यूनिट आईडी का इस्तेमाल करें:

  /21775744923/example/picture-in-picture
  

विज्ञापन लोड करना

GADPictureInPictureAd ऑब्जेक्ट लोड करने के लिए, विज्ञापन दिखाने का अनुरोध बनाएं और लोड करने के तरीके को कॉल करें:

Swift

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

adUnitID को अपनी विज्ञापन यूनिट के आईडी से बदलें.

Objective-C

- (void)loadAdManagerPictureInPictureAd {
  GAMRequest *request = [GAMRequest 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 तरीके को कॉल करें. नीचे दिए गए उदाहरण में, विज्ञापन को डिफ़ॉल्ट पोज़िशन में दिखाया गया है और प्रज़ेंटेशन के स्कोप को स्क्रीन पर सेट किया गया है:

Swift

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

Objective-C

- (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 पहली बार दिखाए जाने पर, स्क्रीन के सबसे नीचे दाएं कोने में पिक्चर में पिक्चर मोड में विज्ञापन दिखाता है. अगर विज्ञापन पहले दिखाया गया है, तो वह पिछली बार दिखाई गई जगह पर दिखता है. विज्ञापन कहां दिखे, यह तय करने के लिए विज्ञापन दिखाते समय उसकी पोज़िशन तय करें. यहां दिए गए उदाहरण में, स्क्रीन के सबसे ऊपर बाएं कोने में कॉन्टेंट के ऊपर विज्ञापन की पोज़िशन सेट की गई है:

Swift

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

Objective-C

- (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, विज्ञापन को तब खारिज कर देता है, जब होस्ट स्क्रीन की व्यू हैरारकी (व्यू और व्यू ग्रुप के लेआउट का क्रम) मेमोरी में नहीं रहती. होस्ट स्क्रीन को मेमोरी से हटाने के बाद भी विज्ञापन को दिखाने के लिए, प्रज़ेंटेशन के स्कोप को ऐप्लिकेशन पर सेट करें:

Swift

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

Objective-C

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

ज़्यादा जानकारी के लिए, विज्ञापन को सभी स्क्रीन पर दिखाना लेख पढ़ें.

विज्ञापन इवेंट सुनना

पिक्चर में पिक्चर मोड में विज्ञापन की लाइफ़साइकल के इवेंट मैनेज करने के लिए, विज्ञापन दिखाने से पहले विज्ञापन इवेंट के लिए रजिस्टर करें. इन इवेंट से, क्लिक और इंप्रेशन जैसे विज्ञापन इंटरैक्शन की जानकारी मिलती है. इन इवेंट से, पिक्चर में पिक्चर मोड से जुड़े इवेंट की भी जानकारी मिलती है. जैसे, विज्ञापन कब दिखता है या कब छिपता है:

Swift

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

Objective-C

- (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 तरीके को कॉल करें. यह तरीका, विज्ञापन छिपाने वाले इवेंट को ट्रिगर करता है:

Swift

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

Objective-C

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

विज्ञापन से जुड़े संसाधनों को हटाना

मेमोरी लीक से बचने के लिए, जब आपका ऐप्लिकेशन विज्ञापन का इस्तेमाल करना बंद कर दे, तब विज्ञापन ऑब्जेक्ट का रेफ़रंस हटा दें. उदाहरण के लिए, जब आपका ऐप्लिकेशन विज्ञापन को फिर से नहीं दिखाता या उससे इंटरैक्ट नहीं करता. स्क्रीन-स्कोप वाले विज्ञापनों के लिए, रेफ़रंस को तब हटाएं, जब आपका ऐप्लिकेशन होस्ट स्क्रीन को मेमोरी से हटा दे. ऐप्लिकेशन के स्कोप वाले विज्ञापनों के लिए, उपयोगकर्ता के अलग-अलग स्क्रीन पर नेविगेट करने के दौरान विज्ञापन का रेफ़रंस बनाए रखें. साथ ही, उपयोगकर्ता के विज्ञापन खारिज करने पर रेफ़रंस को हटा दें:

Swift

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

Objective-C

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

विज्ञापन को सभी स्क्रीन पर दिखाना

जब प्रज़ेंटेशन के स्कोप को ऐप्लिकेशन पर सेट किया जाता है, तो पिक्चर में पिक्चर विज्ञापन तब भी दिखता रहता है, जब आपका ऐप्लिकेशन होस्टिंग स्क्रीन को मेमोरी से हटा देता है. जब उपयोगकर्ता होस्ट स्क्रीन से दूर जाता है, तब विज्ञापन के साथ इंटरैक्ट करने या उसे खारिज करने के लिए, आपके ऐप्लिकेशन के पास 'पिक्चर में पिक्चर' विज्ञापन का ऐक्सेस होना चाहिए. हमारा सुझाव है कि विज्ञापन को किसी एक स्क्रीन के इंस्टेंस वैरिएबल में रखने के बजाय, ऐप्लिकेशन-लेवल के सिंगलटन या शेयर किए गए स्टेट मैनेजर में रखें.

विज्ञापन को सभी स्क्रीन पर दिखाने के तरीके के उदाहरण के लिए, सैंपल के तौर पर मिले ये ऐप्लिकेशन देखें:

• Swift
• Objective-C