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

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

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

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

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

เรามีเทมเพลตโฆษณาเนทีฟให้เป็นโมดูล 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, "/21775744923/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 เพื่อกำหนดสีพื้นหลังหลัก แต่ก็มีตัวเลือกอื่นๆ อีกมากมายเช่นกัน ต่อไปนี้คือเมธอด Builder ทั้งหมดที่มี เครื่องมือสร้างจะแสดงผลออบเจ็กต์ NativeTemplateStyle ซึ่งจะลบล้างการจัดรูปแบบเลย์เอาต์ XML เลย์เอาต์ XML gnt_small_template.xml และ gnt_medium_template.xml ใช้พารามิเตอร์การจัดสไตล์ Android เดียวกันกับที่คุณคุ้นเคย

มีส่วนร่วม

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