পিকচার-ইন-পিকচার বিজ্ঞাপন (বিটা) প্রয়োগ করা

প্ল্যাটফর্ম বেছে নিন: Android iOS

ছবির-মধ্যে-ছবি (PiP) বিজ্ঞাপন একটি ফ্লোটিং উইন্ডোতে দেখানো হয় যা স্ক্রিনের কন্টেন্টের উপরে থাকে, যেমন নিবন্ধ, ফিড বা গেমপ্লে। এই ফর্ম্যাট ব্যবহারকারীদের বিজ্ঞাপনটি দৃশ্যমান থাকা অবস্থায় আপনার অ্যাপের সাথে ইন্টার‍্যাক্ট করতে দেয়। সম্পূর্ণ স্ক্রিন জুড়ে দেখানো হয় না এমন বিজ্ঞাপন দেখাতে, এই ফর্ম্যাট বেছে নিন।

এই নির্দেশিকায় GMA Next-Gen SDK ব্যবহার করে আপনার অ্যাপে পিকচার-ইন-পিকচার বিজ্ঞাপন দেখানোর অনুরোধ করা ও তা দেখানো সম্পর্কে বলা হয়েছে।

শুরু করার আগে

চালিয়ে যাওয়ার আগে, নিম্নলিখিত কাজগুলি করুন:

• GMA Next-Gen SDK সেট-আপ করুন।

• GMA Next-Gen SDK ভার্সন 1.4.0 বা তার পরের যেকোনও ভার্সন ইনস্টল করুন।

• টেস্ট বিজ্ঞাপন চালু করুন এবং নিম্নলিখিত টেস্ট বিজ্ঞাপন ইউনিট আইডি ব্যবহার করুন: /21775744923/example/picture-in-picture

বিজ্ঞাপন লোড করা

কোনও PictureInPictureAd অবজেক্ট লোড করতে, একটি বিজ্ঞাপন অনুরোধ তৈরি করুন এবং load মেথড কল করুন:

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 পরিবর্তন করুন।

বিজ্ঞাপনটি দেখাও

স্ক্রিনে পিকচার-ইন-পিকচার বিজ্ঞাপন দেখাতে, আপনার পিকচার-ইন-পিকচার বিকল্প কনফিগার করুন এবং show মেথড কল করুন। নিচে দেওয়া উদাহরণে বিজ্ঞাপনের ডিফল্ট পজিশন ও প্রেজেন্টেশন স্কোপ স্ক্রিনে সেট করা হয়েছে:

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

পজিশন সেট করা

সাধারণত, GMA Next-Gen SDK প্রথমবার দেখানোর সময় স্ক্রিনের নিচের ডানদিকের কোণে ছবি-ইন-ছবি বিজ্ঞাপন দেখায় অথবা আগে দেখানো হয়ে থাকলে শেষবার যেখানে দেখানো হয়েছিল সেখানে দেখায়। বিজ্ঞাপন কোথায় দেখানো হবে তা কাস্টমাইজ করতে, আপনার পিকচার-ইন-পিকচার বিকল্পে পজিশন সেট করুন। নিচের উদাহরণটি স্ক্রিনের উপরে বাঁদিকের কোণে কন্টেন্টের পজিশন সেট করে:

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

উপলভ্য সব পদের জন্য, PictureInPictureAdPosition দেখুন।

প্রেজেন্টেশনের স্কোপ সেট করা

ডিফল্ট হিসেবে, GMA Next-Gen SDK বর্তমান হোস্ট স্ক্রিনের সাথে একটি পিকচার-ইন-পিকচার বিজ্ঞাপন বাইন্ড করে। হোস্ট স্ক্রিনের ভিউ হায়ারার্কি আর মেমরিতে না থাকলে GMA Next-Gen SDK বিজ্ঞাপনটি বাতিল করে দেয়। মেমরি থেকে হোস্ট স্ক্রিন সরিয়ে দেওয়ার পরেও বিজ্ঞাপনটি দৃশ্যমান রাখতে, প্রেজেন্টেশন স্কোপকে অ্যাপ্লিকেশনে সেট করুন:

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

