หน้านี้ได้รับการแปลโดย Cloud Translation API

เทมเพลตเนทีฟ

การใช้โฆษณาเนทีฟช่วยให้คุณปรับแต่งโฆษณาได้ตามที่ต้องการซึ่งทำให้ผู้ใช้ได้รับประสบการณ์ที่ดีขึ้น ประสบการณ์ของผู้ใช้ที่ดีขึ้นจะช่วยเพิ่มการมีส่วนร่วมและเพิ่มผลตอบแทนโดยรวม

เพื่อให้ได้รับประโยชน์สูงสุดจากโฆษณาเนทีฟ คุณต้องจัดรูปแบบการออกแบบโฆษณาให้เหมือนส่วนขยายที่เป็นธรรมชาติของแอป เราจึงสร้างเทมเพลตเนทีฟไว้เพื่อช่วยคุณเริ่มต้นใช้งาน

เทมเพลตเนทีฟเป็นมุมมองที่ใช้โค้ดได้สมบูรณ์สำหรับโฆษณาเนทีฟ ออกแบบมาเพื่อการใช้งานที่รวดเร็วและแก้ไขได้ง่าย เทมเพลตเนทีฟช่วยให้คุณนำโฆษณาเนทีฟรายการแรกไปใช้งานได้ในไม่กี่นาที ทั้งยังปรับแต่งรูปลักษณ์ได้อย่างรวดเร็วโดยไม่ต้องใช้โค้ดมากมาย คุณสามารถวางเทมเพลตเหล่านี้ไว้ที่ใดก็ได้ที่ต้องการ เช่น ในมุมมองนักรีไซเคิลที่ใช้ในฟีดข่าว ในกล่องโต้ตอบ หรือที่อื่นๆ ในแอป

เทมเพลตเนทีฟของเรามีให้ในรูปแบบโมดูล Android Studio คุณจึงใส่เทมเพลตเหล่านี้ในโปรเจ็กต์และนำไปใช้ได้ตามต้องการ

ขนาดเทมเพลต

เทมเพลตมี 2 แบบ ได้แก่ ขนาดเล็กและขนาดกลาง ทั้งคู่ใช้คลาส TemplateView และมีสัดส่วนภาพคงที่ ซึ่งจะปรับขนาดให้พอดีกับ ความกว้างของมุมมองของผู้ปกครอง

เทมเพลตขนาดเล็ก

@layout/gnt_small_template_view

เทมเพลตขนาดเล็กนี้เหมาะสำหรับมุมมองนักรีไซเคิล หรือเมื่อใดก็ตามที่คุณต้องการมุมมองโฆษณาทรงสี่เหลี่ยมผืนผ้ายาว เช่น ใช้สำหรับโฆษณาในฟีด

เทมเพลตสื่อ

@layout/gnt_medium_template_view

เทมเพลตสื่อควรเป็นการดูหน้าเว็บ 1 ถึง 3 ใน 4 ส่วน แต่สามารถใช้ในฟีดได้ด้วย ซึ่งเหมาะสำหรับหน้า Landing Page หรือหน้าแนะนำ

ทดสอบตำแหน่งได้ตามต้องการ นอกจากนี้คุณยังเปลี่ยนซอร์สโค้ดและไฟล์ XML ให้เหมาะกับความต้องการได้

การติดตั้งเทมเพลตโฆษณาเนทีฟ

หากต้องการติดตั้งเทมเพลตเนทีฟ เพียงดาวน์โหลดไฟล์ ZIP (โดยใช้ตัวเลือกโคลนหรือดาวน์โหลดใน GitHub) และนำเข้าโมดูลลงในโปรเจ็กต์ Android Studio ที่มีอยู่

เลือก File > New > Import Module
เลือกโฟลเดอร์ nativetemplates
เพิ่มบรรทัดต่อไปนี้ลงในไฟล์ build.gradle ระดับแอป
```
dependencies {
        ...
        implementation project(':nativetemplates')
        ...
}
```

การใช้เทมเพลตโฆษณาเนทีฟ

คุณจะใช้เทมเพลตในไฟล์ XML ของเลย์เอาต์ใดก็ได้ เช่นเดียวกับกลุ่มมุมมองอื่นๆ

เพิ่มเทมเพลตในเลย์เอาต์

การใช้เทมเพลตมี 2 ขั้นตอนดังนี้

