Quảng cáo biểu ngữ

Chọn nền tảng: Android iOS Unity Flutter

Khung hiển thị biểu ngữ là quảng cáo dạng văn bản hoặc quảng cáo dạng hình ảnh có hình chữ nhật chiếm một vị trí trên màn hình. Những quảng cáo này nằm trên màn hình trong khi người dùng tương tác với ứng dụng và có thể tự động làm mới sau một khoảng thời gian nhất định. Nếu bạn mới sử dụng quảng cáo trên thiết bị di động, thì đây là loại quảng cáo rất phù hợp để bắt đầu. Nghiên cứu điển hình.

Tài liệu hướng dẫn này trình bày cách tích hợp các khung hiển thị biểu ngữ vào một ứng dụng Unity. Ngoài các đoạn mã và thông tin hướng dẫn, bài viết này còn cung cấp thông tin về cách xác định kích thước biểu ngữ sao cho phù hợp và đường liên kết đến các tài nguyên khác.

Điều kiện tiên quyết

• Xem hết hướng dẫn Bắt đầu sử dụng.

Luôn thử nghiệm bằng quảng cáo thử nghiệm

Mã mẫu sau đây chứa một mã đơn vị quảng cáo mà bạn có thể dùng để yêu cầu quảng cáo thử nghiệm. Mã này được định cấu hình đặc biệt để trả về quảng cáo thử nghiệm thay vì quảng cáo thực tế cho mọi yêu cầu, vì vậy, mã này rất an toàn để sử dụng.

Tuy nhiên, sau khi đăng ký một ứng dụng trong giao diện web AdMob và tạo mã đơn vị quảng cáo riêng để sử dụng trong ứng dụng, bạn cần định cấu hình thiết bị của mình làm thiết bị thử nghiệm một cách rõ ràng trong quá trình phát triển.

Android

ca-app-pub-3940256099942544/6300978111

iOS

ca-app-pub-3940256099942544/2934735716

Khởi chạy SDK quảng cáo trên thiết bị di động

Trước khi tải quảng cáo, hãy để ứng dụng của bạn khởi chạy SDK quảng cáo trên thiết bị di động bằng cách gọi MobileAds.Initialize(). Bạn chỉ cần thực hiện việc này một lần, tốt nhất là khi khởi chạy ứng dụng.

using GoogleMobileAds;
using GoogleMobileAds.Api;

public class GoogleMobileAdsDemoScript : MonoBehaviour
{
    public void Start()
    {
        // Initialize the Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus initStatus) =>
        {
            // This callback is called once the MobileAds SDK is initialized.
        });
    }
}

Nếu bạn đang sử dụng tính năng dàn xếp, hãy đợi cho đến khi lệnh gọi lại xảy ra trước khi tải quảng cáo vì điều này sẽ đảm bảo rằng tất cả các bộ chuyển đổi dàn xếp đều khởi động.

Ví dụ về BannerView

Mã mẫu sau đây nêu chi tiết cách sử dụng chế độ xem biểu ngữ. Trong ví dụ này, hãy tạo một phiên bản của chế độ xem biểu ngữ, sử dụng AdRequest để tải quảng cáo vào chế độ xem biểu ngữ, sau đó mở rộng các chức năng của chế độ xem này bằng cách xử lý các sự kiện trong vòng đời.

Tạo một khung hiển thị biểu ngữ

Bước đầu tiên để sử dụng chế độ xem biểu ngữ là tạo một phiên bản của chế độ xem biểu ngữ.

// Create a 320x50 banner at top of the screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, AdPosition.Top);
BannerViewSnippets.cs

Thay thế AD_UNIT_ID bằng mã đơn vị quảng cáo của bạn.

Hàm khởi tạo cho BannerView có các tham số sau:

• adUnitId: Mã đơn vị quảng cáo của quảng cáo biểu ngữ cần tải.
• AdSize: Kích thước biểu ngữ mà bạn muốn sử dụng.
• AdPosition: Vị trí mà bạn nên đặt khung hiển thị biểu ngữ.

Lưu ý: mã đơn vị quảng cáo phụ thuộc vào nền tảng. Sử dụng một đơn vị quảng cáo dành cho iOS để tạo các yêu cầu quảng cáo trên iOS và sử dụng mã đơn vị quảng cáo dành cho Android để tạo các yêu cầu quảng cáo trên Android.

(Không bắt buộc) Tạo chế độ xem biểu ngữ có vị trí tuỳ chỉnh

Để kiểm soát tốt hơn vị trí đặt một khung hiển thị biểu ngữ trên màn hình so với khả năng kiểm soát do giá trị AdPosition cung cấp, hãy sử dụng hàm tạo có toạ độ x và y làm thông số:

// Create a 320x50 banner views at coordinate (0,50) on screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, 0, 50);
BannerViewSnippets.cs

Góc trên cùng bên trái của khung hiển thị biểu ngữ được định vị theo các giá trị x và y được truyền đến hàm khởi tạo, còn gốc toạ độ sẽ nằm ở phía trên cùng bên trái của màn hình.

(Không bắt buộc) Tạo chế độ xem biểu ngữ có kích thước tuỳ chỉnh