আরও তথ্যের জন্য, বিভিন্ন স্ক্রিন জুড়ে বিজ্ঞাপন দৃশ্যমান রাখা দেখুন।

বিজ্ঞাপন ইভেন্ট কলব্যাক সেট করা

পিকচার-ইন-পিকচার বিজ্ঞাপনের লাইফসাইকেল ইভেন্ট ম্যানেজ করতে, বিজ্ঞাপনটি দেখানোর আগে সেটির ইভেন্ট কলব্যাক সেট করুন। এই কলব্যাক, ক্লিক ও ইম্প্রেশনের মতো সাধারণ ইভেন্ট সম্পর্কে রিপোর্ট করে। এছাড়াও, এই কলব্যাক ছবি-ইন-ছবি-নির্দিষ্ট ইভেন্ট সম্পর্কে রিপোর্ট করে যেমন, বিজ্ঞাপন কখন দেখানো বা লুকানো হয়:

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

বিজ্ঞাপন লুকানো

স্ক্রিন থেকে ফ্লোটিং বিজ্ঞাপন সরাতে, hide মেথড কল করুন। এই পদ্ধতিটি বিজ্ঞাপন লুকানো ইভেন্ট কলব্যাককে আহ্বান করে:

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

বিজ্ঞাপন রিসোর্স ক্লিন-আপ করা

মেমরি লিক এড়াতে, আপনার অ্যাপ বিজ্ঞাপন ব্যবহার করা শেষ করলে বিজ্ঞাপন অবজেক্টের রেফারেন্স ড্রপ করুন। যেমন, আপনার অ্যাপ আর বিজ্ঞাপন না দেখালে বা বিজ্ঞাপনের সাথে ইন্টার‍্যাক্ট না করলে। স্ক্রিন-স্কোপ করা বিজ্ঞাপনের ক্ষেত্রে, আপনার অ্যাপ মেমরি থেকে হোস্ট স্ক্রিন সরিয়ে দিলে রেফারেন্স সরিয়ে দিন। অ্যাপ-স্কোপ করা বিজ্ঞাপনের ক্ষেত্রে, ব্যবহারকারী বিভিন্ন স্ক্রিন জুড়ে নেভিগেট করার সময় বিজ্ঞাপন রেফারেন্স বজায় রাখুন এবং ব্যবহারকারী বিজ্ঞাপনটি বাতিল করে দিলে রেফারেন্সটি সরিয়ে দিন:

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

সব স্ক্রিন জুড়ে বিজ্ঞাপনটি দৃশ্যমান রাখুন

আপনি প্রেজেন্টেশন স্কোপ অ্যাপ্লিকেশন হিসেবে সেট করলে, আপনার অ্যাপ মেমরি থেকে হোস্টিং স্ক্রিন সরিয়ে দিলেও, পিকচার-ইন-পিকচার বিজ্ঞাপন দেখা যায়। হোস্ট স্ক্রিন থেকে নেভিগেট করে বেরিয়ে যাওয়ার সময় বিজ্ঞাপনের সাথে ইন্টার‍্যাক্ট করতে বা সেটি বাতিল করতে, আপনার অ্যাপকে অবশ্যই পিকচার-ইন-পিকচার বিজ্ঞাপনের অ্যাক্সেস ধরে রাখতে হবে। আমরা সাজেস্ট করি যে কোনও অ্যাপ-লেভেল সিঙ্গলটন বা শেয়ার করা স্টেট ম্যানেজারে বিজ্ঞাপনটি হোল্ড করুন, কোনও সিঙ্গেল স্ক্রিনের ইনস্ট্যান্স ভেরিয়েবলে নয়।

কীভাবে বিভিন্ন স্ক্রিন জুড়ে বিজ্ঞাপন দৃশ্যমান রাখা যায় সেই সম্পর্কিত উদাহরণের জন্য, নিম্নলিখিত স্যাম্পেল অ্যাপ দেখুন:

• Kotlin
• Java