การใช้โฆษณาเนทีฟช่วยให้คุณปรับแต่งโฆษณาได้ ซึ่งจะส่งผลให้ผู้ใช้ได้รับประสบการณ์
การใช้งานที่ดีขึ้น ประสบการณ์ของผู้ใช้ที่ดีขึ้นจะช่วยเพิ่มการมีส่วนร่วมและปรับปรุงผลตอบแทนโดยรวม
เพื่อให้ได้รับประโยชน์สูงสุดจากโฆษณาเนทีฟ คุณควรจัดรูปแบบเลย์เอาต์โฆษณา เพื่อให้ดูเหมือนเป็นส่วนขยายตามธรรมชาติของแอป เราได้สร้างเทมเพลตโฆษณาเนทีฟเพื่อช่วยคุณเริ่มต้นใช้งาน
เทมเพลตเนทีฟคือมุมมองที่สมบูรณ์ของโค้ดสำหรับโฆษณาเนทีฟ ซึ่งออกแบบมาเพื่อการติดตั้งใช้งานที่รวดเร็ว และการแก้ไขที่ง่ายดาย เทมเพลตโฆษณาเนทีฟช่วยให้คุณติดตั้งใช้งาน โฆษณาเนทีฟแรกได้ในเวลาไม่กี่นาที และปรับแต่ง รูปลักษณ์ได้อย่างรวดเร็วโดยไม่ต้องใช้โค้ดมากนัก คุณวางเทมเพลตเหล่านี้ได้ทุกที่ที่ต้องการ เช่น ใน RecyclerView ที่ใช้ในฟีดข่าว ในกล่องโต้ตอบ หรือที่อื่นๆ ในแอป
เทมเพลตดั้งเดิมของเรามีให้ใช้งานเป็นโมดูล Android Studio จึงง่ายต่อการ รวมไว้ในโปรเจ็กต์และใช้ได้ตามต้องการ
ขนาดเทมเพลต
เทมเพลตมี 2 ขนาด ได้แก่ เล็กและกลาง ทั้ง 2 รูปแบบใช้คลาส TemplateView
และมีสัดส่วนภาพคงที่ โดยจะปรับขนาดให้เต็มความกว้างของ
มุมมองระดับบน
เทมเพลตขนาดเล็ก
@layout/gnt_small_template_view
เทมเพลตขนาดเล็กเหมาะสำหรับมุมมองรีไซเคิลหรือเมื่อใดก็ตามที่คุณต้องการมุมมองโฆษณาสี่เหลี่ยมผืนผ้ายาว เช่น คุณสามารถใช้กับโฆษณาในฟีดได้

เทมเพลตขนาดกลาง
@layout/gnt_medium_template_view
เทมเพลตสื่อมีไว้สำหรับการดูหน้าเว็บ 1/2 ถึง 3/4 แต่ก็ใช้ในฟีดได้เช่นกัน เหมาะสำหรับหน้า Landing Page หรือหน้า Splash
คุณสามารถทดลองใช้ตำแหน่งโฆษณาได้ แน่นอนว่าคุณยังเปลี่ยน ซอร์สโค้ดและไฟล์ XML ให้เหมาะกับความต้องการได้ด้วย

การติดตั้งเทมเพลตโฆษณาเนทีฟ
หากต้องการติดตั้งเทมเพลตดั้งเดิม เพียงดาวน์โหลดไฟล์ ZIP (ใช้ตัวเลือกโคลนหรือดาวน์โหลดใน GitHub) แล้ว นำเข้าโมดูลไปยังโปรเจ็กต์ Android Studio ที่มีอยู่
- เลือกไฟล์ > ใหม่ > นำเข้าโมดูล 
- เลือกโฟลเดอร์ - nativetemplates 
- เพิ่มบรรทัดต่อไปนี้ลงในไฟล์ - build.gradleระดับแอป- dependencies { ... implementation project(':nativetemplates') ... }
การใช้เทมเพลตโฆษณาเนทีฟ
คุณสามารถใช้เทมเพลตในไฟล์ XML ของเลย์เอาต์ใดก็ได้ เช่น View Group อื่นๆ

การใช้เทมเพลตมี 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, "ca-app-pub-3940256099942544/2247696110") .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 AdRequest.Builder().build());
คีย์พจนานุกรมของรูปแบบ
คุณจัดรูปแบบเทมเพลตได้ 2 วิธี ได้แก่ ใช้ XML เลย์เอาต์แบบเดิมและใช้ออบเจ็กต์ NativeTemplateStyle.Builder ตัวอย่างโค้ดด้านบน
แสดงวิธีใช้วัตถุ NativeTemplateStyle.Builder เพื่อตั้งค่าสีพื้นหลังหลัก
 แต่ก็ยังมีตัวเลือกอื่นๆ อีกมากมายเช่นกัน ต่อไปนี้คือเมธอด 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สีข้อความของข้อความแถวที่ 2 | 
| withSecondaryTextBackgroundColor | ColorDrawable secondaryTextBackgroundColorสีพื้นหลังของข้อความแถวที่ 2 | 
| withTertiaryTextTypeface | Typeface tertiaryTextTypefaceรูปแบบตัวอักษรของข้อความแถวที่ 3 | 
| withTertiaryTextSize | float tertiaryTextSizeขนาดของข้อความแถวที่ 3 | 
| withTertiaryTextTypefaceColor | int tertiaryTextTypefaceColorสีข้อความของข้อความแถวที่ 3 | 
| withTertiaryTextBackgroundColor | ColorDrawable tertiaryTextBackgroundColorสีพื้นหลังของข้อความแถวที่ 3 | 
| withMainBackgroundColor | ColorDrawable mainBackgroundColorสีพื้นหลังหลัก | 
มีส่วนร่วม
เราได้สร้างเทมเพลตโฆษณาเนทีฟเพื่อช่วยให้คุณพัฒนาโฆษณาเนทีฟได้อย่างรวดเร็ว เรายินดีเป็นอย่างยิ่งหากคุณจะร่วมให้ข้อมูลในที่เก็บGitHub เพื่อเพิ่มเทมเพลตหรือฟีเจอร์ใหม่ๆ ส่งคำขอดึงข้อมูลมาให้เรา แล้วเราจะตรวจสอบ