Yerel Şablonlar

Platform seçin: Android iOS Flutter

Yerel Şablonları İndirme

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.

  1. Dosya > Yeni > Modülü İçe Aktar'ı seçin.

  2. nativetemplates klasörünü seçin.

    yerel şablonu içe aktarma

  3. 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.

düzene şablon ekleme

Şablonları kullanmak iki adımlı bir süreçtir:

  1. Ö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>
    
  2. 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.