Thêm quảng cáo biểu ngữ và quảng cáo hình chữ nhật cỡ trung bình vào ứng dụng Android

Với Audience Network, bạn có thể kiếm tiền từ ứng dụng Android của mình bằng quảng cáo trên Facebook. Hướng dẫn này giải thích cách thêm quảng cáo biểu ngữ và quảng cáo hình chữ nhật cỡ trung bình vào ứng dụng.

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.

Nếu bạn quan tâm đến các loại đơn vị quảng cáo khác, hãy xem danh sách các loại có sẵn.

Đảm bảo bạn đã xem hết Hướng dẫn thiết lập thiết bị Android trước khi tiếp tục.

Các bước tạo quảng cáo biểu ngữ và quảng cáo hình chữ nhật cỡ trung bình

Bước 1: Thêm vùng chứa bố cục cho quảng cáo biểu ngữ

Bước 2: Triển khai biểu ngữ trong hoạt động

Bước 3: Thêm trình nghe quảng cáo

Bước 1: Thêm vùng chứa bố cục cho quảng cáo biểu ngữ

Trong file bố cục (ví dụ: /res/layout/activity_main.xml), hãy thêm bố cục sẽ đóng vai trò là vùng chứa cho Quảng cáo.
Hãy ghi nhớ ID mà bạn đặt tại đây vì bạn sẽ tham chiếu đến ID đó trong mã sau này.

<?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>

Bước 2: Triển khai biểu ngữ trong hoạt động

Thêm mã sau vào đầu Hoạt động để nhập SDK quảng cáo trên Facebook:

import com.facebook.ads.*;

Tiếp theo, thực thể hóa đối tượng AdView và tạo yêu cầu để tải quảng cáo. Do AdView là một lớp phụ của View, bạn có thể thêm đối tượng này vào phân cấp chế độ xem giống như với bất kỳ chế độ xem nào khác:

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();
}

Nếu bạn đang tạo ứng dụng cho máy tính bảng, hãy cân nhắc sử dụng kích thước AdSize.BANNER_HEIGHT_90. Trong mọi trường hợp, chiều rộng linh hoạt của biểu ngữ tối thiểu là 320px.

Cuối cùng, hãy thêm mã dưới đây vào hàm onDestroy() cho hoạt động của bạn để phát hành các tài nguyên mà AdView sử dụng:

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

Sau khi chạy mã ở trên, bạn sẽ nhìn thấy nội dung tương tự như sau:



Nếu đang sử dụng trình mô phỏng Google Android mặc định, thì bạn cần thêm dòng mã sau trước khi tải quảng cáo thử nghiệm:
AdSettings.addTestDevice("HASHED ID");.

Sử dụng ID đã mã hóa được in vào logcat khi bạn yêu cầu tải quảng cáo trên thiết bị lần đầu.

Các thiết bị Genymotion và thiết bị vật lý không cần bước này. Nếu bạn muốn thử nghiệm với quảng cáo thực, vui lòng tham khảo Hướng dẫn thử nghiệm của chúng tôi.

Bước 3: Thêm trình nghe quảng cáo

Bây giờ, mã cơ bản của bạn đang chạy, bạn có thể đặt một AdListener để AdView nghe các sự kiện cụ thể:

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());
}

Kích thước biểu ngữ quảng cáo

Audience Network hỗ trợ 3 kích thước quảng cáo sẽ được sử dụng trong AdView. Chiều rộng linh hoạt của đơn vị biểu ngữ tối thiểu là 320px, chỉ có chiều cao là xác định.

Định dạng quảng cáo Tham chiếu kích thước quảng cáo Kích thước Đề xuất

Biểu ngữ thông thường

BANNER_50

320x50

Biểu ngữ này phù hợp nhất với điện thoại

Biểu ngữ lớn

BANNER_90

320x90

Biểu ngữ này phù hợp nhất với máy tính bảng và các thiết bị lớn hơn

Hình chữ nhật cỡ trung bình

RECTANGLE_HEIGHT_250

300x250

Định dạng này phù hợp nhất với nguồn cấp có thể cuộn hoặc các màn hình cao cấp

Các bước tiếp theo