Template Native

Download Template Native

Poin Penting: Sebelum melanjutkan, ketahui cara memuat native .

Dengan menggunakan iklan native, Anda dapat menyesuaikan iklan sehingga menghasilkan pengguna yang lebih baik pengalaman yang lancar bagi developer. Pengalaman pengguna yang lebih baik dapat meningkatkan engagement dan memperbaiki hasil keseluruhan.

Untuk mendapatkan hasil maksimal dari iklan native, penting untuk memberi gaya pada iklan Anda tertentu sehingga mereka terasa seperti kepanjangan alami dari aplikasi Anda. Untuk membantu Anda memulai, kita telah membuat Template Native.

Template Native adalah tampilan pelengkapan kode untuk iklan native Anda, yang didesain untuk implementasi dan mudah dimodifikasi. Dengan Template Native, Anda dapat menerapkan iklan native pertama Anda hanya dalam beberapa menit, dan Anda dapat dengan cepat menyesuaikan tampilan dan nuansa tanpa banyak kode. Anda dapat menempatkan {i>template<i} ini di mana pun Anda inginkan, seperti dalam TableView yang digunakan dalam feed berita, dalam dialog, atau di mana pun dalam aplikasi Anda.

Catatan: Jika Anda tertarik untuk mendesain tata letak native dari awal, kembali ke Native Advanced dokumentasi lain.

Panduan ini akan menunjukkan cara mendownload, menyertakan, dan menggunakan Template Native di aplikasi iOS Anda. Tutorial ini mengasumsikan bahwa Anda telah berhasil menggunakan SDK untuk memuat iklan native.

Ukuran template

Ada dua ukuran template: kecil dan sedang. Setiap {i>template<i} diwakili oleh class. Class-nya adalah GADTSmallTemplateView dan GADTMediumTemplateView. Kedua class memperluas GADTTemplateView. Keduanya template memiliki rasio aspek tetap, yang akan diskalakan untuk mengisi lebar tampilan induknya hanya jika Anda memanggil addHorizontalConstraintsToSuperviewWidth. Jika Anda tidak memanggil addHorizontalConstraintsToSuperviewWidth, setiap template akan merender ukuran defaultnya.

GADTSmallTemplateView

Template kecil ini ideal untuk sel UICollectionView atau UITableView. Sebagai Anda dapat menggunakannya untuk iklan Dalam Feed, atau di mana pun Anda membutuhkan tampilan iklan persegi panjang. Ukuran default template ini adalah 91 poin, tinggi 355 poin, poin lebar.

GADTMediumTemplateView

{i>Template <i}media dibuat dari 1/2 hingga 3/4 halaman. Ini bagus untuk halaman landing atau pembuka, tetapi juga dapat disertakan dalam UITableViews. Tujuan ukuran default template ini adalah tinggi 370 poin dan lebar 355 poin.

Semua template kami mendukung tata letak otomatis, jadi jangan ragu untuk bereksperimen dengan penempatan. Tentu saja, Anda juga dapat mengubah kode sumber dan file xib menjadi untuk memenuhi kebutuhan Anda.

Menginstal template iklan native

Untuk menginstal Template Native, cukup unduh {i>zip<i} dan seret ke dalam Xcode. Pastikan Anda mencentang Salin item jika diperlukan.

Menggunakan template iklan native

Setelah Anda menambahkan folder ke project Anda dan menyertakan class yang relevan di {i>file<i} Anda, ikuti resep ini untuk menggunakan {i>template<i}. Perhatikan bahwa satu-satunya cara mengubah properti {i>font<i} dan {i>style<i} adalah menggunakan kamus {i>style<i}—kita mengganti gaya apa pun yang diatur di xib itu sendiri.

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

Menata gaya tombol kamus

Cara tercepat untuk menyesuaikan template Anda adalah dengan membuat kamus dengan kunci berikut:

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;

FAQ

Mengapa saya mendapatkan pengecualian saat mencoba membuat instance objek template?

Ini dapat terjadi jika Anda telah mengubah ukuran tampilan di file xib, tetapi belum mengubah ukuran frame yang dibuat di "penyiapan" dari subclass.

Bagaimana cara menyesuaikan template ini lebih lanjut?

Template ini hanya xib dengan objek tampilan terkait, seperti yang lainnya xib dan class tampilan kustom yang mungkin akan Anda gunakan dari pengembangan iOS. Jika Anda memilih membuat iklan native dari awal, lihat Panduan Native Advanced.

Mengapa gaya saya tidak diperbarui ketika saya menyetelnya di xib?

Saat ini kami mengganti semua gaya xib dengan kamus gaya default di GADTTemplateView.m.

Kontribusi

Kami telah membuat Template Native untuk membantu Anda mengembangkan iklan native dengan cepat. Kami ingin melihat kontribusi Anda pada GitHub untuk menambahkan template atau fitur baru. Kirimkan permintaan pull dan kami akan mengambil lihat.