Google AdMob原生廣告模板

原生廣告模板

要點：請先了解如何加載原生廣告，然后再繼續(xù)。

使用原生廣告時，您可以對廣告進行自定義，以便提供更出色的用戶體驗。用戶體驗的改善可以增進用戶互動，并提高您的整體收益。

為了充分利用原生廣告，一定要重視廣告版式的樣式設(shè)置，使其與您的應(yīng)用內(nèi)容渾然一體。為了幫助您順利上手，我們創(chuàng)建了原生廣告模板。

原生廣告模板是原生廣告的完整代碼視圖，旨在加快廣告植入速度并簡化修改過程。借助原生廣告模板，您只需幾分鐘時間即可植入首個原生廣告，并可快速自定義廣告的外觀和風(fēng)格，而無需編寫大量代碼。您可以根據(jù)需要將這些模板放在任何位置，例如新聞信息流使用的再循環(huán)視圖中、對話框中或應(yīng)用中的任何其他位置。

注意：如果您有意從頭開始設(shè)計自己的原生廣告版式，請改為參閱原生高級廣告文檔。

我們的原生廣告模板是作為Android Studio模塊提供的，因此您可以輕松將其納入自己的項目并根據(jù)自己的喜好進行使用。

模板尺寸

模板尺寸分為兩種：小和中等。兩者均使用TemplateView類，且都有固定的寬高比，會進行縮放以采用其父視圖的寬度。

小模板

@layout/gnt_small_template_view

小模板非常適合再循環(huán)視圖，也可以在您需要長方形廣告視圖時滿足您的需求。例如，您可以將其用于信息流廣告。

中等模板

@layout/gnt_medium_template_view

中等模板占頁面視圖的二分之一到四分之三，但也可以在信息流中使用。這種模板很適合用于著陸頁或啟動頁。

您可以隨意嘗試展示位置。當(dāng)然，您也可以根據(jù)自己的需求更改源代碼和XML文件。

安裝原生廣告模板

要安裝原生廣告模板，只需下載ZIP文件（使用GitHub上的“克隆”或“下載”選項）并將相應(yīng)模塊導(dǎo)入到現(xiàn)有的Android Studio項目中即可。

1.依次選擇File>New>Import Module。

2.選擇nativetemplates文件夾。

3.向您的應(yīng)用級build.gradle文件中添加下面這行代碼：

dependencies {

        ...

        implementation project(':nativetemplates')

        ...

}

使用原生廣告模板

與任何其他視圖組一樣，您可以在任何XML布局文件中使用該模板。

使用模板的過程分為兩個步驟：

1.首先，您需要將模板添加為布局的一部分。

<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.接下來，您需要在加載模板時提供相應(yīng)的原生廣告信息：

MobileAds.initialize(this, "[_app-id_]");

 AdLoader adLoader = new AdLoader.Builder(this, "[_ad-unit-id_]")

     .forUnifiedNativeAd(new UnifiedNativeAd.OnUnifiedNativeAdLoadedListener() {

       @Override

       public void onUnifiedNativeAdLoaded(UnifiedNativeAd unifiedNativeAd) {

          NativeTemplateStyle styles = new

              NativeTemplateStyle.Builder().withMainBackgroundColor(background).build();

          TemplateView template = findViewById(R.id.my_template);

          template.setStyles(styles);

          template.setNativeAd(unifiedNativeAd);

        }

     })

     .build();

   adLoader.loadAd(new AdRequest.Builder().build());

}

設(shè)置字典鍵樣式

設(shè)置模板樣式的方法有以下兩種：使用傳統(tǒng)布局XML或者使用我們的NativeTemplateStyle.Builder對象。以上代碼示例演示了如何使用NativeTemplateStyle.Builder對象設(shè)置主背景顏色，不過，我們也為您提供了多種其他選項。以下是所有可用的Builder方法。Builder會返回一個NativeTemplateStyle對象，該對象將覆蓋任何XML布局樣式。對于XML布局gnt_small_template.xml和gnt_medium_template.xml使用的相同Android樣式參數(shù)，您都已經(jīng)非常熟悉。

貢獻

我們制作了原生廣告模板來幫助您快速開發(fā)原生廣告。期待您為我們的GitHub代碼庫做出貢獻，助力我們增添新的模板和功能。您可以向我們發(fā)送拉取請求，我們將會進行審核。