การติดตั้งใช้งาน AFS ที่มาพร้อมเครื่องสำหรับ Android

นอกจากนี้ SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google ยังรองรับสไตล์โฆษณาที่กำหนดเองในเครือข่ายการค้นหาอีกด้วย หากแอปใช้ SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google อยู่แล้ว เราขอแนะนำให้ใช้เวอร์ชัน AFSMA SDK แทน

หากคุณอัปเกรดเป็นเวอร์ชัน 19.0.0 ขึ้นไปจาก 18.1.0 หรือเวอร์ชันก่อนหน้า โปรดดูคำแนะนำในการย้ายข้อมูล

สิ่งที่ต้องดำเนินการก่อน

คู่มือการติดตั้งใช้งานนี้ถือว่าคุณมีความคุ้นเคยกับสิ่งต่อไปนี้

• โฆษณาที่กำหนดเองในเครือข่ายการค้นหา ของ AdSense ที่มีสไตล์โฆษณาที่กำหนดเองในเครือข่ายการค้นหา
• การพัฒนาแอป Android

นำเข้า SDK เนทีฟของ AFS

เพิ่ม SDK

วิธีเพิ่ม AFS Native SDK ลงในแอป

เปิดไฟล์ build.gradle ภายในไดเรกทอรีโมดูลแอปพลิเคชัน เพิ่มกฎบิลด์ใหม่ภายใต้ dependencies สําหรับ SDK เวอร์ชันล่าสุด:

dependencies {
  implementation 'com.google.android.gms:play-services-afs-native:19.1.0'
}

ตรวจสอบว่า build.gradle ระดับบนสุดมีการอ้างอิงไปยังที่เก็บ google() หรือ maven { url "https://maven.google.com" }

ทำตามวิธีการเหล่านี้เพื่อรวมปลั๊กอิน Google Play เวอร์ชันสแตนด์อโลนของ Google Play ไว้ในโปรเจ็กต์ของคุณ การใช้ปลั๊กอินนี้จะทําให้เกิดข้อผิดพลาดในการสร้าง Gradle เมื่อใช้ AFS Native SDK กับบริการ Google Play เวอร์ชันที่เข้ากันไม่ได้ แทนการอนุญาตให้แอปสร้าง แต่อาจทำให้เกิดข้อขัดข้องขณะรันไทม์ หรือใช้ failOnVersionConflict() ResolutionStrategy กับโปรเจ็กต์เพื่อทำให้เกิดข้อผิดพลาดในการสร้างเมื่อใช้บริการ Google Play เวอร์ชันที่เข้ากันไม่ได้ในโปรเจ็กต์ของคุณ บันทึกการเปลี่ยนแปลงแล้วคลิก Sync Project with Gradle Files ในแถบเครื่องมือ

ใช้ AndroidX แทนไลบรารีการสนับสนุนของ Android

ตั้งแต่ SDK เวอร์ชัน 17.0.0 แอปของคุณต้องใช้ไลบรารี Jetpack (AndroidX) แทนไลบรารีการสนับสนุนของ Android ข้อกำหนดความเข้ากันได้

• ตั้งค่า com.android.tools.build:gradle เป็น v3.2.1 หรือใหม่กว่า
• โปรดตั้งค่า compileSdkVersion เป็น 28 ขึ้นไป
• อัปเดตแอปเพื่อใช้ Jetpack (AndroidX) โดยทำตามวิธีการในการย้ายข้อมูลไปยัง AndroidX

คลาส

ในการแสดงโฆษณาเนทีฟ AFS ในแอปของคุณ ให้ใช้คลาสต่อไปนี้

SearchAdController

