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

Yerel Şablonlar

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 getirinizi 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ış, yerel reklamlarınız için kodla tamamlanmış görünümlerdir. Yerel şablonlar sayesinde ilk yerel reklamınızı sadece birkaç dakikada uygulayabilir ve çok fazla kod yazmadan görünümünü ve tarzını hızlıca özelleştirebilirsiniz. Bu şablonları istediğiniz yere (ör. bir haber özet akışında kullanılan bir geri dönüştürücü görünümüne, bir iletişim kutusuna veya uygulamanızdaki başka bir yere) yerleştirebilirsiniz.

Yerel şablonlarımız Android Studio modülü olarak sağlandığından bunları projenize eklemek ve istediğiniz gibi kullanmak kolaydır.

Şablon boyutları

İki şablon vardır: küçük ve orta. Her ikisi de TemplateView sınıfını kullanır ve sabit bir en boy oranına sahiptir. Bu öğeler, üst görünümlerinin genişliğini dolduracak şekilde ölçeklendirilir.

Küçük şablon

@layout/gnt_small_template_view

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

Orta şablon

@layout/gnt_medium_template_view

Orta şablon, yarıdan üç çeyreğe kadar sayfa görüntüleme için tasarlanmıştır ancak feed'lerde de kullanılabilir. Açılış sayfaları veya açılış sayfaları için iyidir.

Yerleşim konusunda denemeler yapabilirsiniz. Elbette kaynak kodunu ve XML dosyalarını ihtiyaçlarınıza göre değiştirebilirsiniz.

Yerel reklam şablonlarını yükleme

Yerel şablonları yüklemek için GitHub'daki Kopyala veya indir seçeneğini kullanarak zip dosyasını indirin ve modülü mevcut Android Studio projenize aktarın.

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 tüm görüntüleme grupları gibi herhangi bir düzen XML dosyasında kullanabilirsiniz.

şablonu düzene ekleme

Şablonları kullanmak iki adımdan oluşur:

Öncelikle ş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, şablonunuza yüklendiğinde doğal reklamınızı 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'ini 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. Bununla birlikte, çeşitli başka seçenekler de vardır. Kullanılabilir tüm oluşturucu yöntemleri aşağıda verilmiştir. Oluşturucu, tüm XML düzen stilini geçersiz kılan bir NativeTemplateStyle nesnesi döndürür. gnt_small_template.xml ve gnt_medium_template.xml XML düzenleri, aşina olduğunuz Android stil parametrelerini kullanı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` İlk metin 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ü satırdaki metnin 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ıca geliştirmenize yardımcı olmak için doğal reklam şablonları oluşturduk. Yeni şablonlar veya özellikler eklemek için GitHub depomuza katkıda bulunmanızı isteriz. Bize bir pull isteği gönderin. Konuyu inceleyelim.