Bu kılavuzda, reklam oluşturmak için uygulamalarınızı kodlamayla ilgili en iyi uygulamalar gösterilmektedir doğru şekilde ayarlayabilirsiniz.
Ön koşullar
- Google Mobile Ads SDK'sının 7.26.0 veya sonraki bir sürümünü içe aktarın tek başına veya Firebase'in bir parçası olarak kullanın.
Banner reklamlar
Banner reklamlar, "Güvenli Alan" tarafından görülmesini önlemek için, yuvarlatılmış köşeler, sensör yuvası ve göstergesidir. Bu sayfada, kontrol panelinize sınırlama ekleme Güvenli Alanın en üstüne veya en altına bir banner yerleştirin.
Resimli Taslak/Arayüz Oluşturucu
Uygulamanızda Arayüz Oluşturucu'yu kullanıyorsanız önce Güvenli Alan'ı etkinleştirdiğinizden emin olun düzen kılavuzlarını okuyun. Bunun için Xcode 9+ çalıştırmalı ve iOS 9+ sürümünü hedeflemelisiniz.
Arayüz Oluşturucu dosyanızı açın ve görünüm denetleyicisi sahnenizi tıklayın. Siz sağ tarafta Arayüz Oluşturucu Dokümanı seçenekleri gösterilir. Şunları işaretleyin: Güvenli Alan Düzen Kılavuzları ve iOS 9.0 ve sonraki sürümler için derleme yaptığınızdan emin olun mümkün olabilir.
Banner'ı, genişlik ve boyutları kullanarak gerekli olan boyutla gibi özelliklerdir.
Artık GADBannerView'un Üst mülkü, Güvenli Alanın en üstüne eklenir:
Benzer şekilde, banner'ı Güvenli Alan’ın alt kısmına hizalayabilirsiniz. GADBannerView'un Alt mülkünü, alan:
Kısıtlamalarınız artık aşağıdaki ekran görüntüsüne benzer bir görünümde olacaktır. (boyutlandırma/konumlandırma değişiklik gösterebilir):
ViewController
Burada, aşağıdakileri yapmak için gereken minimum işlemi yapan basit bir görüntüleme denetleyicisi kod snippet'i
yukarıdaki resimli taslakta yapılandırıldığı şekilde GADBannerView içinde bir banner göster:
Swift
class ViewController: UIViewController {
/// The banner view.
@IBOutlet var bannerView: GADBannerView!
override func viewDidLoad() {
super.viewDidLoad()
// Replace this ad unit ID with your own ad unit ID.
bannerView.adUnitID = "ca-app-pub-3940256099942544/2934735716"
bannerView.rootViewController = self
bannerView.load(GADRequest())
}
}
Objective-C
@interface ViewController()
@property(nonatomic, strong) IBOutlet GADBannerView *bannerView;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Replace this ad unit ID with your own ad unit ID.
self.bannerView.adUnitID = @"ca-app-pub-3940256099942544/2934735716";
self.bannerView.rootViewController = self;
GADRequest *request = [GADRequest request];
[self.bannerView loadRequest:request];
}
Banner'ları güvenli alanın kenarına hizalama
Sola veya sağa hizalı bir banner istiyorsanız banner'ın sol/sağ kenarını güvenli alanın sol/sağ kenarına sağ veya sol kenarını göz önünde bulundurmamalıdır.
Güvenli Alan Düzen Kılavuzlarını Kullan seçeneğini etkinleştirdiyseniz arayüz oluşturucu görünüme sınırlama eklerken varsayılan olarak güvenli alan kenarlarını kullanır.
Programatik
Uygulamanız programatik olarak banner reklamlar oluşturuyorsa kısıtlamalar ve banner reklamı koda yerleştirin. Bu örnekte, bir banner'ın nasıl kısıtlanacağı gösterilmektedir alt tarafında yatay olarak ortalanacak şekilde ayarlayabilirsiniz:
Swift
class ViewController: UIViewController {
var bannerView: GADBannerView!
override func viewDidLoad() {
super.viewDidLoad()
// Instantiate the banner view with your desired banner size.
bannerView = GADBannerView(adSize: GADAdSizeBanner)
addBannerViewToView(bannerView)
bannerView.rootViewController = self
// Set the ad unit ID to your own ad unit ID here.
bannerView.adUnitID = "ca-app-pub-3940256099942544/2934735716"
bannerView.load(GADRequest())
}
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) GADBannerView *bannerView;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Instantiate the banner view with your desired banner size.
self.bannerView = [[GADBannerView alloc] initWithAdSize:GADAdSizeBanner];
[self addBannerViewToView:self.bannerView];
// Replace this ad unit ID with your own ad unit ID.
self.bannerView.adUnitID = @"ca-app-pub-3940256099942544/2934735716";
self.bannerView.rootViewController = self;
GADRequest *request = [GADRequest 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
Yukarıdaki teknikler, kasanın en üstünde göstermek için kolayca kullanılabilir alanı değiştirebilirsiniz.
Akıllı banner'lar
Akıllı banner'ları özellikle yatay modda kullanıyorsanız sınırları kullanarak banner kenarlarını reklamın sol ve sağ kenarlarına güvenli bir alandasınız.
Arayüz oluşturucuda, Güvenli Alan Düzen Kılavuzlarını Kullan seçeneği yukarıda belirtildiği şekilde kullanın.
Kodda, kenar kısıtlamalarınızı güvenli alana göre belirlemeniz gerekir. düzen kılavuzlarını kullanın. Burada, banner görünümü ekleyen bir kod snippet'ini görebilirsiniz. görünümle sınırlandırır ve tam genişlikte:
Swift
func addBannerViewToView(_ bannerView: GADBannerView) {
bannerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(bannerView)
if #available(iOS 11.0, *) {
// In iOS 11, we need to constrain the view to the safe area.
positionBannerViewFullWidthAtBottomOfSafeArea(bannerView)
}
else {
// In lower iOS versions, safe area is not available so we use
// bottom layout guide and view edges.
positionBannerViewFullWidthAtBottomOfView(bannerView)
}
}
// MARK: - view positioning
@available (iOS 11, *)
func positionBannerViewFullWidthAtBottomOfSafeArea(_ bannerView: UIView) {
// Position the banner. Stick it to the bottom of the Safe Area.
// Make it constrained to the edges of the safe area.
let guide = view.safeAreaLayoutGuide
NSLayoutConstraint.activate([
guide.leftAnchor.constraint(equalTo: bannerView.leftAnchor),
guide.rightAnchor.constraint(equalTo: bannerView.rightAnchor),
guide.bottomAnchor.constraint(equalTo: bannerView.bottomAnchor)
])
}
func positionBannerViewFullWidthAtBottomOfView(_ bannerView: UIView) {
view.addConstraint(NSLayoutConstraint(item: bannerView,
attribute: .leading,
relatedBy: .equal,
toItem: view,
attribute: .leading,
multiplier: 1,
constant: 0))
view.addConstraint(NSLayoutConstraint(item: bannerView,
attribute: .trailing,
relatedBy: .equal,
toItem: view,
attribute: .trailing,
multiplier: 1,
constant: 0))
view.addConstraint(NSLayoutConstraint(item: bannerView,
attribute: .bottom,
relatedBy: .equal,
toItem: bottomLayoutGuide,
attribute: .top,
multiplier: 1,
constant: 0))
}
Objective-C
- (void)addBannerViewToView:(UIView *)bannerView {
bannerView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addSubview:bannerView];
if (@available(ios 11.0, *)) {
// In iOS 11, we need to constrain the view to the safe area.
[self positionBannerViewFullWidthAtBottomOfSafeArea:bannerView];
} else {
// In lower iOS versions, safe area is not available so we use
// bottom layout guide and view edges.
[self positionBannerViewFullWidthAtBottomOfView:bannerView];
}
}
#pragma mark - view positioning
- (void)positionBannerViewFullWidthAtBottomOfSafeArea:(UIView *_Nonnull)bannerView NS_AVAILABLE_IOS(11.0) {
// Position the banner. Stick it to the bottom of the Safe Area.
// Make it constrained to the edges of the safe area.
UILayoutGuide *guide = self.view.safeAreaLayoutGuide;
[NSLayoutConstraint activateConstraints:@[
[guide.leftAnchor constraintEqualToAnchor:bannerView.leftAnchor],
[guide.rightAnchor constraintEqualToAnchor:bannerView.rightAnchor],
[guide.bottomAnchor constraintEqualToAnchor:bannerView.bottomAnchor]
]];
}
- (void)positionBannerViewFullWidthAtBottomOfView:(UIView *_Nonnull)bannerView {
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:bannerView
attribute:NSLayoutAttributeLeading
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeLeading
multiplier:1
constant:0]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:bannerView
attribute:NSLayoutAttributeTrailing
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeTrailing
multiplier:1
constant:0]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:bannerView
attribute:NSLayoutAttributeBottom
relatedBy:NSLayoutRelationEqual
toItem:self.bottomLayoutGuide
attribute:NSLayoutAttributeTop
multiplier:1
constant:0]];
}
Yerel reklamlar
Uygulamanız doğal reklamları ekranın üst veya alt kısmına sabitlerse
ilkeleri, banner reklamlarda olduğu gibi yerel reklamlar için de geçerlidir.
Temel fark, GADBannerView öğesine sınırlamalar eklemek yerine
uygulamanızın GADUnifiedNativeAdView (veya kapsayıcı görünümüne)
(reklam için) kullandığınızdan emin olun. Yerel görünümler için
daha açık boyut kısıtlamaları sağlamanızı öneririz.
Geçiş reklamları ve ödüllü reklamlar
Google Mobile Ads SDK'sı sürüm 7.26.0'dan itibaren geçiş reklamlarını ve iPhone X için ödüllü reklam biçimleri