ব্যানার বিজ্ঞাপন

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

এই নির্দেশিকা আপনাকে দেখায় কিভাবে অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপনদিয়ে শুরু করতে হয়, যা আপনার নির্দিষ্ট করা বিজ্ঞাপনের প্রস্থ ব্যবহার করে প্রতিটি ডিভাইসের জন্য বিজ্ঞাপনের আকার অপ্টিমাইজ করে কর্মক্ষমতা বাড়ায়।

নোঙর করা অভিযোজিত ব্যানার

অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপনগুলি নিয়মিত ফিক্সড সাইজের বিজ্ঞাপনের পরিবর্তে নির্দিষ্ট আকৃতির অনুপাতের বিজ্ঞাপন। আকৃতির অনুপাত 320*50 ইন্ডাস্ট্রি স্ট্যান্ডার্ডের অনুরূপ। একবার আপনি উপলব্ধ সম্পূর্ণ প্রস্থ উল্লেখ করলে, এটি আপনাকে সেই প্রস্থের জন্য সর্বোত্তম উচ্চতা সহ একটি বিজ্ঞাপন প্রদান করবে। একই ডিভাইসের অনুরোধ জুড়ে সর্বোত্তম উচ্চতা পরিবর্তিত হয় না এবং বিজ্ঞাপনটি রিফ্রেশ করার সময় আশেপাশের দৃশ্যগুলি সরানোর প্রয়োজন হয় না।

পূর্বশর্ত

সর্বদা পরীক্ষার বিজ্ঞাপন দিয়ে পরীক্ষা করুন

আপনার অ্যাপ তৈরি এবং পরীক্ষা করার সময়, নিশ্চিত করুন যে আপনি লাইভ, প্রোডাকশন বিজ্ঞাপনের পরিবর্তে পরীক্ষামূলক বিজ্ঞাপন ব্যবহার করছেন। এটি করতে ব্যর্থ হলে আপনার অ্যাকাউন্ট স্থগিত হতে পারে।

পরীক্ষার বিজ্ঞাপনগুলি লোড করার সবচেয়ে সহজ উপায় হল iOS ব্যানারগুলির জন্য আমাদের ডেডিকেটেড পরীক্ষার বিজ্ঞাপন ইউনিট আইডি ব্যবহার করা:ca-app-pub-3940256099942544/2435281174

প্রতিটি অনুরোধের জন্য পরীক্ষার বিজ্ঞাপনগুলি ফেরত দেওয়ার জন্য এটি বিশেষভাবে কনফিগার করা হয়েছে এবং কোডিং, পরীক্ষা এবং ডিবাগ করার সময় আপনি এটিকে আপনার নিজস্ব অ্যাপে ব্যবহার করতে পারবেন৷ আপনার অ্যাপ প্রকাশ করার আগে শুধু নিশ্চিত করুন যে আপনি এটিকে আপনার নিজের বিজ্ঞাপন ইউনিট আইডি দিয়ে প্রতিস্থাপন করেছেন।

মোবাইল বিজ্ঞাপন SDK-এর পরীক্ষার বিজ্ঞাপনগুলি কীভাবে কাজ করে সে সম্পর্কে আরও তথ্যের জন্য, পরীক্ষা বিজ্ঞাপনগুলি দেখুন।

একটি GADBannerViewতৈরি করুন

ব্যানার বিজ্ঞাপনগুলি GADBannerView অবজেক্টে প্রদর্শিত হয়, তাই ব্যানার বিজ্ঞাপনগুলিকে একীভূত করার দিকে প্রথম পদক্ষেপ হল আপনার ভিউ অনুক্রমের মধ্যে একটি GADBannerView অন্তর্ভুক্ত করা৷ এটি সাধারণত প্রোগ্রামগতভাবে বা ইন্টারফেস বিল্ডারের মাধ্যমে করা হয়।

প্রোগ্রামগতভাবে

