Style natywne

Wybierz platformę: Android iOS Flutter

Ustawienia stylu natywnego umożliwiają usłudze Google Ad Manager renderowanie reklam natywnych na podstawie stylów natywnych określonych w danej usłudze. Najpierw określ rozmiar i kierowanie. Następnie dodaj kod HTML, CSS i JavaScript, aby zdefiniować reklamy elastyczne, które będą się wyświetlać w wysokiej jakości na wszystkich ekranach. Nie musisz niczego renderować. Ad Manager automatycznie zastosuje odpowiedni styl natywny w miejscu docelowym. Style natywne są implementowane tak samo jak banery reklamowe. Są one renderowane w elastycznym rozmiarze reklamy określanym w czasie działania lub w ustalonym z wyprzedzeniem stałym rozmiarze reklamy.

Wymagania wstępne

Rozmiar elastyczny

W interfejsie Ad Managera możesz użyć elastycznego rozmiaru reklamy, aby uzyskać reklamę, która będzie dynamicznie dopasowywać się do treści. Dzięki temu ustawieniu szerokość reklamy będzie dopasowywać się do zawartości aplikacji, a jej wysokość będzie określana w czasie wykonywania na podstawie zawartości reklamy. Pakiet SDK udostępnia specjalną stałą AdSize – FLUID – która obsługuje takie zastosowania. Wysokość reklamy o rozmiarze elastycznym jest określana dynamicznie na podstawie szerokości zdefiniowanej przez wydawcę, co pozwala dostosować wysokość widoku reklamy do wysokości kreacji.

Tworzenie żądania reklamy elastycznej

W odróżnieniu od innych formatów reklam rozmiar elastyczny nie ma zdefiniowanej szerokości, więc w pliku układu XML musisz wyraźnie ustawić layout_width elementu AdManagerAdView:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

Oto jak wygląda implementacja żądania reklamy:

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);
NativeStylesSnippets.java

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)
NativeStylesSnippets.kt

Stały rozmiar

Style natywne o stałym rozmiarze umożliwiają kontrolowanie szerokości i wysokości reklamy natywnej. Aby ustawić stały rozmiar, wykonaj te czynności:

  1. Utwórz element zamówienia w interfejsie Ad Managera i wybierz jeden ze wstępnie zdefiniowanych rozmiarów z menu w polu Size.

  2. W pliku układu XML aplikacji ustaw atrybut ads:adSize na stałą odpowiadającą wstępnie zdefiniowanemu rozmiarowi wybranemu w kroku 1. Listę rozmiarów i odpowiadających im stałych AdSize znajdziesz w sekcji Stały rozmiar.

Oto przykład określania stałego rozmiaru, np. rozmiaru reklamy MEDIUM_RECTANGLE (300 x 250), w pliku układu:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />