Google AdMob原生廣告模板,google 效果最大化廣告系列-ESG跨境

Google AdMob原生廣告模板,google 效果最大化廣告系列

Google AdMob原生廣告模板

原生廣告模板

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

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

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

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

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

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

模板尺寸

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

小模板

@layout/gnt_small_template_view

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

中等模板

@layout/gnt_medium_template_view

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

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

安裝原生廣告模板

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

1.依次選擇FileNewImport Module。

2.選擇nativetemplates文件夾。

3.向您的應用級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/resauto

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

MobileAds.initialize(this, [_appid_]);

AdLoader adLoader = new AdLoader.Builder(this, [_adunitid_])

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

}

設置字典鍵樣式

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

貢獻

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

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發(fā)表后的30日內與ESG跨境電商聯(lián)系。