Ngoài việc sử dụng hằng số AdSize, bạn cũng có thể chỉ định một kích thước tuỳ chỉnh cho quảng cáo của mình:

// Create a 250x250 banner at the bottom of the screen.
AdSize adSize = new AdSize(250, 250);
bannerView = new BannerView("AD_UNIT_ID", adSize, AdPosition.Bottom);
BannerViewSnippets.cs

Tải quảng cáo biểu ngữ

Để tải quảng cáo, hãy tạo một AdRequest và truyền quảng cáo đó vào phương thức LoadAd().

// Send a request to load an ad into the banner view.
bannerView.LoadAd(new AdRequest());
BannerViewSnippets.cs

Lưu ý: Bạn có thể sử dụng các lệnh gọi tải quảng cáo để tạo bộ nhớ đệm gồm các quảng cáo được tải trước khi bạn dự định hiển thị quảng cáo, nhờ đó, quảng cáo có thể hiển thị mà không bị trễ khi cần. Vì quảng cáo hết hạn sau một giờ, nên bạn cần xoá bộ nhớ đệm này và tải lại quảng cáo mới mỗi giờ.

Theo dõi các sự kiện về chế độ xem biểu ngữ

Để tuỳ chỉnh hoạt động của quảng cáo, bạn có thể dựa vào một số sự kiện trong vòng đời của quảng cáo, chẳng hạn như tải, mở hoặc đóng. Để theo dõi các sự kiện này, hãy đăng ký một thực thể đại diện:

bannerView.OnBannerAdLoaded += () =>
{
    // Raised when an ad is loaded into the banner view.
};
bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
{
    // Raised when an ad fails to load into the banner view.
};
bannerView.OnAdPaid += (AdValue adValue) =>
{
    // Raised when the ad is estimated to have earned money.
};
bannerView.OnAdImpressionRecorded += () =>
{
    // Raised when an impression is recorded for an ad.
};
bannerView.OnAdClicked += () =>
{
    // Raised when a click is recorded for an ad.
};
bannerView.OnAdFullScreenContentOpened += () =>
{
    // Raised when an ad opened full screen content.
};
bannerView.OnAdFullScreenContentClosed += () =>
{
    // Raised when the ad closed full screen content.
};
BannerViewSnippets.cs

Huỷ chế độ xem biểu ngữ

Khi sử dụng xong chế độ xem biểu ngữ, hãy nhớ gọi Destroy() để giải phóng tài nguyên.

if (bannerView != null)
{
    // Always destroy the banner view when no longer needed.
    bannerView.Destroy();
    bannerView = null;
}
BannerViewSnippets.cs

Vậy là xong! Bây giờ, ứng dụng của bạn đã sẵn sàng hiển thị quảng cáo biểu ngữ.

Làm mới quảng cáo

Nếu đã định cấu hình đơn vị quảng cáo để làm mới, thì bạn không cần yêu cầu một quảng cáo khác khi quảng cáo không tải được. SDK Quảng cáo của Google trên thiết bị di động tuân thủ mọi tốc độ làm mới mà bạn đã chỉ định trong giao diện người dùng AdMob. Nếu chưa bật tính năng làm mới, hãy đưa ra yêu cầu mới. Để biết thêm thông tin về tính năng làm mới đơn vị quảng cáo, chẳng hạn như cách đặt tốc độ làm mới, hãy xem bài viết Sử dụng tính năng tự động làm mới cho quảng cáo biểu ngữ.

Lưu ý: Khi bạn đặt tốc độ làm mới trong giao diện người dùng AdMob, tính năng tự động làm mới chỉ xảy ra nếu biểu ngữ hiển thị trên màn hình.

Kích thước biểu ngữ

Bảng sau đây liệt kê các kích thước biểu ngữ chuẩn:

Kích thước đo bằng dp (RxC)	Mô tả	Phạm vi cung cấp	Hằng số AdSize
320x50	Biểu ngữ chuẩn	Điện thoại và máy tính bảng	BANNER
320x100	Biểu ngữ lớn	Điện thoại và máy tính bảng	LARGE_BANNER
300x250	Hình chữ nhật trung bình IAB	Điện thoại và máy tính bảng	MEDIUM_RECTANGLE
468x60	Biểu ngữ kích thước đầy đủ IAB	Máy tính bảng	FULL_BANNER
728x90	Hình chữ nhật dài IAB	Máy tính bảng	LEADERBOARD
Chiều rộng đã cho x Chiều cao thích ứng	Biểu ngữ thích ứng	Điện thoại và máy tính bảng	Không áp dụng
Chiều rộng màn hình x 32|50|90	Biểu ngữ thông minh	Điện thoại và máy tính bảng	SMART_BANNER
Tìm hiểu thêm về Biểu ngữ thích ứng, định dạng dự kiến sẽ thay thế Biểu ngữ thông minh.

Lưu ý: Nếu ứng dụng Android cố gắng tải một biểu ngữ quá lớn so với bố cục của ứng dụng, thì SDK sẽ không hiển thị biểu ngữ đó mà thay vào đó sẽ ghi lại một thông báo lỗi.

Tài nguyên khác

• Ví dụ về HelloWorld: Cách triển khai tối giản cho mọi định dạng quảng cáo.

• Trường hợp sử dụng mẫu