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

প্ল্যাটফর্ম নির্বাচন করুন: অ্যান্ড্রয়েড আইওএস ইউনিটি ফ্লাটার

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

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

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

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

পূর্বশর্ত

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

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

পরীক্ষার বিজ্ঞাপন লোড করার সবচেয়ে সহজ উপায় হল iOS ব্যানারের জন্য আমাদের ডেডিকেটেড টেস্ট বিজ্ঞাপন ইউনিট আইডি ব্যবহার করা:

ca-app-pub-3940256099942544/2435281174

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

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

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

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

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

একটি GADBannerView সরাসরিও ইনস্ট্যান্ট করা যেতে পারে। নিম্নলিখিত উদাহরণ একটি GADBannerView তৈরি করে:

সুইফট 

// Initialize the BannerView.
bannerView = BannerView()

bannerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(bannerView)

// This example doesn't give width or height constraints, as the ad size gives the banner an
// intrinsic content size to size the view.
NSLayoutConstraint.activate([
  // Align the banner's bottom edge with the safe area's bottom edge
  bannerView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
  // Center the banner horizontally in the view
  bannerView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
])
BannerSnippets.swift

সুইফটইউআই

একটি BannerView ব্যবহার করতে, একটি UIViewRepresentable তৈরি করুন:

private struct BannerViewContainer: UIViewRepresentable {
  typealias UIViewType = BannerView
  let adSize: AdSize

  init(_ adSize: AdSize) {
    self.adSize = adSize
  }

  func makeUIView(context: Context) -> BannerView {
    let banner = BannerView(adSize: adSize)
    banner.adUnitID = "ca-app-pub-3940256099942544/2435281174"
    banner.load(Request())
    banner.delegate = context.coordinator
    return banner
  }

  func updateUIView(_ uiView: BannerView, context: Context) {}

  func makeCoordinator() -> BannerCoordinator {
    return BannerCoordinator(self)
  }
BannerContentView.swift

আপনার UIViewRepresentable ভিউ হায়ারার্কিতে যোগ করুন, height এবং width মান উল্লেখ করে:

var body: some View {
  Spacer()
  // Request an anchored adaptive banner with a width of 375.
  let adSize = currentOrientationAnchoredAdaptiveBanner(width: 375)
  BannerViewContainer(adSize)
    .frame(width: adSize.size.width, height: adSize.size.height)
}
BannerContentView.swift

উদ্দেশ্য-C 

// Initialize the GADBannerView.
self.bannerView = [[GADBannerView alloc] init];

self.bannerView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addSubview:self.bannerView];

// This example doesn't give width or height constraints, as the ad size gives the banner an
// intrinsic content size to size the view.
[NSLayoutConstraint activateConstraints:@[
    // Align the banner's bottom edge with the safe area's bottom edge
    [self.bannerView.bottomAnchor constraintEqualToAnchor:self.view.safeAreaLayoutGuide.bottomAnchor],
    // Center the banner horizontally in the view
    [self.bannerView.centerXAnchor constraintEqualToAnchor:self.view.centerXAnchor],
]];
BannerSnippets.m

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

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

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

সুইফট 

// Request an anchored adaptive banner with a width of 375.
bannerView.adSize = currentOrientationAnchoredAdaptiveBanner(width: 375)
ViewController.swift

উদ্দেশ্য-C 

// Request an anchored adaptive banner with a width of 375.
self.bannerView.adSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(375);
ViewController.m

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

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

সুইফট 

bannerView.load(Request())
ViewController.swift

সুইফটইউআই 

banner.adUnitID = "ca-app-pub-3940256099942544/2435281174"
banner.load(Request())
BannerContentView.swift

উদ্দেশ্য-C 

[self.bannerView loadRequest:[GADRequest request]];
ViewController.m

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

একটি বিজ্ঞাপন রিফ্রেশ করুন

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

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

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

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

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

সুইফট 

bannerView.delegate = self
ViewController.swift

সুইফটইউআই 

banner.delegate = context.coordinator
BannerContentView.swift

উদ্দেশ্য-C 

self.bannerView.delegate = self;
ViewController.m

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

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

সুইফট 

func bannerViewDidReceiveAd(_ bannerView: BannerView) {
  print(#function)
}

func bannerView(_ bannerView: BannerView, didFailToReceiveAdWithError error: Error) {
  print(#function + ": " + error.localizedDescription)
}

func bannerViewDidRecordClick(_ bannerView: BannerView) {
  print(#function)
}

func bannerViewDidRecordImpression(_ bannerView: BannerView) {
  print(#function)
}

func bannerViewWillPresentScreen(_ bannerView: BannerView) {
  print(#function)
}

func bannerViewWillDismissScreen(_ bannerView: BannerView) {
  print(#function)
}

func bannerViewDidDismissScreen(_ bannerView: BannerView) {
  print(#function)
}
ViewController.swift

উদ্দেশ্য-C 

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

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

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

কেস ব্যবহার করুন

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

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

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

সুইফট 

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

উদ্দেশ্য-C 

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

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

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

সুইফট 

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

উদ্দেশ্য-C 

- (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:

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

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

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

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

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

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

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

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