• คลาสนี้มีหน้าที่ขอโฆษณาแบบไม่พร้อมกัน การแคชและดึงโฆษณา ตลอดจนการแสดงโฆษณา
• บริบทโฆษณาแต่ละอย่างต้องมี SearchAdController แยกกัน เช่น หากคุณมีหน้าจอที่แสดงโฆษณาคู่กับรายการผลการค้นหาและอีกหน้าจอหนึ่งแสดงโฆษณาพร้อมกับรายละเอียดของผลิตภัณฑ์ที่เฉพาะเจาะจง คุณควรสร้างอินสแตนซ์ของ SearchAdController แยกกัน 2 อินสแตนซ์สำหรับแต่ละกรณี
• เครื่องมือสร้างต้องระบุรหัสเว็บพร็อพเพอร์ตี้ (รหัสผู้เผยแพร่โฆษณา) รหัสรูปแบบเพื่อนำไปใช้กับโฆษณาที่ส่งกลับ และ SearchAdOptions Context ที่ระบุในเครื่องมือสร้างต้องเป็น Activity ที่มี SearchAdController และตำแหน่งที่คุณจะวางโฆษณา View
• เรียกใช้ loadAds เพื่อระบุการค้นหาผู้ใช้ใหม่ และเริ่มคำขอโฆษณาแบบไม่พร้อมกัน โฆษณาที่โหลดจากการเรียกไปยัง loadAds ก่อนหน้านี้จะถูกล้างออกจากแคชโฆษณาภายในเมื่อมีการเรียกใหม่
• สร้าง View ด้วย createAdView เพื่อแสดงครีเอทีฟโฆษณา
• เมื่อโหลดโฆษณาแล้ว ให้เรียก populateAdView ด้วย View ที่สร้างขึ้นก่อนหน้านี้ด้วย createAdView เพื่อแสดงโฆษณาที่แคชไว้ลงใน View นั้น นอกเหนือจาก View ที่จะเติมข้อมูลแล้ว ให้ระบุ adKey ซึ่งเป็นสตริงที่กำหนดเองเพื่อระบุโฆษณาอย่างไม่ซ้ำกัน การดำเนินการนี้จะเชื่อมโยงครีเอทีฟโฆษณาที่เฉพาะเจาะจงซึ่งส่งกลับมาจากแคชกับ adKey ดังกล่าว ดังนั้นเมื่อมีการส่ง adKey เดียวกันไปยังการเรียก populateAdView ในอนาคต ระบบก็จะแสดงโฆษณาเดียวกัน ตัวอย่างเช่น หากมีการเรียก populateAdView เป็นครั้งแรกด้วย adKey="keyA" และแสดงโฆษณาสำหรับรองเท้าเดินป่า การเรียก populateAdView ด้วย adKey="keyA" ที่ตามมาแต่ละครั้งจะสร้างโฆษณาเดียวกันสำหรับรองเท้าเดินป่า (การเรียกใหม่ไปยัง loadAds จะล้างโฆษณาที่แคชไว้และคีย์โฆษณาที่เกี่ยวข้องทั้งหมด)

SearchAdOptions

• ส่งออบเจ็กต์นี้ไปยังเครื่องมือสร้าง SearchAdController เพื่อปรับแต่งวิธีการขอและการแสดงโฆษณา เรียก build() บน SearchAdOptions.Builder เพื่อสร้างออบเจ็กต์ SearchAdOptions

View

• สร้างออบเจ็กต์ View เพื่อระงับโฆษณาโดยเรียกใช้ createAdView() ใน SearchAdController แสดงโฆษณาสูงสุด 1 รายการต่อครั้ง แต่นำ View เดียวกันมาใช้เพื่อแสดงโฆษณาที่แตกต่างกันเมื่อเวลาผ่านไปได้

SearchAdRequest

• เรียกใช้เมธอด loadAds ใน SearchAdController ด้วย SearchAdRequest เพื่อเริ่มคำขอโฆษณาแบบอะซิงโครนัส เรียกใช้ build() บน SearchAdRequest.Builder เพื่อสร้างออบเจ็กต์ SearchAdRequest

AdListener