একটি GADBannerView সরাসরি ইনস্ট্যান্ট করা যেতে পারে। স্ক্রিনের নিরাপদ এলাকার নীচের কেন্দ্রে সারিবদ্ধ একটি GADBannerView কীভাবে তৈরি করবেন তার একটি উদাহরণ এখানে দেওয়া হল:

সুইফট

import GoogleMobileAds
import UIKit

class ViewController: UIViewController {

  var bannerView: GADBannerView!

  override func viewDidLoad() {
    super.viewDidLoad()
    
    let viewWidth = view.frame.inset(by: view.safeAreaInsets).width

    // Here the current interface orientation is used. Use
    // GADLandscapeAnchoredAdaptiveBannerAdSizeWithWidth or
    // GADPortraitAnchoredAdaptiveBannerAdSizeWithWidth if you prefer to load an ad of a
    // particular orientation,
    let adaptiveSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(viewWidth)
    bannerView = GADBannerView(adSize: adaptiveSize)

    addBannerViewToView(bannerView)
  }

  func addBannerViewToView(_ bannerView: GADBannerView) {
    bannerView.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(bannerView)
    view.addConstraints(
      [NSLayoutConstraint(item: bannerView,
                          attribute: .bottom,
                          relatedBy: .equal,
                          toItem: view.safeAreaLayoutGuide,
                          attribute: .bottom,
                          multiplier: 1,
                          constant: 0),
       NSLayoutConstraint(item: bannerView,
                          attribute: .centerX,
                          relatedBy: .equal,
                          toItem: view,
                          attribute: .centerX,
                          multiplier: 1,
                          constant: 0)
      ])
   }
   
}

উদ্দেশ্য গ

@import GoogleMobileAds;

@interface ViewController ()

@property(nonatomic, strong) GADBannerView *bannerView;

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];
  
  // Here safe area is taken into account, hence the view frame is used after the
  // view has been laid out.
  CGRect frame = UIEdgeInsetsInsetRect(self.view.frame, self.view.safeAreaInsets);
  CGFloat viewWidth = frame.size.width;

  // Here the current interface orientation is used. If the ad is being preloaded
  // for a future orientation change or different orientation, the function for the
  // relevant orientation should be used.
  GADAdSize adaptiveSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(viewWidth);
  // In this case, we instantiate the banner with desired ad size.
  self.bannerView = [[GADBannerView alloc] initWithAdSize:adaptiveSize];

  [self addBannerViewToView:self.bannerView];
}

- (void)addBannerViewToView:(UIView *)bannerView {
  bannerView.translatesAutoresizingMaskIntoConstraints = NO;
  [self.view addSubview:bannerView];
  [self.view addConstraints:@[
    [NSLayoutConstraint constraintWithItem:bannerView
                               attribute:NSLayoutAttributeBottom
                               relatedBy:NSLayoutRelationEqual
                                  toItem:self.view.safeAreaLayoutGuide
                               attribute:NSLayoutAttributeBottom
                              multiplier:1
                                constant:0],
    [NSLayoutConstraint constraintWithItem:bannerView
                               attribute:NSLayoutAttributeCenterX
                               relatedBy:NSLayoutRelationEqual
                                  toItem:self.view
                               attribute:NSLayoutAttributeCenterX
                              multiplier:1
                                constant:0]
                                ]];
}
  
@end

মনে রাখবেন যে এই ক্ষেত্রে আমরা প্রস্থ বা উচ্চতার সীমাবদ্ধতা দিই না, কারণ প্রদত্ত বিজ্ঞাপনের আকার ব্যানারটিকে দৃশ্যের আকারের জন্য একটি অন্তর্নিহিত সামগ্রীর আকার দেবে।

ইন্টারফেস নির্মাতা

একটি স্টোরিবোর্ড বা xib ফাইলে একটি GADBannerView যোগ করা যেতে পারে। এই পদ্ধতি ব্যবহার করার সময়, শুধুমাত্র ব্যানারে অবস্থানের সীমাবদ্ধতা যোগ করতে ভুলবেন না। উদাহরণস্বরূপ, স্ক্রিনের নীচে একটি অভিযোজিত ব্যানার প্রদর্শন করার সময়, নীচের লেআউট গাইডের শীর্ষের সমান ব্যানার ভিউয়ের নীচে সেট করুন এবং কেন্দ্র X তত্ত্বাবধানের কেন্দ্র X-এর সমান সেট করুন৷

