ব্যানার বিজ্ঞাপন হল আয়তক্ষেত্রাকার বিজ্ঞাপন যা একটি অ্যাপের লেআউটের একটি অংশ দখল করে। ব্যবহারকারীরা অ্যাপের সাথে ইন্টারঅ্যাক্ট করার সময় তারা স্ক্রিনে থাকে, হয় স্ক্রিনের উপরে বা নীচে অ্যাঙ্কর করা হয় বা ব্যবহারকারীর স্ক্রোল করার সাথে সাথে সামগ্রীর সাথে ইনলাইন থাকে। ব্যানার বিজ্ঞাপন একটি নির্দিষ্ট সময়ের পরে স্বয়ংক্রিয়ভাবে রিফ্রেশ করতে পারে। আরও তথ্যের জন্য ব্যানার বিজ্ঞাপনের ওভারভিউ দেখুন।
এই নির্দেশিকা আপনাকে দেখায় কিভাবে অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপন দিয়ে শুরু করতে হয়, যা আপনার নির্দিষ্ট করা বিজ্ঞাপনের প্রস্থ ব্যবহার করে প্রতিটি ডিভাইসের জন্য বিজ্ঞাপনের আকার অপ্টিমাইজ করে কর্মক্ষমতা বাড়ায়।
নোঙর করা অভিযোজিত ব্যানার
অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপনগুলি নিয়মিত ফিক্সড সাইজের বিজ্ঞাপনের পরিবর্তে নির্দিষ্ট আকৃতির অনুপাতের বিজ্ঞাপন। আকৃতির অনুপাত 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
মনে রাখবেন যে এই ক্ষেত্রে আমরা প্রস্থ বা উচ্চতার সীমাবদ্ধতা দিই না, কারণ প্রদত্ত বিজ্ঞাপনের আকার ব্যানারটিকে দৃশ্যের আকারের জন্য একটি অন্তর্নিহিত সামগ্রীর আকার দেবে।
ইন্টারফেস নির্মাতা
একটি GADBannerView
একটি স্টোরিবোর্ড বা xib ফাইলে যোগ করা যেতে পারে। এই পদ্ধতি ব্যবহার করার সময়, শুধুমাত্র ব্যানারে অবস্থানের সীমাবদ্ধতা যোগ করতে ভুলবেন না। উদাহরণস্বরূপ, স্ক্রিনের নীচে একটি অভিযোজিত ব্যানার প্রদর্শন করার সময়, নীচের লেআউট গাইডের শীর্ষের সমান ব্যানার ভিউয়ের নীচে সেট করুন এবং কেন্দ্র 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 আপনার AdMob UI-তে নির্দিষ্ট করা যেকোনো রিফ্রেশ রেটকে সম্মান করে। আপনি যদি রিফ্রেশ সক্ষম না করে থাকেন তবে আপনাকে একটি নতুন অনুরোধ জারি করতে হবে৷
বিজ্ঞাপন ঘটনা
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 ডেমো অ্যাপে ব্যানার প্রতিনিধি পদ্ধতি বাস্তবায়নের জন্য অ্যাড ডেলিগেট উদাহরণ দেখুন।
ব্যবহারের ক্ষেত্রে
এই বিজ্ঞাপন ইভেন্ট পদ্ধতিগুলির জন্য এখানে কিছু উদাহরণ ব্যবহার করা হল।
একবার একটি বিজ্ঞাপন প্রাপ্ত হলে ভিউ হায়ারার্কিতে একটি ব্যানার যোগ করা
আপনি একটি বিজ্ঞাপন প্রাপ্ত না হওয়া পর্যন্ত ভিউ হায়ারার্কিতে একটি 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: |
অতিরিক্ত সম্পদ
গিটহাবের উদাহরণ
- অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপনের উদাহরণ: সুইফট | উদ্দেশ্য গ
- উন্নত বৈশিষ্ট্য ডেমো: সুইফট | উদ্দেশ্য গ
পরবর্তী পদক্ষেপ
সংকোচনযোগ্য ব্যানার
সংকোচনযোগ্য ব্যানার বিজ্ঞাপনগুলি হল ব্যানার বিজ্ঞাপন যা প্রাথমিকভাবে একটি বৃহত্তর ওভারলে হিসাবে উপস্থাপিত হয়, একটি বোতাম সহ বিজ্ঞাপনটিকে ছোট আকারে ভেঙে ফেলা হয়। আপনার কর্মক্ষমতা আরও অপ্টিমাইজ করতে এটি ব্যবহার বিবেচনা করুন. আরও বিশদ বিবরণের জন্য সঙ্কুচিত ব্যানার বিজ্ঞাপনগুলি দেখুন৷
ইনলাইন অভিযোজিত ব্যানার
নোঙর করা অভিযোজিত ব্যানারের তুলনায় ইনলাইন অভিযোজিত ব্যানার বড়, লম্বা ব্যানার। এগুলি পরিবর্তনশীল উচ্চতার, এবং ডিভাইসের পর্দার মতো লম্বা হতে পারে৷ স্ক্রোলযোগ্য বিষয়বস্তুতে ব্যানার বিজ্ঞাপন রাখে এমন অ্যাপগুলির জন্য অ্যাঙ্কর করা অভিযোজিত ব্যানার বিজ্ঞাপনগুলির উপর ইনলাইন অভিযোজিত ব্যানারগুলি সুপারিশ করা হয়৷ আরও বিস্তারিত জানার জন্য ইনলাইন অভিযোজিত ব্যানার দেখুন।