Dengan menggunakan iklan native, Anda dapat menyesuaikan iklan sehingga menghasilkan pengalaman pengguna yang lebih baik. Pengalaman pengguna yang lebih baik dapat meningkatkan engagement dan meningkatkan hasil keseluruhan Anda.
Untuk mendapatkan hasil maksimal dari iklan native, penting untuk menata gaya tata letak iklan agar terasa seperti ekstensi alami aplikasi Anda. Untuk membantu Anda memulai, kami telah membuat Template Native.
Template Native adalah tampilan lengkap kode untuk iklan native Anda, yang dirancang untuk implementasi cepat dan modifikasi mudah. Dengan Template Native, Anda dapat menerapkan iklan native pertama dalam beberapa menit saja, dan Anda dapat menyesuaikan tampilan dengan cepat tanpa banyak kode. Anda dapat menempatkan template ini di mana saja, seperti di TableView yang digunakan dalam feed berita, dalam dialog, atau di tempat lain dalam aplikasi Anda.
Panduan ini akan menunjukkan cara mendownload, menyertakan, dan menggunakan Template Native di aplikasi iOS. Panduan ini mengasumsikan bahwa Anda telah berhasil menggunakan SDK untuk memuat iklan native.
Ukuran template
Ada dua ukuran template: kecil dan sedang. Setiap template diwakili oleh class. Class-nya adalah GADTSmallTemplateView dan GADTMediumTemplateView. Kedua class memperluas GADTTemplateView. Kedua 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 default-nya.
GADTSmallTemplateView
Template kecil ideal untuk sel UICollectionView atau UITableView. Misalnya, Anda dapat menggunakannya untuk iklan dalam feed, atau di mana pun Anda memerlukan tampilan iklan persegi panjang tipis. Ukuran default template ini adalah tinggi 91 poin dan lebar 355 poin.

GADTMediumTemplateView
Template sedang dimaksudkan untuk menjadi tampilan 1/2 hingga 3/4 halaman. Template ini cocok untuk halaman landing atau halaman pembuka, tetapi juga dapat disertakan dalam UITableViews. 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 agar sesuai dengan persyaratan Anda.
Menginstal template iklan native
Untuk menginstal Template Native, cukup download zip dan seret ke project Xcode Anda. Pastikan Anda mencentang Salin item jika diperlukan.

Menggunakan template iklan native
Setelah menambahkan folder ke project dan menyertakan class yang relevan dalam file, ikuti resep ini untuk menggunakan template. Perhatikan bahwa satu-satunya cara untuk mengubah properti font dan gaya adalah menggunakan kamus gaya—saat ini kami mengganti gaya apa pun yang ditetapkan dalam 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];
Kunci kamus gaya
Cara tercepat untuk menyesuaikan template adalah 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?
- Hal ini dapat terjadi jika Anda telah mengubah ukuran tampilan dalam file xib tetapi belum mengubah ukuran frame yang dibuat dalam metode "penyiapan" sub-class.
- Bagaimana cara menyesuaikan template ini lebih lanjut?
- Template ini hanyalah xib dengan objek tampilan terkait, seperti class xib dan tampilan kustom lainnya yang mungkin biasa Anda gunakan dari pengembangan iOS. Jika Anda lebih suka membuat iklan native dari awal, lihat panduan Native Lanjutan kami.
- Mengapa gaya saya tidak diperbarui saat saya menetapkannya di xib?
- Saat ini, kami mengganti semua gaya xib dengan kamus gaya default di
GADTTemplateView.m.
Beri kontribusi
Kami telah membuat Template Native untuk membantu Anda mengembangkan iklan native dengan cepat. Kami ingin Anda berkontribusi ke GitHub GitHub kami untuk menambahkan template atau fitur baru. Kirimkan permintaan pull kepada kami dan kami akan memeriksanya.