ব্যানারের বিজ্ঞাপনের আকার এখনও প্রোগ্রামগতভাবে সেট করা আছে:

সুইফট

  bannerView.adSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(viewWidth)

উদ্দেশ্য গ

  self.bannerView.adSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(viewWidth);

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

একবার GADBannerView ঠিক হয়ে গেলে এবং এর বৈশিষ্ট্যগুলি কনফিগার হয়ে গেলে, এটি একটি বিজ্ঞাপন লোড করার সময়। এটি loadRequest: একটি GADRequest অবজেক্টে:

সুইফট

override func viewDidLoad() {
  super.viewDidLoad()
  ...
  
  //  Set the ad unit ID and view controller that contains the GADBannerView.
  bannerView.adUnitID = "ca-app-pub-3940256099942544/2435281174"
  bannerView.rootViewController = self

  bannerView.load(GADRequest())
}

উদ্দেশ্য গ

-   (void)viewDidLoad {
  [super viewDidLoad];
  ...
  
  //  Set the ad unit ID and view controller that contains the GADBannerView.
  self.bannerView.adUnitID = @"ca-app-pub-3940256099942544/2435281174";
  self.bannerView.rootViewController = self;

  [self.bannerView loadRequest:[GADRequest request]];
}

GADRequest অবজেক্টগুলি একটি একক বিজ্ঞাপনের অনুরোধের প্রতিনিধিত্ব করে এবং এতে টার্গেটিং তথ্যের মতো জিনিসগুলির বৈশিষ্ট্য থাকে৷

আপনার বিজ্ঞাপন লোড হতে ব্যর্থ হলে, যতক্ষণ না আপনি রিফ্রেশ করার জন্য আপনার বিজ্ঞাপন ইউনিট কনফিগার করেন ততক্ষণ আপনাকে স্পষ্টভাবে অন্যটির জন্য অনুরোধ করতে হবে না; Google মোবাইল বিজ্ঞাপন SDK AdMobUI-তে আপনার নির্দিষ্ট করা যেকোনো রিফ্রেশ হারকে সম্মান করে। আপনি যদি রিফ্রেশ সক্ষম না করে থাকেন তবে আপনাকে একটি নতুন অনুরোধ জারি করতে হবে৷

বিজ্ঞাপন ঘটনা

GADBannerViewDelegate ব্যবহারের মাধ্যমে, আপনি লাইফসাইকেল ইভেন্টগুলির জন্য শুনতে পারেন, যেমন যখন একটি বিজ্ঞাপন বন্ধ করা হয় বা ব্যবহারকারী অ্যাপটি ছেড়ে যায়।

ব্যানার ইভেন্টের জন্য নিবন্ধন

ব্যানার বিজ্ঞাপন ইভেন্টের জন্য নিবন্ধন করতে, GADBannerView এ delegate সম্পত্তি সেট করুন এমন একটি বস্তুতে যা GADBannerViewDelegate প্রোটোকল প্রয়োগ করে। সাধারণত, যে শ্রেণীটি ব্যানার বিজ্ঞাপন প্রয়োগ করে তা প্রতিনিধি শ্রেণী হিসাবেও কাজ করে, এই ক্ষেত্রে, delegate সম্পত্তি self তে সেট করা যেতে পারে।

সুইফট

import GoogleMobileAds
import UIKit

class ViewController: UIViewController, GADBannerViewDelegate {

  var bannerView: GADBannerView!

  override func viewDidLoad() {
    super.viewDidLoad()
    ...
    bannerView.delegate = self
  }
}

উদ্দেশ্য গ

@import GoogleMobileAds;

@interface ViewController () <GADBannerViewDelegate>

