จัดรูปแบบโฆษณาเนทีฟใน UI

การตั้งค่าสไตล์โฆษณาเนทีฟ ช่วยให้ Google Ad Manager จัดการกับการแสดงผลโฆษณาเนทีฟตาม สไตล์โฆษณาเนทีฟที่คุณระบุไว้ในผลิตภัณฑ์ โดยขั้นแรกให้ระบุขนาดและการกำหนดเป้าหมาย จากนั้นเพิ่ม HTML, CSS และ JavaScript เพื่อกำหนดโฆษณาที่ปรับเปลี่ยนตามพื้นที่โฆษณาและแสดงผลคุณภาพสูงในทุกหน้าจอ คุณไม่จำเป็นต้องทำการแสดงผลใดๆ เนื่องจาก Ad Manager จะใช้สไตล์โฆษณาเนทีฟที่เหมาะสมกับปลายทางโดยอัตโนมัติ สไตล์โฆษณาเนทีฟจะใช้งานได้เช่นเดียวกับโฆษณาแบนเนอร์ โดยจะแสดงผลด้วยขนาดโฆษณาแบบยืดหยุ่นที่กำหนดไว้ในรันไทม์ หรือขนาดโฆษณาคงที่ที่กำหนดไว้ล่วงหน้า

ข้อกำหนดเบื้องต้น

ขนาดแบบยืดหยุ่น

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

สร้างคำขอโฆษณาแบบยืดหยุ่น

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

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

การใช้งานเพื่อสร้างคำขอโฆษณาจะมีลักษณะดังนี้

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();

แทนที่ AD_UNIT_ID ด้วยรหัสอุปกรณ์ทดสอบ

เมื่อโหลดโฆษณาได้สำเร็จแล้ว ให้เพิ่ม BannerAd.getView() ลงในลำดับชั้นการแสดงผล ดูรายละเอียดเพิ่มเติมได้ที่โหลดโฆษณา

ขนาดคงที่

สไตล์โฆษณาเนทีฟที่มีขนาดคงที่ช่วยให้คุณควบคุมความกว้างและความสูงของโฆษณาเนทีฟได้

หากต้องการกำหนดขนาดคงที่ ให้ทำตามขั้นตอนต่อไปนี้

กำหนดขนาดโฆษณาให้เล็กกว่าหรือเท่ากับขนาดหน้าจอของอุปกรณ์ หากต้องการกำหนดขนาดหน้าจอสูงสุด ให้ใช้วิธี Resources.getDisplayMetrics ขนาดของออบเจ็กต์ AdSize ใช้หน่วยความหนาแน่นของพิกเซลอิสระ (dp) เมื่อเปรียบเทียบ ให้แปลงขนาดหน้าจอจากพิกเซลเป็น dp ดูรายละเอียดเกี่ยวกับข้อจำกัดด้านขนาดได้ที่ แก้ปัญหาการแสดงผลที่ไม่ได้รับโฆษณาใน Ad Manager

  1. สร้างรายการโฆษณาใน UI ของ Ad Manager แล้วเลือกขนาดที่กำหนดไว้ล่วงหน้าจากเมนูแบบเลื่อนลงของช่อง Size

  2. โหลดโฆษณา BannerAd ที่มี AdSize ที่กำหนดไว้ล่วงหน้า