Szablony natywne

Pobieranie szablonów natywnych

Dzięki reklamom natywnym możesz dostosowywać reklamy, co przekłada się na lepsze wrażenia użytkowników. Lepsze wrażenia użytkowników mogą zwiększyć zaangażowanie i poprawić ogólne zyski.

Aby w pełni wykorzystać potencjał reklam natywnych, ważne jest, aby dostosować układy reklam tak, aby stanowiły naturalne rozszerzenie aplikacji. Aby ułatwić Ci rozpoczęcie pracy, utworzyliśmy szablony reklam natywnych.

Szablony natywne to gotowe widoki kodu reklam natywnych, które zostały zaprojektowane z myślą o szybkiej implementacji i łatwej modyfikacji. Dzięki szablonom reklam natywnych możesz wdrożyć pierwszą reklamę natywną w ciągu kilku minut i szybko dostosować jej wygląd bez konieczności pisania dużej ilości kodu. Możesz umieścić te szablony w dowolnym miejscu, np. w widoku cyklicznym używanym w kanale informacyjnym, w oknie lub w innym miejscu w aplikacji.

Nasze natywne szablony są udostępniane jako moduł Android Studio, więc możesz je łatwo uwzględnić w projekcie i używać w dowolny sposób.

Rozmiary szablonów

Dostępne są 2 szablony: mały i średni. Oba elementy używają klasy TemplateView i mają stały format obrazu. Będą one skalowane tak, aby wypełniały szerokość widoków nadrzędnych.

Mały szablon

@layout/gnt_small_template_view

Mały szablon idealnie nadaje się do widoków recyklera lub w sytuacjach, gdy potrzebujesz długiego prostokątnego widoku reklamy. Możesz na przykład używać go w przypadku reklam In-Feed.

Szablon średni

@layout/gnt_medium_template_view

Szablon średni jest przeznaczony do wyświetlania na połowie lub trzech czwartych strony, ale może być też używany w pliku danych. Jest to dobre rozwiązanie w przypadku stron docelowych lub stron powitalnych.

Możesz eksperymentować z miejscem docelowym. Oczywiście możesz też zmienić kod źródłowy i pliki XML, aby dostosować je do swoich potrzeb.

Instalowanie szablonów reklam natywnych

Aby zainstalować szablony natywne, po prostu pobierz plik ZIP (korzystając z opcji Sklonuj lub pobierz na GitHubie) i zaimportuj moduł do istniejącego projektu w Android Studio.

1. Wybierz Plik > Nowy > Zaimportuj moduł.

2. Wybierz folder nativetemplates.

   

3. Dodaj ten wiersz do pliku build.gradle na poziomie aplikacji:

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

Korzystanie z szablonów reklam natywnych

Możesz użyć szablonu w dowolnym pliku XML układu, tak jak w przypadku dowolnej grupy widoków.

Korzystanie z szablonów to proces dwuetapowy:

1. Najpierw musisz uwzględnić szablon w układzie.

   <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. Następnie musisz przekazać szablonowi reklamę natywną, gdy się ona wczyta:

   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());
   

Klucze słownika stylów

Szablon możesz dostosować na 2 sposoby: za pomocą tradycyjnego kodu XML układu i za pomocą obiektu NativeTemplateStyle.Builder. Powyższy przykładowy kod pokazuje, jak użyć obiektu NativeTemplateStyle.Builder do ustawienia głównego koloru tła, ale dostępnych jest też wiele innych opcji. Oto wszystkie dostępne metody tworzenia. Konstruktor zwraca obiekt NativeTemplateStyle, który zastępuje stylizację układu XML. Układy XML gnt_small_template.xml i gnt_medium_template.xml korzystają z tych samych parametrów stylów Androida, które już znasz.

Publikuj

Przygotowaliśmy szablony reklam natywnych, które pomogą Ci szybko tworzyć takie reklamy. Zachęcamy do dodawania nowych szablonów i funkcji w naszym repozytorium GitHub. Wyślij nam prośbę o pobranie danych, a my ją sprawdzimy.