สไตล์โฆษณาเนทีฟ

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

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

  • Google Mobile Ads SDK เวอร์ชัน 8.1 ขึ้นไป

คู่มือนี้ใช้ความรู้ในการใช้งาน SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google ลองอ่านคู่มือเริ่มต้นใช้งานของเรา หากยังไม่ได้ดู

ขนาดคงที่

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

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

  2. ในไฟล์เลย์เอาต์ XML ของแอป ให้ตั้งค่าแอตทริบิวต์ ads:adSize เป็นค่าคงที่ที่ตรงกับขนาดที่กำหนดไว้ล่วงหน้าซึ่งคุณเลือกไว้ในขั้นตอนที่ 1 คุณดูรายการขนาดและค่าคงที่ AdSize ที่เกี่ยวข้องได้ในส่วนขนาดแบนเนอร์

ต่อไปนี้คือตัวอย่างวิธีระบุขนาดคงที่ เช่น ขนาดโฆษณา MEDIUM_RECTANGLE (300x250) ในไฟล์เลย์เอาต์ของคุณ

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_view"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

ขนาดแบบไหล

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

คำขอแบบไหล

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

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_view"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

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

private AdManagerAdView mAdView;

@Override
public void onActivityCreated(Bundle savedInstanceState) {
   super.onActivityCreated(savedInstanceState);
   mAdView = (AdManagerAdView) getView().findViewById(R.id.fluid_view);
   AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
   mAdView.loadAd(request);
}

หากต้องการดูตัวอย่างการใช้งานขนาดโฆษณาแบบไหลของ Ad Manager ให้ดาวน์โหลดแอปเดโม Android API ดังนี้

ดาวน์โหลดการสาธิต API