iPhone X-এ বিজ্ঞাপন সঠিকভাবে রেন্ডার করার জন্য আপনার অ্যাপ কীভাবে কোড করবেন সেই বিষয়ে এই নির্দেশিকা পেশাদার পদ্ধতি দেখায়।
পূর্বশর্ত
- শুরু করুন বিকল্পে গিয়ে প্রসেসটি সম্পূর্ণ করুন।
ব্যানার বিজ্ঞাপন
রাউন্ডেড কোণ, সেন্সর হাউজিং এবং হোম ইন্ডিকেটর যাতে ব্যানার বিজ্ঞাপনকে আড়াল করতে না পারে, সেই জন্য সেগুলিকে "নিরাপদ জায়গায়" রাখতে হবে। এই পৃষ্ঠায় আপনি নিরাপদ এলাকার উপরে বা নিচে ব্যানার প্লেস করার জন্য সীমাবদ্ধতা যোগ করার উদাহরণ দেখতে পাবেন। iOS 9+ এবং Xcode 9+ ভার্সন কাজ করে এমন এনভায়রনমেন্টে স্টোরিবোর্ড ও প্রোগ্রাম সংক্রান্ত সীমাবদ্ধতা দেখানো হয়েছে। এছাড়াও, iOS ও Xcode-এর আগের ভার্সনে কীভাবে কাজ করা যায় সেই বিষয়েও উল্লেখ করা হয়েছে।
স্টোরিবোর্ড/ইন্টারফেস বিল্ডার
আপনার অ্যাপ Interface Builder ব্যবহার করলে, প্রথমে, আপনি নিরাপদ এরিয়া লেআউট গাইড চালু করেছেন কিনা তা নিশ্চিত করুন। এটি করতে, আপনাকে Xcode 9+ চালাতে হবে এবং iOS 9+ টার্গেট করতে হবে।
আপনার Interface Builder ফাইল খুলুন এবং আপনার ভিউ কন্ট্রোলার সিনের উপরে ক্লিক করুন। আপনি ডানদিকে ইন্টারফেস বিল্ডার ডকুমেন্ট বিকল্প দেখতে পাবেন। সেফ এরিয়া লেআউট গাইড ব্যবহার করুন বিকল্পে টিকচিহ্ন দিন এবং নিশ্চিত করুন যে আপনি কমপক্ষে iOS 9.0 ও এর পরের যেকোনও ভার্সনের জন্য তৈরি করছেন।
আমরা সাজেস্ট করি যে প্রস্থ ও উচ্চতা সংক্রান্ত সীমাবদ্ধতা ব্যবহার করে ব্যানারকে প্রয়োজনীয় সাইজে সীমাবদ্ধ করুন।
এখন আপনি Safe Area-র উপরে GAMBannerView-এর Top প্রপার্টিকে সীমাবদ্ধ করে Safe Area-র উপরে ব্যানার অ্যালাইন করতে পারবেন:
একইভাবে, আপনি নিরাপদ অঞ্চলের নিচে GAMBannerView-এর Bottom প্রপার্টিকে নিরাপদ অঞ্চলের নিচে কনস্ট্রেন করে ব্যানারটিকে নিরাপদ অঞ্চলের নিচে অ্যালাইন করতে পারেন:
আপনার সীমাবদ্ধতা এখন নিচের স্ক্রিনশটের মতো দেখতে হবে (সাইজিং/পজিশনিং আলাদা হতে পারে):
ViewController
এখানে একটি সাধারণ ভিউ কন্ট্রোলার কোড স্নিপেট দেওয়া হল যা উপরে উল্লিখিত স্টোরিবোর্ডে কনফিগার করা GAMBannerView-এ ব্যানার দেখানোর জন্য
ন্যূনতম প্রয়োজনীয় কাজ করে:
Swift
class ViewController: UIViewController { /// The banner view. @IBOutlet var bannerView: AdManagerBannerView! override func viewDidLoad() { super.viewDidLoad() // Replace this ad unit ID with your own ad unit ID. bannerView.adUnitID = "/21775744923/example/adaptive-banner" bannerView.rootViewController = self bannerView.load(AdManagerRequest()) } }
Objective-C
@interface ViewController() @property(nonatomic, strong) IBOutlet GAMBannerView *bannerView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Replace this ad unit ID with your own ad unit ID. self.bannerView.adUnitID = @"/21775744923/example/adaptive-banner"; self.bannerView.rootViewController = self; GAMRequest *request = [GAMRequest request]; [self.bannerView loadRequest:request]; }
নিরাপদ এলাকার প্রান্তে ব্যানার অ্যালাইন করা
আপনি যদি সম্পূর্ণ-প্রস্থ, বাঁদিক বা ডানদিকে অ্যালাইন করা ব্যানার রাখতে চান, তাহলে ব্যানারের বাঁদিক/ডানদিকের প্রান্তকে সেফ এরিয়ার বাঁদিক/ডানদিকের প্রান্তের সাথে সীমাবদ্ধ করুন এবং সুপারভিউয়ের বাঁদিক/ডানদিকের প্রান্তের সাথে নয়।
নিরাপদ এরিয়া লেআউট গাইড ব্যবহার করুন বিকল্প চালু করা থাকলে, ভিউতে সীমাবদ্ধতা যোগ করার সময় ইন্টারফেস বিল্ডার ডিফল্ট হিসেবে নিরাপদ এরিয়ার প্রান্ত ব্যবহার করবে।
iOS 8 ও তার আগের যেকোনও ভার্সনে কাজ করে
আপনি যদি Interface Builder ব্যবহার করে iOS 8 বা এর আগের যেকোনও ভার্সন সাপোর্ট করতে চান, তাহলে আপনাকে Interface Builder ফাইল এবং স্টোরিবোর্ডের জন্য নিরাপদ এরিয়া লেআউট গাইড ব্যবহার করুন বিকল্প থেকে টিকচিহ্ন সরিয়ে দিতে হবে।
এখন আপনি সেরা লেআউট গাইডের নিচে সীমাবদ্ধতা যোগ করতে পারবেন (সেফ এরিয়ার উপরে পরিবর্তে):
এছাড়াও, নিচের লেআউট গাইডের উপরে সীমাবদ্ধতা যোগ করুন (নিরাপদ এলাকার নিচে পরিবর্তে):
ফুল-উইথ ব্যানারের (যা শুধুমাত্র ল্যান্ডস্কেপে সেফ এরিয়া দ্বারা প্রভাবিত হয়) ক্ষেত্রে, এই লেআউট গাইড থাকে না। Interface Builder-এ নিরাপদ বিকল্প হল মার্জিনের সাথে আপনার বাম ও ডানদিকের প্রান্তের সীমাবদ্ধতা সম্পর্কিত করা:
এটি সুপারভিউ/সেফ এরিয়ার প্রান্ত থেকে ব্যানারটির প্রান্তকে কিছুটা অফসেট করবে, এটি নিশ্চিত করবে যে iPhone X-এ ল্যান্ডস্কেপ ওরিয়েন্টেশনে আপনার ব্যানারটি অস্পষ্ট হবে না। এছাড়াও, আপনি প্রোগ্রাম্যাটিক উপায়ে কাঙ্ক্ষিত ফলাফল পেতে পারেন।
প্রোগ্রাম্যাটিক
আপনার অ্যাপ প্রোগ্র্যামাটিক উপায়ে ব্যানার বিজ্ঞাপন তৈরি করলে, আপনি সীমাবদ্ধতা নির্ধারণ করতে এবং কোডে ব্যানার বিজ্ঞাপন পজিশন করতে পারবেন। এই উদাহরণে (iOS 7.0 ও তার পরবর্তী যেকোনও ভার্সনের জন্য) দেখানো হয়েছে কীভাবে নিরাপদ অঞ্চলের নিচের দিকে অনুভূমিকভাবে কেন্দ্রে ব্যানার সীমাবদ্ধ করতে হয়:
Swift
class ViewController: UIViewController { var bannerView: AdManagerBannerView! override func viewDidLoad() { super.viewDidLoad() // Instantiate the banner view with your desired banner size. bannerView = AdManagerBannerView(adSize: AdSizeBanner) addBannerViewToView(bannerView) bannerView.rootViewController = self // Set the ad unit ID to your own ad unit ID here. bannerView.adUnitID = "/21775744923/example/adaptive-banner" bannerView.load(AdManagerRequest()) } func addBannerViewToView(_ bannerView: UIView) { bannerView.translatesAutoresizingMaskIntoConstraints = false view.addSubview(bannerView) if #available(iOS 11.0, *) { positionBannerAtBottomOfSafeArea(bannerView) } else { positionBannerAtBottomOfView(bannerView) } } @available (iOS 11, *) func positionBannerAtBottomOfSafeArea(_ bannerView: UIView) { // Position the banner. Stick it to the bottom of the Safe Area. // Centered horizontally. let guide: UILayoutGuide = view.safeAreaLayoutGuide NSLayoutConstraint.activate( [bannerView.centerXAnchor.constraint(equalTo: guide.centerXAnchor), bannerView.bottomAnchor.constraint(equalTo: guide.bottomAnchor)] ) } func positionBannerAtBottomOfView(_ bannerView: UIView) { // Center the banner horizontally. view.addConstraint(NSLayoutConstraint(item: bannerView, attribute: .centerX, relatedBy: .equal, toItem: view, attribute: .centerX, multiplier: 1, constant: 0)) // Lock the banner to the top of the bottom layout guide. view.addConstraint(NSLayoutConstraint(item: bannerView, attribute: .bottom, relatedBy: .equal, toItem: self.bottomLayoutGuide, attribute: .top, multiplier: 1, constant: 0)) } }
Objective-C
@interface ViewController() @property(nonatomic, strong) GAMBannerView *bannerView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Instantiate the banner view with your desired banner size. self.bannerView = [[GAMBannerView alloc] initWithAdSize:kGADAdSizeBanner]; [self addBannerViewToVIew:self.bannerView]; // Replace this ad unit ID with your own ad unit ID. self.bannerView.adUnitID = @"/21775744923/example/adaptive-banner"; self.bannerView.rootViewController = self; GAMRequest *request = [GAMRequest request]; [self.bannerView loadRequest:request]; } #pragma mark - view positioning -(void)addBannerViewToView:(UIView *_Nonnull)bannerView { self.bannerView.translatesAutoresizingMaskIntoConstraints = NO; [self.view addSubview:self.bannerView]; if (@available(ios 11.0, *)) { [self positionBannerViewAtBottomOfSafeArea:bannerView]; } else { [self positionBannerViewAtBottomOfView:bannerView]; } } - (void)positionBannerViewAtBottomOfSafeArea:(UIView *_Nonnull)bannerView NS_AVAILABLE_IOS(11.0) { // Position the banner. Stick it to the bottom of the Safe Area. // Centered horizontally. UILayoutGuide *guide = self.view.safeAreaLayoutGuide; [NSLayoutConstraint activateConstraints:@[ [bannerView.centerXAnchor constraintEqualToAnchor:guide.centerXAnchor], [bannerView.bottomAnchor constraintEqualToAnchor:guide.bottomAnchor] ]]; } - (void)positionBannerViewAtBottomOfView:(UIView *_Nonnull)bannerView { [self.view addConstraint:[NSLayoutConstraint constraintWithItem:bannerView attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeCenterX multiplier:1 constant:0]]; [self.view addConstraint:[NSLayoutConstraint constraintWithItem:bannerView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.bottomLayoutGuide attribute:NSLayoutAttributeTop multiplier:1 constant:0]]; } @end
উপরে উল্লেখ করা কৌশলগুলি, ব্যবহৃত অ্যাট্রিবিউট এবং অ্যাঙ্কর পরিবর্তন করে, নিরাপদ এলাকার উপরের দিকে সীমাবদ্ধ করার জন্য সহজেই ব্যবহার করা যেতে পারে।
নেটিভ বিজ্ঞাপন
আপনার অ্যাপ স্ক্রিনের উপরে বা নিচে নেটিভ বিজ্ঞাপন পিন করে রাখলে, ব্যানার বিজ্ঞাপনের ক্ষেত্রে প্রযোজ্য একই
নীতি নেটিভ বিজ্ঞাপনের ক্ষেত্রেও প্রযোজ্য হবে।
মূল পার্থক্য হল, GAMBannerView-এ সীমাবদ্ধতা যোগ করার পরিবর্তে, আপনাকে
GADNativeAppInstallAdView এবং
GADNativeContentAdView-এ (অথবা বিজ্ঞাপনের কন্টেনিং ভিউ) সীমাবদ্ধতা যোগ করতে হবে, যাতে
নিরাপদ এরিয়া লেআউট গাইড মেনে চলা যায়। নেটিভ ভিউয়ের জন্য আমরা
আরও স্পষ্ট সাইজ সংক্রান্ত বিধিনিষেধ দেওয়ার সাজেশন দিই।
ইন্টারস্টিশিয়াল ও পুরস্কার প্রদানকারী বিজ্ঞাপন
ইন্টারস্টিশিয়াল ও পুরস্কার প্রদানকারী বিজ্ঞাপন সহ ফুল-স্ক্রিন বিজ্ঞাপন ফর্ম্যাট Google Mobile Ads SDK-এর মাধ্যমে রেন্ডার করা হয়। Google Mobile Ads SDK SDK-তে একটি আপডেট করা হবে যাতে নিশ্চিত করা যায় যে বন্ধ করার বোতামের মতো বিজ্ঞাপন এলিমেন্ট সঠিক জায়গায় রেন্ডার হয়। এই পরিবর্তন উপলভ্য হলে আমরা রিলিজ নোট ও এই ডকুমেন্টেশন পৃষ্ঠা আপডেট করব।