จัดสไตล์เลย์เอาต์โฆษณาด้วยเทมเพลตโฆษณาเนทีฟ

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

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

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

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

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

ขนาดเทมเพลต

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

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

@layout/gnt_small_template_view

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

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

@layout/gnt_medium_template_view

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

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

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

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

1. เลือก File > New > Import Module

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

   

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

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

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

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

การใช้เทมเพลตมี 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 ทั้งหมดที่มีให้ Builder จะแสดงผลออบเจ็กต์ NativeTemplateStyle ซึ่งจะลบล้างการจัดสไตล์เลย์เอาต์ XML เลย์เอาต์ XML gnt_small_template.xml และ gnt_medium_template.xml ใช้พารามิเตอร์การจัดสไตล์ Android แบบเดียวกับที่คุณคุ้นเคย

มีส่วนร่วม

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