ขั้นแรก คุณต้องรวมเทมเพลตเป็นส่วนหนึ่งของเลย์เอาต์ของคุณ

<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>

ขั้นต่อไป คุณต้องกำหนดโฆษณาเนทีฟให้แก่เทมเพลตเมื่อโหลดขึ้นมา ดังนี้

MobileAds.initialize(this);
AdLoader adLoader = new AdLoader.Builder(this, "/6499/example/native")
    .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 AdManagerAdRequest.Builder().build());

คีย์พจนานุกรมรูปแบบ

การจัดรูปแบบเทมเพลตมี 2 วิธี ได้แก่ การใช้ XML เลย์เอาต์แบบดั้งเดิมและการใช้ออบเจ็กต์ NativeTemplateStyle.Builder ตัวอย่างโค้ดด้านบนแสดงให้เห็นวิธีใช้ออบเจ็กต์ NativeTemplateStyle.Builder เพื่อกำหนดสีพื้นหลังหลัก แต่ก็มีตัวเลือกอีกมากมายด้วยเช่นกัน ต่อไปนี้คือวิธีการสร้าง ทั้งหมดที่มีให้เลือก เครื่องมือสร้างจะแสดงออบเจ็กต์ NativeTemplateStyle ซึ่งจะลบล้างการจัดรูปแบบเลย์เอาต์ XML เลย์เอาต์ XML gnt_small_template.xml และ gnt_medium_template.xml ใช้พารามิเตอร์การจัดรูปแบบ Android เดียวกับที่คุณคุ้นเคยอยู่แล้ว

เมธอดของเครื่องมือสร้างสำหรับรูปแบบเทมเพลตโฆษณาเนทีฟ
`withCallToActionTextTypeface`	`Typeface callToActionTextTypeface` แบบอักษรของคำกระตุ้นให้ดำเนินการ
`withCallToActionTextSize`	`float callToActionTextSize` ขนาดของข้อความกระตุ้นการตัดสินใจ
`withCallToActionTypefaceColor`	`int callToActionTypefaceColor` สีของข้อความกระตุ้นการตัดสินใจ
`withCallToActionBackgroundColor`	`ColorDrawable callToActionBackgroundColor` สีพื้นหลังของคำกระตุ้นให้ดำเนินการ
`withPrimaryTextTypeface`	`Typeface primaryTextTypeface` แบบตัวพิมพ์ของข้อความแถวแรก
`withPrimaryTextSize`	`float primaryTextSize` ขนาดของข้อความแถวแรก
`withPrimaryTextTypefaceColor`	`int primaryTextTypefaceColor` สีของข้อความแถวแรก
`withPrimaryTextBackgroundColor`	`ColorDrawable primaryTextBackgroundColor` สีพื้นหลังของข้อความแถวแรก
`withSecondaryTextTypeface`	`Typeface secondaryTextTypeface` แบบตัวพิมพ์ของข้อความแถวที่ 2
`withSecondaryTextSize`	`float secondaryTextSize` ขนาดของข้อความแถวที่ 2
`withSecondaryTextTypefaceColor`	`int secondaryTextTypefaceColor` สีข้อความของแถวที่สอง
`withSecondaryTextBackgroundColor`	`ColorDrawable secondaryTextBackgroundColor` สีพื้นหลังของข้อความแถวที่สอง
`withTertiaryTextTypeface`	`Typeface tertiaryTextTypeface` แบบตัวพิมพ์ของข้อความแถวที่ 3
`withTertiaryTextSize`	`float tertiaryTextSize` ขนาดของข้อความแถวที่ 3
`withTertiaryTextTypefaceColor`	`int tertiaryTextTypefaceColor` สีข้อความของแถวที่ 3 ของข้อความ
`withTertiaryTextBackgroundColor`	`ColorDrawable tertiaryTextBackgroundColor` สีพื้นหลังของข้อความแถวที่ 3
`withMainBackgroundColor`	`ColorDrawable mainBackgroundColor` สีพื้นหลังหลัก

มีส่วนร่วม

เราได้สร้างเทมเพลตเนทีฟเพื่อช่วยให้คุณพัฒนาโฆษณาเนทีฟได้อย่างรวดเร็ว เราอยากเห็นคุณมีส่วนร่วมในที่เก็บ GitHub ของเราเพื่อเพิ่มเทมเพลตหรือฟีเจอร์ใหม่ๆ ส่งคำขอพุลถึงเรา แล้วเราจะตรวจสอบให้