Reklam düzenlerini doğal şablonlarla tasarlama

Doğal Şablonları İndirme

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

Doğal reklamlardan en iyi şekilde yararlanmak için reklam düzenlerinizi uygulamanızın doğal bir uzantısı gibi hissettirecek şekilde tasarlamanız önemlidir. Başlamanıza yardımcı olmak için doğal ş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. Doğal Şablonlar sayesinde ilk doğal reklamınızı yalnızca birkaç dakika içinde uygulayabilir ve çok fazla kod kullanmadan görünüm ve tarzını hızlıca özelleştirebilirsiniz. Bu şablonları istediğiniz yere (ör. haber özet akışında 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.

Doğal şablonlarımız Android Studio modülü olarak sunulduğundan bunları projenize dahil etmek ve dilediğiniz gibi kullanmak kolaydır.

Şablon boyutları

Küçük ve orta olmak üzere iki şablon vardır. İkisi de TemplateView sınıfını kullanır ve sabit en boy oranına sahiptir. Ebeveyn görünümlerinin genişliğini dolduracak şekilde ölçeklenirler.

Küçük şablon

@layout/gnt_small_template_view

Küçük şablon, geri dönüşüm görüntülemeleri veya uzun dikdörtgen reklam görüntülemesi gerektiğinde idealdir. Örneğin, feed içi reklamlar için kullanabilirsiniz.

Orta şablon

@layout/gnt_medium_template_view

Orta şablon, yarım sayfa ile üç çeyrek sayfa görüntüleme için 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 kodunu ve XML dosyalarını da ihtiyaçlarınıza göre değiştirebilirsiniz.

Doğal reklam şablonlarını yükleme

Doğal reklam şablonlarını yüklemek için zip dosyasını indirmeniz (GitHub'daki Clone or download 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.

   

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.

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

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

2. 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'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 çeşitli başka seçenekler de mevcuttur. Kullanılabilir tüm oluşturucu yöntemleri aşağıda verilmiştir. Oluşturucu, tüm 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 bildiğiniz Android stil parametrelerini kullanır.

Katkıda bulun

Doğal reklamları hızlı bir şekilde 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ı çok isteriz. Bize bir pull isteği gönderin, inceleyelim.