@property(nonatomic, strong) GADBannerView *bannerView;

@end

@implementation ViewController

-   (void)viewDidLoad {
  [super viewDidLoad];
  ...
  self.bannerView.delegate = self;
}

ব্যানার ইভেন্ট বাস্তবায়ন

GADBannerViewDelegate এর প্রতিটি পদ্ধতি ঐচ্ছিক হিসাবে চিহ্নিত করা হয়েছে, তাই আপনাকে শুধুমাত্র আপনার পছন্দের পদ্ধতিগুলি বাস্তবায়ন করতে হবে। এই উদাহরণটি প্রতিটি পদ্ধতি প্রয়োগ করে এবং কনসোলে একটি বার্তা লগ করে:

সুইফট

func bannerViewDidReceiveAd(_ bannerView: GADBannerView) {
  print("bannerViewDidReceiveAd")
}

func bannerView(_ bannerView: GADBannerView, didFailToReceiveAdWithError error: Error) {
  print("bannerView:didFailToReceiveAdWithError: \(error.localizedDescription)")
}

func bannerViewDidRecordImpression(_ bannerView: GADBannerView) {
  print("bannerViewDidRecordImpression")
}

func bannerViewWillPresentScreen(_ bannerView: GADBannerView) {
  print("bannerViewWillPresentScreen")
}

func bannerViewWillDismissScreen(_ bannerView: GADBannerView) {
  print("bannerViewWillDIsmissScreen")
}

func bannerViewDidDismissScreen(_ bannerView: GADBannerView) {
  print("bannerViewDidDismissScreen")
}

উদ্দেশ্য গ

-   (void)bannerViewDidReceiveAd:(GADBannerView *)bannerView {
  NSLog(@"bannerViewDidReceiveAd");
}

-   (void)bannerView:(GADBannerView *)bannerView didFailToReceiveAdWithError:(NSError *)error {
  NSLog(@"bannerView:didFailToReceiveAdWithError: %@", [error localizedDescription]);
}

-   (void)bannerViewDidRecordImpression:(GADBannerView *)bannerView {
  NSLog(@"bannerViewDidRecordImpression");
}

-   (void)bannerViewWillPresentScreen:(GADBannerView *)bannerView {
  NSLog(@"bannerViewWillPresentScreen");
}

-   (void)bannerViewWillDismissScreen:(GADBannerView *)bannerView {
  NSLog(@"bannerViewWillDismissScreen");
}

-   (void)bannerViewDidDismissScreen:(GADBannerView *)bannerView {
  NSLog(@"bannerViewDidDismissScreen");
}

iOS API ডেমো অ্যাপে ব্যানার প্রতিনিধি পদ্ধতি বাস্তবায়নের জন্য অ্যাড ডেলিগেট উদাহরণ দেখুন।

সুইফট অবজেক্টিভ-C

ব্যবহারের ক্ষেত্রে

এই বিজ্ঞাপন ইভেন্ট পদ্ধতিগুলির জন্য এখানে কিছু উদাহরণ ব্যবহার করা হল।

একবার একটি বিজ্ঞাপন প্রাপ্ত হলে ভিউ হায়ারার্কিতে একটি ব্যানার যোগ করা

আপনি একটি বিজ্ঞাপন প্রাপ্ত না হওয়া পর্যন্ত ভিউ হায়ারার্কিতে একটি GADBannerView যোগ করতে বিলম্ব করতে চাইতে পারেন। আপনি bannerViewDidReceiveAd: ইভেন্টটি শুনে এটি করতে পারেন:

সুইফট

func bannerViewDidReceiveAd(_ bannerView: GADBannerView) {
  // Add banner to view and add constraints as above.
  addBannerViewToView(bannerView)
}

উদ্দেশ্য গ

-   (void)bannerViewDidReceiveAd:(GADBannerView *)bannerView {
  // Add bannerView to view and add constraints as above.
  [self addBannerViewToView:self.bannerView];
}

একটি ব্যানার বিজ্ঞাপন অ্যানিমেটিং

