Bu sayfa, Cloud Translation API ile çevrilmiştir.

Yerel Şablonlar

Yerel reklamları kullanarak reklamlarınızı özelleştirip daha iyi bir kullanıcı deneyimi sağlayabilirsiniz. Daha iyi kullanıcı deneyimleri, etkileşimi artırabilir ve genel getirinizi artırabilir.

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

Yerel Şablonlar, yerel reklamlarınız için kod tamamlama görünümleridir. Bu görünümler, hızlı uygulama ve kolay değişiklik için tasarlanmıştır. Yerel Şablonlar sayesinde, ilk yerel reklamınızı yalnızca birkaç dakikada uygulayabilir, çok fazla kod olmadan görünümü ve tarzı hızla özelleştirebilirsiniz. Bu şablonları istediğiniz herhangi bir yere (örneğin, haber feed'lerinde kullanılan bir geri dönüşüm aracı görünümünde, iletişim kutularına veya uygulamanızın başka herhangi bir bölümüne) yerleştirebilirsiniz.

Yerel şablonlarımız Android Studio modülü olarak sağlandığı için kolayca projenize eklenebilir ve istediğiniz gibi kullanabilirsiniz.

Şablon boyutları

Küçük ve orta olmak üzere iki şablon vardır. Her ikisi de TemplateView sınıfını kullanır ve her ikisi de sabit bir en boy oranına sahiptir. Üst görüntülemelerin genişliğini dolduracak şekilde ölçeklenirler.

Küçük şablon

@layout/gnt_small_template_view

Küçük şablon, geri dönüştürücüler için veya uzun bir dikdörtgen reklam görünümüne ihtiyaç duyduğunuzda idealdir. Örneğin, feed içi reklamlar için kullanabilirsiniz.

Orta boy şablon

@layout/gnt_medium_template_view

Aracı şablonu, sayfa görüntüleme süresinin yarım ila üç çeyrek arasında olması amaçlanmıştır ancak feed'lerde de kullanılabilir. Açılış sayfaları veya başlangıç sayfaları için idealdir.

Yerleşim ile denemeler yapmaktan çekinmeyin. Elbette kaynak kodu ve XML dosyalarını da gereksinimlerine uygun şekilde değiştirebilirsiniz.

Yerel reklam şablonlarını yükleme

Yerel şablonları yüklemek için zip dosyasını indirmeniz (GitHub'daki Klonlama veya indirme seçeneğini kullanarak) ve modülü mevcut Android Studio projenize aktarmanız yeterlidir.

File > New > Import Module'u (Dosya > Yeni > Modülü İçe Aktar) seçin.
nativetemplates klasörünü seçin.

Aşağıdaki satırı uygulama düzeyindeki build.gradle dosyanıza ekleyin:

dependencies {
        ...
        implementation project(':nativetemplates')
        ...
}

Yerel reklam şablonlarını kullanma

Şablonu, diğer görünüm grupları gibi herhangi bir düzen XML dosyasında kullanabilirsiniz.

düzene şablon ekle

Şablonları kullanmak iki adımlı bir işlemdir:

Önce şablonu düzeninize dahil etmeniz 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, yüklendiğinde şablonunuza yerel reklamınızı vermeniz gerekir:

MobileAds.initialize(this);
AdLoader adLoader = new AdLoader.Builder(this, "/6499/example/native")
    .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 AdManagerAdRequest.Builder().build());

Stiller sözlüğü tuşları

Şablonunuzu şekillendirmenin iki yolu vardır: Geleneksel düzen XML'sini kullanmak ve NativeTemplateStyle.Builder nesnemizi kullanmak. Yukarıdaki kod örneği, ana arka plan rengini ayarlamak için NativeTemplateStyle.Builder nesnesinin nasıl kullanılacağını gösterir ancak başka seçenekler de vardır. Sunulan tüm oluşturma yöntemlerini burada bulabilirsiniz. Derleyici, XML düzen stillerini geçersiz kılan bir NativeTemplateStyle nesnesi döndürür. gnt_small_template.xml ve gnt_medium_template.xml XML düzenleri zaten alışık olduğunuz Android stil parametrelerini kullanır.

Yerel şablon stili için oluşturma 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` Metnin ilk satırının yazı tipi.
`withPrimaryTextSize`	`float primaryTextSize` Metnin ilk satırının boyutu.
`withPrimaryTextTypefaceColor`	`int primaryTextTypefaceColor` Metnin ilk satırının rengi.
`withPrimaryTextBackgroundColor`	`ColorDrawable primaryTextBackgroundColor` Metnin ilk satırının arka plan rengi.
`withSecondaryTextTypeface`	`Typeface secondaryTextTypeface` Metnin ikinci satırının yazı tipi.
`withSecondaryTextSize`	`float secondaryTextSize` Metnin ikinci satırının boyutu.
`withSecondaryTextTypefaceColor`	`int secondaryTextTypefaceColor` Metnin ikinci satırının metin rengi.
`withSecondaryTextBackgroundColor`	`ColorDrawable secondaryTextBackgroundColor` Metnin ikinci satırının arka plan rengi.
`withTertiaryTextTypeface`	`Typeface tertiaryTextTypeface` Metnin üçüncü 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` Metnin üçüncü satırının arka plan rengi.
`withMainBackgroundColor`	`ColorDrawable mainBackgroundColor` Ana arka plan rengi.

Katkıda bulun

Hızlıca yerel reklamlar geliştirmenize yardımcı olmak için Yerel Şablonlar'ı tasarladık. Yeni şablonlar veya özellikler eklemek için GitHub depomuza katkıda bulunduğunuzu görmek isteriz. Bize bir pull isteği gönderirseniz göz atalım.