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

เลือกแพลตฟอร์ม: Android iOS Flutter

ดาวน์โหลดเทมเพลตโฆษณาเนทีฟ

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

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

เทมเพลตเนทีฟคือมุมมองที่สมบูรณ์ของโค้ดสำหรับโฆษณาเนทีฟ ซึ่งออกแบบมาเพื่อการติดตั้งใช้งานที่รวดเร็ว และการแก้ไขที่ง่ายดาย เทมเพลตโฆษณาเนทีฟช่วยให้คุณติดตั้งใช้งาน โฆษณาเนทีฟแรกได้ในเวลาไม่กี่นาที และปรับแต่ง รูปลักษณ์ได้อย่างรวดเร็วโดยไม่ต้องใช้โค้ดมากนัก คุณวางเทมเพลตเหล่านี้ได้ทุกที่ที่ต้องการ เช่น ใน 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 ที่มีอยู่

  1. เลือกไฟล์ > ใหม่ > นำเข้าโมดูล

  2. เลือกโฟลเดอร์ nativetemplates

    นำเข้าเทมเพลตโฆษณาเนทีฟ

  3. เพิ่มบรรทัดต่อไปนี้ลงในไฟล์ build.gradle ระดับแอป

    dependencies {
            ...
            implementation project(':nativetemplates')
            ...
    }
    

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

คุณสามารถใช้เทมเพลตในไฟล์ XML ของเลย์เอาต์ใดก็ได้ เช่น View Group อื่นๆ

เพิ่มเทมเพลตไปยังเลย์เอาต์

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

  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. จากนั้นคุณต้องระบุเทมเพลตให้กับโฆษณาเนทีฟเมื่อโหลด

    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 เพื่อเพิ่มเทมเพลตหรือฟีเจอร์ใหม่ๆ ส่งคำขอดึงข้อมูลมาให้เรา แล้วเราจะตรวจสอบ