Yerel Şablonlar

Yerel Şablonları İndir

Önemli Bilgi: Devam etmeden önce yerel reklamın nasıl yükleneceğini öğrenin.

Yerel reklamları kullanarak reklamlarınızı özelleştirip daha iyi bir kullanıcı deneyimi sağlayabilirsiniz. Daha iyi kullanıcı deneyimleri, etkileşimi artırabilir ve genel getirinizi artırabilir.

Doğal reklamlardan en iyi şekilde yararlanmak için reklam düzenlerinizi, uygulamanızın doğal bir uzantısı gibi görünecek şekilde şekillendirmeniz önemlidir. Başlamanıza yardımcı olmak için Yerel Şablonlar'ı oluşturduk.

Yerel Şablonlar, yerel reklamlarınız için kod tamamlama görünümleridir. Bu görünümler, hızlı uygulama ve kolay değişiklik için tasarlanmıştır. Yerel Şablonlar sayesinde, ilk yerel reklamınızı yalnızca birkaç dakikada uygulayabilir, çok fazla kod olmadan görünümü ve tarzı hızla özelleştirebilirsiniz. Bu şablonları, haber feed'lerinde, iletişim kutularında veya uygulamanızın başka bir bölümünde kullanılan TableView gibi istediğiniz yere yerleştirebilirsiniz.

Not: Kendi yerel düzenlerinizi sıfırdan tasarlamak istiyorsanız bunun yerine Yerel Gelişmiş belgelerine dönün.

Bu kılavuzda, iOS uygulamalarınızda Yerel Şablonları nasıl indireceğinizi, dahil edeceğinizi ve kullanacağınızı öğreneceksiniz. Yerel reklamı yüklemek için SDK'yı daha önce başarıyla kullandığınız varsayılır.

Şablon boyutları

İki şablon boyutu vardır: küçük ve orta. Her şablon bir sınıfla temsil edilir. Sınıflar GADTSmallTemplateView ve GADTMediumTemplateView şeklindedir. Her iki sınıfın da kapsamı GADTTemplateView şeklindedir. Her iki şablonun da en boy oranı sabittir. Bu oran, yalnızca addHorizontalConstraintsToSuperviewWidth yöntemini çağırırsanız üst görüntülemelerinin genişliğini dolduracak şekilde ölçeklendirilir. addHorizontalConstraintsToSuperviewWidth yöntemini çağırmazsanız her şablon varsayılan boyutunu oluşturur.

GADTSmallTemplateView

Küçük şablon, UICollectionView veya UITableView hücreler için idealdir. Örneğin, feed içi reklamlar için veya ince dikdörtgen bir reklam görünümüne ihtiyaç duyduğunuz her yerde bunu kullanabilirsiniz. Bu şablonun varsayılan boyutu 91 punto yüksekliği, 355 punto genişliğidir.

GADTMediumTemplateView

Aracı şablonu, 1/2 ila 3/4 sayfalık bir görünüm olmalıdır. Bu, açılış veya başlangıç sayfaları için kullanışlı olsa da UITableViews içine de dahil edilebilir. Bu şablonun varsayılan boyutu 370 punto ve 355 punto genişliğidir.

Tüm şablonlarımız otomatik düzeni destekler, dolayısıyla yerleşimle denemeler yapmaktan çekinmeyin. Elbette, kaynak kodunu ve xib dosyalarını da ihtiyaçlarınıza uygun şekilde değiştirebilirsiniz.

Yerel reklam şablonlarını yükleme

Yerel Şablonları yüklemek için ZIP dosyasını indirip Xcode projenize sürüklemeniz yeterlidir. Gerekirse öğeleri kopyala'yı işaretlediğinizden emin olun.

Yerel reklam şablonlarını kullanma

Klasörü projenize ekleyip dosyanıza ilgili sınıfı ekledikten sonra, bir şablon kullanmak için bu tarifi uygulayın. Yazı tipi ve stil özelliklerini değiştirmenin tek yolunun stiller sözlüğünü kullanmak olduğunu unutmayın. Şu anda xib'de ayarlanan tüm stilleri geçersiz kılarız.

Objective-C

/// Step 1: Import the templates that you need.
#import "NativeTemplates/GADTSmallTemplateView.h"
#import "NativeTemplates/GADTTemplateView.h"
...

// STEP 2: Initialize your template view object.
GADTSmallTemplateView *templateView =
    [[NSBundle mainBundle] loadNibNamed:@"GADTSmallTemplateView" owner:nil options:nil]
      .firstObject;

// STEP 3: Template views are just GADNativeAdViews.
_nativeAdView = templateView;
nativeAd.delegate = self;

// STEP 4: Add your template as a subview of whichever view you'd like.
// This must be done before calling addHorizontalConstraintsToSuperviewWidth.
// Please note: Our template objects are subclasses of GADNativeAdView so
// you can insert them into whatever type of view you’d like, and don’t need to
// create your own.
[self.view addSubview:templateView];

