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

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

Google AdMob原生广告模板

原生广告模板

要点：请先了解如何加载原生广告，然后再继续。

使用原生广告时，您可以对广告进行自定义，以便提供更出色的用户体验。用户体验的改善可以增进用户互动，并提高您的整体收益。

为了充分利用原生广告，一定要重视广告版式的样式设置，使其与您的应用内容浑然一体。为了帮助您顺利上手，我们创建了原生广告模板。

原生广告模板是原生广告的完整代码视图，旨在加快广告植入速度并简化修改过程。借助原生广告模板，您只需几分钟时间即可植入首个原生广告，并可快速自定义广告的外观和风格，而无需编写大量代码。您可以根据需要将这些模板放在任何位置，例如新闻信息流使用的再循环视图中、对话框中或应用中的任何其他位置。

注意：如果您有意从头开始设计自己的原生广告版式，请改为参阅原生高级广告文档。

我们的原生广告模板是作为Android Studio模块提供的，因此您可以轻松将其纳入自己的项目并根据自己的喜好进行使用。

模板尺寸

模板尺寸分为两种：小和中等。两者均使用TemplateView类，且都有固定的宽高比，会进行缩放以采用其父视图的宽度。

小模板

@layout/gnt_small_template_view

小模板非常适合再循环视图，也可以在您需要长方形广告视图时满足您的需求。例如，您可以将其用于信息流广告。

中等模板

@layout/gnt_medium_template_view

中等模板占页面视图的二分之一到四分之三，但也可以在信息流中使用。这种模板很适合用于着陆页或启动页。

您可以随意尝试展示位置。当然，您也可以根据自己的需求更改源代码和XML文件。

安装原生广告模板

要安装原生广告模板，只需下载ZIP文件（使用GitHub上的“克隆”或“下载”选项）并将相应模块导入到现有的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());

}

设置字典键样式

设置模板样式的方法有以下两种：使用传统布局XML或者使用我们的NativeTemplateStyle.Builder对象。以上代码示例演示了如何使用NativeTemplateStyle.Builder对象设置主背景颜色，不过，我们也为您提供了多种其他选项。以下是所有可用的Builder方法。Builder会返回一个NativeTemplateStyle对象，该对象将覆盖任何XML布局样式。对于XML布局gnt_small_template.xml和gnt_medium_template.xml使用的相同Android样式参数，您都已经非常熟悉。

贡献

我们制作了原生广告模板来帮助您快速开发原生广告。期待您为我们的GitHub代码库做出贡献，助力我们增添新的模板和功能。您可以向我们发快递拉取请求，我们将会进行审核。

特别声明：以上文章内容仅代表作者本人观点，不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。