• ใช้อินเทอร์เฟซนี้และส่งต่อไปยังตัวสร้าง SearchAdController เพื่อลงทะเบียน Callback สำหรับหลายๆ รัฐ
• หมายเหตุ: ระบบจะไม่เรียกการเรียกกลับ AdListener สำหรับคำขอที่ยกเลิก (การโทรถึง loadAds ที่ถูกขัดจังหวะด้วยการโทรหา loadAds ก่อนที่การโทรครั้งแรกจะได้รับการแก้ไข)

ตัวอย่างการใช้งาน

ตัวอย่างด้านล่างแสดงการสร้าง SearchAdController ในตัวอย่าง Activity

//  MainActivity.java implementation
//  (MainActivity is a subclass of Activity)

SearchAdController adController;
// adContainer where we will place our ads in this example.
ViewGroup adContainer;

protected void onCreate(Bundle bundle){
  super.onCreate(bundle);
  adContainer = (ViewGroup) findViewById(...);
  // Specify ad options (not required).
  SearchAdOptions.Builder adOptionsBuilder = new SearchAdOptions.Builder();
  adOptionsBuilder.setAdType(SearchAdOptions.AD_TYPE_TEXT);
  adOptionsBuilder.setPrefetch(true);
  adOptionsBuilder.setNumAdsRequested(3);
  // Provide a callback to trigger when ads are loaded.
  AdListener adListener = new AdListener() {
    public void onAdLoaded() {
      createAndShowAd();
    }
  };
  // Instantiate the SearchAdController.
  adController = new SearchAdController(this, "your-client-id", "your-style-id",
                                        adOptionsBuilder.build(), adListener);
}

เมื่อผู้ใช้เริ่มการค้นหา ให้สร้าง SearchAdRequest และเรียก loadAds ใน SearchAdController เพื่อเริ่มคําขอโฆษณาแบบไม่พร้อมกัน

// Create the request.
SearchAdRequest.Builder requestBuilder = new SearchAdRequest.Builder();
requestBuilder.setQuery("user query here");
// Load the ads.
adController.loadAds(requestBuilder.build());

ใช้ Callback onAdLoaded เพื่อเติมโฆษณาที่โหลดลงในการดูโฆษณา

private void createAndShowAd() {
  // Create a new view that will contain the ad.
  View adView = adController.createAdView();
  // Attach the new view to the view hierarchy.
  adContainer.addView(adView);
  // Display the ad inside the adView. We need to provide an adKey to
  // indicate which ad is to be displayed in the adView. In this example, 
  // since we only have one ad, we can provide any constant string. However, 
  // if you intend to display multiple ads, each ad you wish to display
  // should be given a unique adKey of your choosing.
  adController.populateAdView(adView, "demoAd");
}

โฆษณาที่เกี่ยวข้องกับคำค้นหาดังกล่าวจะปรากฏใน adView

การตรวจสอบข้อผิดพลาด

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

AdListener adListener = new AdListener() {
    public void onAdLoaded() {
        // Called when an ad is loaded.
        Toast.makeText(MainActivity.this, "Ad Loaded",
                Toast.LENGTH_SHORT).show();
        Log.d(MainActivity.class.getSimpleName(), "Ad Loaded");
    }

    public void onAdLeftApplication() {
        // Called when an ad leaves the application
        // (to go to the browser for example).
        Toast.makeText(MainActivity.this, "Ad Left Application",
                Toast.LENGTH_SHORT).show();
        Log.d(MainActivity.class.getSimpleName(), "Ad Left Application");
    }

    @Override
    public void onAdFailedToLoad(int errorCode) {
        // Called when an ad request failed.
        Toast.makeText(MainActivity.this, "Ad Failed to Load: " + errorCode,
                Toast.LENGTH_SHORT).show();
        Log.e(MainActivity.class.getSimpleName(), "Ad Failed to Load: " +
                errorCode);
    }
};

ค่าคงที่ที่ใช้ในเมธอด Callback onAdFailedToLoad() ได้รับการกำหนดไว้ใน AdListener