// STEP 5 (Optional): Create your styles dictionary. Set your styles dictionary
// on the template property. A default dictionary is created for you if you do
// not set this. Note - templates do not currently respect style changes in the
// xib.

NSString *myBlueColor = @"#5C84F0";
NSDictionary *styles = @{
    GADTNativeTemplateStyleKeyCallToActionFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeyCallToActionFontColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyCallToActionBackgroundColor :
        [GADTTemplateView colorFromHexString:myBlueColor],
    GADTNativeTemplateStyleKeySecondaryFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeySecondaryFontColor : UIColor.grayColor,
    GADTNativeTemplateStyleKeySecondaryBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyPrimaryFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeyPrimaryFontColor : UIColor.blackColor,
    GADTNativeTemplateStyleKeyPrimaryBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyTertiaryFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeyTertiaryFontColor : UIColor.grayColor,
    GADTNativeTemplateStyleKeyTertiaryBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyMainBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyCornerRadius : [NSNumber numberWithFloat:7.0],
};

templateView.styles = styles;

// STEP 6: Set the ad for your template to render.
templateView.nativeAd = nativeAd;

// STEP 7 (Optional): If you'd like your template view to span the width of your
// superview call this method.
[templateView addHorizontalConstraintsToSuperviewWidth];
[templateView addVerticalCenterConstraintToSuperview];

Sözlük tuşlarının stilini ayarlama

Şablonlarınızı özelleştirmenin en hızlı yolu, aşağıdaki tuşları kullanarak bir sözlük oluşturmaktır:

Objective-C

/// Call to action font. Expects a UIFont.
GADTNativeTemplateStyleKeyCallToActionFont

/// Call to action font color. Expects a UIColor.
GADTNativeTemplateStyleKeyCallToActionFontColor;

/// Call to action background color. Expects a UIColor.
GADTNativeTemplateStyleKeyCallToActionBackgroundColor;

/// The font, font color and background color for the first row of text in the
/// template.

/// All templates have a primary text area which is populated by the native ad's
/// headline.

/// Primary text font. Expects a UIFont.
GADTNativeTemplateStyleKeyPrimaryFont;

/// Primary text font color. Expects a UIFont.
GADTNativeTemplateStyleKeyPrimaryFontColor;

/// Primary text background color. Expects a UIColor.
GADTNativeTemplateStyleKeyPrimaryBackgroundColor;

/// The font, font color and background color for the second row of text in the
/// template.

/// All templates have a secondary text area which is populated either by the
/// body of the ad, or by the rating of the app.

/// Secondary text font. Expects a UIFont.
GADTNativeTemplateStyleKeySecondaryFont;

/// Secondary text font color. Expects a UIColor.
GADTNativeTemplateStyleKeySecondaryFontColor;

/// Secondary text background color. Expects a UIColor.
GADTNativeTemplateStyleKeySecondaryBackgroundColor;

/// The font, font color and background color for the third row of text in the
/// template. The third row is used to display store name or the default
/// tertiary text.

/// Tertiary text font. Expects a UIFont.
GADTNativeTemplateStyleKeyTertiaryFont;

/// Tertiary text font color. Expects a UIColor.
GADTNativeTemplateStyleKeyTertiaryFontColor;

/// Tertiary text background color. Expects a UIColor.
GADTNativeTemplateStyleKeyTertiaryBackgroundColor;

/// The background color for the bulk of the ad. Expects a UIColor.
GADTNativeTemplateStyleKeyMainBackgroundColor;

/// The corner rounding radius for the icon view and call to action. Expects an
/// NSNumber.
GADTNativeTemplateStyleKeyCornerRadius;

SSS

Şablon nesnesini örneklendirmeye çalıştığımda neden bir istisnayla karşılaşıyorum?

Bu durum, xib dosyasında görünümün boyutunu değiştirdiyseniz ancak alt sınıfın "kurulum" yönteminde oluşturulan karenin boyutunu değiştirmediyseniz ortaya çıkabilir.

Bu şablonları nasıl daha fazla özelleştirebilirim?

Bu şablonlar, iOS geliştirmede alışkın olduğunuz diğer xib ve özel görünüm sınıfları gibi ilişkili görünüm nesnelerine sahip xib'lerdir. Yerel reklamlarınızı sıfırdan oluşturmayı tercih ederseniz Yerel Gelişmiş kılavuzumuzu inceleyin.

Stillerim xib'de ayarladığımda neden güncellenmiyor?

Şu anda GADTTemplateView.m içindeki tüm xib stillerini varsayılan stiller sözlüğüne göre geçersiz kılıyoruz.

Katkıda bulun

Hızlıca yerel reklamlar geliştirmenize yardımcı olmak için Yerel Şablonlar'ı tasarladık. Yeni şablonlar veya özellikler eklemek için GitHub depomuza katkıda bulunduğunuzu görmek isteriz. Bize bir pull isteği gönderirseniz göz atalım.