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 gelirinizi 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ış, doğal reklamlarınızın kod açısından eksiksiz görünümleridir. Yerel Şablonlar ile ilk yerel reklamınızı yalnızca birkaç dakika içinde uygulayabilir ve görünümü ve tarzı çok fazla kod yazmadan hızlıca özelleştirebilirsiniz. Bu şablonları istediğiniz yere (ör. haber feed'inde kullanılan bir geri dönüşüm görünümüne, bir iletişim kutusuna veya uygulamanızın başka bir yerine) yerleştirebilirsiniz.
Yerel şablonlarımız Android Studio modülü olarak sunulur. Bu nedenle, bunları projenize eklemek ve istediğiniz şekilde kullanmak kolaydır.
Şablon boyutları
İki şablon vardır: küçük ve orta. İkisi de TemplateView
sınıfını kullanır ve sabit bir en boy oranına sahiptir. Üst görünümlerinin genişliğini dolduracak şekilde ölçeklendirilirler.
Küçük şablon
@layout/gnt_small_template_view
Küçük şablon, geri dönüşümcü görünümleri veya uzun dikdörtgen bir reklam görünümüne ihtiyaç duyduğunuz her zaman için idealdir. Örneğin, feed içi reklamlar için kullanabilirsiniz.
Orta şablon
@layout/gnt_medium_template_view
Orta şablon, yarım ila üç çeyrek sayfa görüntüleme olarak tasarlanmıştır ancak feed'lerde de kullanılabilir. Açılış sayfaları veya karşılama sayfaları için uygundur.
Yerleşimle ilgili denemeler yapabilirsiniz. Elbette kaynak kodu ve XML dosyalarını da gereksinimlerinize göre değiştirebilirsiniz.
Yerel reklam şablonlarını yükleme
Yerel şablonları yüklemek için zip dosyasını indirmeniz (GitHub'da Klonla veya indir seçeneğini kullanarak) ve modülü mevcut Android Studio projenize aktarmanız yeterlidir.
Dosya > Yeni > Modülü İçe Aktar'ı seçin.
nativetemplates
klasörünü seçin.Uygulama düzeyindeki
build.gradle
dosyanıza aşağıdaki satırı ekleyin:dependencies { ... implementation project(':nativetemplates') ... }
Doğal reklam şablonlarını kullanma
Şablonu, diğer görünüm grupları gibi herhangi bir düzen XML dosyasında kullanabilirsiniz.
Şablonları kullanmak iki adımlı bir süreçtir:
Öncelikle şablonu düzeninize eklemeniz gerekir.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" tools:showIn="@layout/activity_main" > <!-- This is your template view --> <com.google.android.ads.nativetemplates.TemplateView android:id="@+id/my_template" <!-- this attribute determines which template is used. The other option is @layout/gnt_medium_template_view --> app:gnt_template_type="@layout/gnt_small_template_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ... </LinearLayout>
Ardından, şablonunuz yüklendiğinde yerel reklamınızı şablonunuza vermeniz gerekir:
MobileAds.initialize(this); AdLoader adLoader = new AdLoader.Builder(this, "ca-app-pub-3940256099942544/2247696110") .forNativeAd(new NativeAd.OnNativeAdLoadedListener() { @Override public void onNativeAdLoaded(NativeAd nativeAd) { NativeTemplateStyle styles = new NativeTemplateStyle.Builder().withMainBackgroundColor(background).build(); TemplateView template = findViewById(R.id.my_template); template.setStyles(styles); template.setNativeAd(nativeAd); } }) .build(); adLoader.loadAd(new AdRequest.Builder().build());
Stil sözlüğü anahtarları
Şablonunuza stil uygulamanın iki yolu vardır: geleneksel düzen XML'sini kullanma ve NativeTemplateStyle.Builder
nesnemizi kullanma. Yukarıdaki kod örneğinde, ana arka plan rengini ayarlamak için NativeTemplateStyle.Builder
nesnesinin nasıl kullanılacağı gösterilmektedir. Ancak başka seçenekler de mevcuttur. Kullanılabilir tüm oluşturucu yöntemleri aşağıda verilmiştir. Oluşturucu, NativeTemplateStyle
nesnesi döndürür. Bu nesne, tüm XML düzeni stilini geçersiz kılar. gnt_small_template.xml
ve gnt_medium_template.xml
XML düzenlerinde, zaten bildiğiniz Android stil parametreleri kullanılır.
Yerel şablon stili için oluşturucu yöntemleri | |
---|---|
withCallToActionTextTypeface
|
Typeface callToActionTextTypeface
Harekete geçirici mesajın yazı tipi. |
withCallToActionTextSize
|
float callToActionTextSize
Harekete geçirici mesaj metninin boyutu. |
withCallToActionTypefaceColor
|
int callToActionTypefaceColor
Harekete geçirici mesaj metninin rengi. |
withCallToActionBackgroundColor
|
ColorDrawable callToActionBackgroundColor
Harekete geçirici mesajın arka plan rengi. |
withPrimaryTextTypeface
|
Typeface primaryTextTypeface
İlk metin satırının yazı tipi. |
withPrimaryTextSize
|
float primaryTextSize
İlk metin satırının boyutu. |
withPrimaryTextTypefaceColor
|
int primaryTextTypefaceColor
Metnin ilk satırının rengi. |
withPrimaryTextBackgroundColor
|
ColorDrawable primaryTextBackgroundColor
İlk metin satırının arka plan rengi. |
withSecondaryTextTypeface
|
Typeface secondaryTextTypeface
İkinci metin satırının yazı tipi. |
withSecondaryTextSize
|
float secondaryTextSize
İkinci metin satırının boyutu. |
withSecondaryTextTypefaceColor
|
int secondaryTextTypefaceColor
İkinci metin satırının metin rengi. |
withSecondaryTextBackgroundColor
|
ColorDrawable secondaryTextBackgroundColor
İkinci metin satırının arka plan rengi. |
withTertiaryTextTypeface
|
Typeface tertiaryTextTypeface
Üçüncü metin satırının yazı tipi. |
withTertiaryTextSize
|
float tertiaryTextSize
Üçüncü metin satırının boyutu. |
withTertiaryTextTypefaceColor
|
int tertiaryTextTypefaceColor
Üçüncü metin satırının metin rengi. |
withTertiaryTextBackgroundColor
|
ColorDrawable tertiaryTextBackgroundColor
Üçüncü metin satırının arka plan rengi. |
withMainBackgroundColor
|
ColorDrawable mainBackgroundColor
Ana arka plan rengi. |
Katkıda bulun
Yerel reklamları hızlı bir şekilde geliştirmenize yardımcı olmak için yerel şablonlar oluşturduk. Yeni şablonlar veya özellikler eklemek için GitHub depomuza katkıda bulunmanızı çok isteriz. Bize bir çekme isteği gönderin, biz de inceleyelim.