เพิ่มโฆษณาแบบแบนเนอร์และโฆษณาแบบสี่เหลี่ยมผืนผ้าขนาดกลางให้กับแอพ Android

Audience Network ช่วยให้คุณสามารถสร้างรายได้จากแอพ Android ของคุณด้วยโฆษณาบน Facebook ได้ คู่มือนี้อธิบายวิธีเพิ่มโฆษณาแบบแบนเนอร์และโฆษณาแบบสี่เหลี่ยมผืนผ้าขนาดกลางให้กับแอพของคุณ

You can change placements in Monetization Manager to the Medium Rectangle format if these were previously configured as Banner for bidding. Similarly, for any new medium rectangle placements, navigate to the placement settings page in Monetization Manager and select Medium Rectangle (not Banner).

Placements will deliver as normal even if they are not changed to the medium rectangle format. However, to avoid confusion, we recommend that you change these placements to medium rectangle.

หากคุณสนใจในหน่วยโฆษณาประเภทอื่นๆ โปรดดูรายการประเภทที่ใช้ได้

ตรวจสอบให้แน่ใจว่าคุณได้อ่านคู่มือตั้งค่า Android จนครบถ้วนแล้ว ก่อนดำเนินการต่อ

ขั้นตอนสำหรับโฆษณาแบบแบนเนอร์และโฆษณาแบบสี่เหลี่ยมผืนผ้าขนาดกลาง

ขั้นตอนที่ 1: การเพิ่มคอนเทนเนอร์เลย์เอาท์สำหรับโฆษณาแบบแบนเนอร์

ขั้นตอนที่ 2: การปรับใช้แบนเนอร์ในกิจกรรมของคุณ

ขั้นตอนที่ 3: การเพิ่มตัวรอรับสัญญาณสำหรับโฆษณา

ขั้นตอนที่ 1: การเพิ่มคอนเทนเนอร์เลย์เอาท์สำหรับโฆษณาแบบแบนเนอร์

ในไฟล์เลย์เอาท์ของคุณ (เช่น: /res/layout/activity_main.xml) ให้เพิ่มเลย์เอาท์ที่จะทำหน้าที่เป็นคอนเทนเนอร์ให้กับโฆษณาของคุณ
โปรดจดจำ ID ที่คุณตั้งในกระบวนการนี้เอาไว้เนื่องจากคุณจะต้องอ้างอิงถึงโค้ดนี้ในภายหลัง

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
...
>
...
<LinearLayout
android:id="@+id/banner_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
/>
...
</RelativeLayout>

ขั้นตอนที่ 2: การปรับใช้แบนเนอร์ในกิจกรรมของคุณ

เพิ่มโค้ดต่อไปนี้ไว้ที่ด้านบนสุดของกิจกรรมเพื่อนำเข้า SDK โฆษณาบน Facebook

import com.facebook.ads.*;

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

private AdView adView;

@Override
public void onCreate(Bundle savedInstanceState) {
...
// Instantiate an AdView object. 
// NOTE: The placement ID from the Facebook Monetization Manager identifies your App.
// To get test ads, add IMG_16_9_APP_INSTALL# to your placement id. Remove this when your app is ready to serve real ads.

adView = new AdView(this, "IMG_16_9_APP_INSTALL#YOUR_PLACEMENT_ID", AdSize.BANNER_HEIGHT_50);

// Find the Ad Container
LinearLayout adContainer = (LinearLayout) findViewById(R.id.banner_container);

// Add the ad view to your activity layout
adContainer.addView(adView);

// Request an ad
adView.loadAd();
}

หากคุณสร้างแอพสำหรับแท็บเล็ด ให้ลองพิจารณาใช้ขนาด AdSize.BANNER_HEIGHT_90 แทน ความกว้างของแบนเนอร์จะเป็นเท่าไรก็ได้ตั้งแต่ 320px ขึ้นไปในทุกกรณี

สุดท้าย ให้เพิ่มโค้ดต่อไปนี้ลงในฟังก์ชั่น onDestroy() ของกิจกรรมเพื่อปล่อยแหล่งข้อมูลที่ InterstitialAd ใช้

@Override
protected void onDestroy() {
if (adView != null) {
adView.destroy();
}
super.onDestroy();
}

เมื่อคุณรันฟังก์ชั่นดังกล่าว หน้าจอจะมีลักษณะดังนี้



หากคุณใช้โปรแกรมจำลอง Google Android คุณจะต้องเพิ่มบรรทัดโค้ดต่อไปนี้ก่อนโหลดโฆษณาทดสอบ:
AdSettings.addTestDevice("HASHED ID");

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

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

ขั้นตอนที่ 3: การเพิ่มตัวรอรับสัญญาณสำหรับโฆษณา

เมื่อคุณรันโค้ดพื้นฐานได้แล้วในตอนนี้ คุณสามารถตั้ง AdListener ให้กับ โค้ดAdView เพื่อรอรับสัญญาณเหตุการณ์ที่เฉพาะเจาะจงได้

import android.widget.Toast;
...

protected void onCreate(Bundle savedInstanceState) {
...
AdListener adListener = new AdListener() {
@Override
public void onError(Ad ad, AdError adError) {
// Ad error callback
Toast.makeText(
MainActivity.this,
"Error: " + adError.getErrorMessage(),
Toast.LENGTH_LONG)
.show();
}

@Override
public void onAdLoaded(Ad ad) {
// Ad loaded callback
}

@Override
public void onAdClicked(Ad ad) {
// Ad clicked callback
}

@Override
public void onLoggingImpression(Ad ad) {
// Ad impression logged callback
}
};

// Request an ad
adView.loadAd(adView.buildLoadAdConfig().withAdListener(adListener).build());
}

ขนาดแบนเนอร์โฆษณา

Audience Network รองรับขนาดโฆษณา 3 ขนาดให้ใช้ใน AdView ได้ ความกว้างของหน่วยแบนเนอร์มีความยืดหยุ่น โดยกำหนดความกว้างต่ำสุดไม่น้อยกว่า 320 พิกเซล มีเพียงความสูงเท่านั้นที่กำหนดไว้คงที่แล้ว

รูปแบบโฆษณา การอ้างอิง AdSize ขนาด ข้อแนะนำ

แบนเนอร์มาตรฐาน

BANNER_50

320x50

แบนเนอร์นี้เหมาะกับโทรศัพท์มากที่สุด

แบนเนอร์ขนาดใหญ่

BANNER_90

320x90

แบนเนอร์นี้เหมาะกับแท็บเล็ตหรืออุปกรณ์ขนาดใหญ่มากที่สุด

สี่เหลี่ยมขนาดกลาง

RECTANGLE_HEIGHT_250

300x250

รูปแบบนี้เหมาะสำหรับฟีดที่สามารถเลื่อนได้ หรือหน้าจอแสดงการเล่นจบเลเวล

ขั้นตอนถัดไป