আপনি bannerViewDidReceiveAd: ইভেন্ট ব্যবহার করতে পারেন ব্যানার বিজ্ঞাপনটি ফিরে আসার পরে অ্যানিমেট করতে, যেমনটি নিম্নলিখিত উদাহরণে দেখানো হয়েছে:

সুইফট

func bannerViewDidReceiveAd(_ bannerView: GADBannerView) {
  bannerView.alpha = 0
  UIView.animate(withDuration: 1, animations: {
    bannerView.alpha = 1
  })
}

উদ্দেশ্য গ

-   (void)bannerViewDidReceiveAd:(GADBannerView *)bannerView {
  bannerView.alpha = 0;
  [UIView animateWithDuration:1.0 animations:^{
    bannerView.alpha = 1;
  }];
}

অ্যাপটি থামানো এবং পুনরায় শুরু করা হচ্ছে

GADBannerViewDelegate প্রোটোকলের ইভেন্টগুলি সম্পর্কে আপনাকে অবহিত করার পদ্ধতি রয়েছে, যেমন যখন একটি ক্লিক একটি ওভারলে উপস্থাপন বা খারিজ করে দেয়। আপনি যদি এই ঘটনাগুলি বিজ্ঞাপনের কারণে হয়েছে কিনা তা খুঁজে বের করতে চান, এই GADBannerViewDelegate পদ্ধতিগুলির জন্য নিবন্ধন করুন৷

সব ধরনের ওভারলে প্রেজেন্টেশন বা এক্সটার্নাল ব্রাউজার ইনভোকেশন ধরার জন্য, শুধুমাত্র বিজ্ঞাপনের ক্লিক থেকে আসা নয়, আপনার অ্যাপটি UIViewController বা UIApplication এর সমতুল্য পদ্ধতিগুলি শোনার চেয়ে ভাল। GADBannerViewDelegate পদ্ধতির মতো একই সময়ে আহ্বান করা সমতুল্য iOS পদ্ধতিগুলিকে এখানে দেখানো হয়েছে:

GADBannerViewDelegate পদ্ধতি iOS পদ্ধতি
bannerViewWillPresentScreen: UIViewController এর viewWillDisappear:
bannerViewWillDismissScreen: UIViewController এর viewWillAppear:
bannerViewDidDismissScreen: UIViewController এর viewDidAppear:

অতিরিক্ত সম্পদ

গিটহাবের উদাহরণ

পরবর্তী পদক্ষেপ

সংকোচনযোগ্য ব্যানার

সংকোচনযোগ্য ব্যানার বিজ্ঞাপনগুলি হল ব্যানার বিজ্ঞাপন যা প্রাথমিকভাবে একটি বৃহত্তর ওভারলে হিসাবে উপস্থাপিত হয়, একটি বোতাম সহ বিজ্ঞাপনটিকে ছোট আকারে ভেঙে ফেলা হয়। আপনার কর্মক্ষমতা আরও অপ্টিমাইজ করতে এটি ব্যবহার বিবেচনা করুন. আরও বিশদ বিবরণের জন্য সঙ্কুচিত ব্যানার বিজ্ঞাপনগুলি দেখুন৷

ইনলাইন অভিযোজিত ব্যানার

নোঙর করা অভিযোজিত ব্যানারের তুলনায় ইনলাইন অভিযোজিত ব্যানার বড়, লম্বা ব্যানার। এগুলি পরিবর্তনশীল উচ্চতার, এবং ডিভাইসের পর্দার মতো লম্বা হতে পারে৷ স্ক্রোলযোগ্য বিষয়বস্তুতে ব্যানার বিজ্ঞাপন রাখে এমন অ্যাপগুলির জন্য অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপনগুলির উপর ইনলাইন অভিযোজিত ব্যানারগুলি সুপারিশ করা হয়৷ আরও বিস্তারিত জানার জন্য ইনলাইন অভিযোজিত ব্যানার দেখুন।

অন্যান্য বিষয় অন্বেষণ