Yerel Şablonlar

Yerel şablonları indirme

Önemli Nokta: Devam etmeden önce yerel reklam yüklemeyi öğrenin.

Yerel reklamları kullanarak reklamlarınızı özelleştirebilir ve daha iyi bir kullanıcı deneyimi elde edebilirsiniz. Daha iyi kullanıcı deneyimleri, etkileşimi artırabilir ve genel getirinizi iyileştirebilir.

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

Doğal şablonlar, hızlı uygulama ve kolay değişiklik için tasarlanmış, yerel reklamlarınız için kodla tamamlanmış görünümlerdir. Yerel şablonlar sayesinde ilk yerel reklamınızı sadece birkaç dakikada uygulayabilir ve çok fazla kod yazmadan görünümünü ve tarzını hızlıca özelleştirebilirsiniz. Bu şablonları istediğiniz yere (ör. bir haber feed'inde kullanılan bir TableView'e, bir iletişim kutusuna veya uygulamanızdaki başka bir yere) yerleştirebilirsiniz.

Not: Kendi yerel düzenlerinizi sıfırdan tasarlamak istiyorsanız Gelişmiş Yerel dokümanlarına dönün.

Bu kılavuzda, iOS uygulamalarınıza yerel şablonları nasıl indireceğiniz, dahil edeceğiniz ve kullanacağınız gösterilmektedir. Bu örnekte, doğal 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. Her iki sınıf da GADTTemplateView sınıfını genişletir. Her iki şablon da sabit bir en boy oranına sahiptir. Bu oran, yalnızca addHorizontalConstraintsToSuperviewWidth çağrısı yapıldığında üst görünümlerinin genişliğini dolduracak şekilde ölçeklenir. addHorizontalConstraintsToSuperviewWidth işlevini çağırmazsanız her şablon varsayılan boyutunda oluşturulur.

GADTSmallTemplateView

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

GADTMediumTemplateView

Orta boy şablon, 1/2 ila 3/4 sayfalık bir görünüm için tasarlanmıştır. Bu, açılış veya açılış sayfaları için iyidir ancak UITableViews'e de eklenebilir. Bu şablonun varsayılan boyutu 370 punto yükseklik ve 355 punto genişliktir.

Tüm şablonlarımız otomatik düzeni destekler. Bu nedenle, yerleşim konusunda denemeler yapabilirsiniz. Elbette kaynak kodunu ve xib dosyalarını ihtiyaçlarınıza göre 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.

Doğal reklam şablonlarını kullanma

Klasörü projenize ekledikten ve ilgili sınıfı dosyanıza dahil ettikten sonra ş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ılıyoruz.

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];

Stil sözlüğü anahtarları

Şablonlarınızı özelleştirmenin en hızlı yolu, aşağıdaki anahtarlarla 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 oluşturmaya çalışırken neden istisna alıyorum?

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

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

Bu şablonlar, iOS geliştirmeden aşina olabileceğiniz diğer tüm xib ve özel görünüm sınıfları gibi ilişkili görünüm nesnelerine sahip xib'lerden ibarettir. Doğal reklamlarınızı sıfırdan oluşturmayı tercih ediyorsanız Doğal Gelişmiş rehberimize göz atın.

Stilleri xib'de ayarladığım halde neden güncellenmiyor?

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

Katkıda bulun

Yerel reklamları hızlıca geliştirmenize yardımcı olmak için doğal reklam şablonları oluşturduk. Yeni şablonlar veya özellikler eklemek için GitHub depomuza katkıda bulunmanızı isteriz. Bize bir pull isteği gönderin. Konuyu inceleyelim.