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

มุมมองแบนเนอร์คือโฆษณาแบบรูปภาพหรือแบบข้อความสี่เหลี่ยมผืนผ้าซึ่งใช้พื้นที่บนหน้าจอ ในระหว่างที่ผู้ใช้กําลังโต้ตอบกับแอป โฆษณาเหล่านี้จะอยู่บนหน้าจอและจะรีเฟรชได้อัตโนมัติหลังผ่านไประยะเวลาหนึ่ง หากคุณเพิ่งเริ่มใช้การโฆษณา บนอุปกรณ์เคลื่อนที่ วิธีนี้เป็นการเริ่มต้นที่ดี กรณีศึกษา

คู่มือนี้แสดงวิธีผสานรวมมุมมองแบนเนอร์เข้ากับแอป Unity นอกจากข้อมูลโค้ดและคำแนะนำแล้ว ยังมีข้อมูลเกี่ยวกับการปรับขนาดแบนเนอร์อย่างถูกต้องและลิงก์ไปยังแหล่งข้อมูลเพิ่มเติม

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

ทดสอบด้วยโฆษณาทดสอบเสมอ

โค้ดตัวอย่างด้านล่างประกอบด้วยรหัสหน่วยโฆษณาที่คุณใช้ขอโฆษณาทดสอบได้ ได้รับการกำหนดค่ามาเป็นพิเศษให้แสดงโฆษณาทดสอบแทนโฆษณาจริงสำหรับทุกคำขอ จึงทำให้ใช้งานได้อย่างปลอดภัย

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

Android

ca-app-pub-3940256099942544/6300978111

iOS

ca-app-pub-3940256099942544/2934735716

เริ่มต้น SDK โฆษณาในอุปกรณ์เคลื่อนที่

ก่อนที่จะโหลดโฆษณา ให้แอปเริ่มต้น SDK โฆษณาในอุปกรณ์เคลื่อนที่โดยเรียกใช้ MobileAds.Initialize() โดยจะต้องทำเพียงครั้งเดียวเท่านั้น โดยในช่วงเปิดแอป

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

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

ตัวอย่าง BannerView

โค้ดตัวอย่างด้านล่างจะแสดงรายละเอียดวิธีใช้มุมมองแบนเนอร์ ในตัวอย่างนี้ คุณจะสร้างอินสแตนซ์ของมุมมองแบนเนอร์ ใช้ AdRequest เพื่อโหลดโฆษณาลงในมุมมองแบนเนอร์ แล้วขยายความสามารถด้วยการจัดการเหตุการณ์ในวงจร

สร้างมุมมองแบนเนอร์

ขั้นตอนแรกในการใช้มุมมองแบนเนอร์คือการสร้างอินสแตนซ์ของมุมมองแบนเนอร์ในสคริปต์ C# ที่แนบกับ GameObject


  // These ad units are configured to always serve test ads.
#if UNITY_ANDROID
  private string _adUnitId = "ca-app-pub-3940256099942544/6300978111";
#elif UNITY_IPHONE
  private string _adUnitId = "ca-app-pub-3940256099942544/2934735716";
#else
  private string _adUnitId = "unused";
#endif

  BannerView _bannerView;

  /// <summary>
  /// Creates a 320x50 banner view at top of the screen.
  /// </summary>
  public void CreateBannerView()
  {
      Debug.Log("Creating banner view");

      // If we already have a banner, destroy the old one.
      if (_bannerView != null)
      {
          DestroyAd();
      }

      // Create a 320x50 banner at top of the screen
      _bannerView = new BannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
  }

เครื่องมือสร้างสำหรับ BannerView มีพารามิเตอร์ต่อไปนี้

  • adUnitId: รหัสหน่วยโฆษณาที่ BannerView ควรโหลดโฆษณา
  • AdSize: ขนาดโฆษณาที่คุณต้องการใช้ ลองดูรายละเอียดในขนาดแบนเนอร์
  • AdPosition: ตำแหน่งที่ควรวางมุมมองแบนเนอร์ enum ของ AdPosition จะแสดงค่าอันดับโฆษณาที่ถูกต้อง

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

(ไม่บังคับ) สร้างมุมมองแบนเนอร์ด้วยตําแหน่งที่กําหนดเอง

สำหรับการควบคุมตำแหน่งที่วาง BannerView บนหน้าจอที่ดียิ่งขึ้นสำหรับค่า AdPosition ให้ใช้ตัวสร้างที่มีพิกัด x และ y เป็นพารามิเตอร์ ดังนี้

// Create a 320x50 banner views at coordinate (0,50) on screen.
_bannerView = new BannerView(_adUnitId, AdSize.Banner, 0, 50);

มุมซ้ายบนของ BannerView จะอยู่ที่ค่า x และ y ที่ส่งผ่านไปยังตัวสร้างโดยที่ต้นทางอยู่ที่ด้านซ้ายบนของหน้าจอ

(ไม่บังคับ) สร้างมุมมองแบนเนอร์โดยใช้ขนาดที่กําหนดเอง

นอกเหนือจากการใช้ค่าคงที่ AdSize แล้ว คุณยังระบุขนาดที่กำหนดเองสำหรับโฆษณาได้ด้วย โดยทำดังนี้

// Use the AdSize argument to set a custom size for the ad.
AdSize adSize = new AdSize(250, 250);
_bannerView = new BannerView(_adUnitId, adSize, AdPosition.Bottom);

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

หากต้องการโหลดโฆษณา ให้สร้าง AdRequest และส่งไปยังเมธอด LoadAd()

/// <summary>
/// Creates the banner view and loads a banner ad.
/// </summary>
public void LoadAd()
{
    // create an instance of a banner view first.
    if(_bannerView == null)
    {
        CreateBannerView();
    }

    // create our request used to load the ad.
    var adRequest = new AdRequest();

    // send the request to load the ad.
    Debug.Log("Loading banner ad.");
    _bannerView.LoadAd(adRequest);
}

ฟังเหตุการณ์การดูแบนเนอร์

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

/// <summary>
/// listen to events the banner view may raise.
/// </summary>
private void ListenToAdEvents()
{
    // Raised when an ad is loaded into the banner view.
    _bannerView.OnBannerAdLoaded += () =>
    {
        Debug.Log("Banner view loaded an ad with response : "
            + _bannerView.GetResponseInfo());
    };
    // Raised when an ad fails to load into the banner view.
    _bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
    {
        Debug.LogError("Banner view failed to load an ad with error : "
            + error);
    };
    // Raised when the ad is estimated to have earned money.
    _bannerView.OnAdPaid += (AdValue adValue) =>
    {
        Debug.Log(String.Format("Banner view paid {0} {1}.",
            adValue.Value,
            adValue.CurrencyCode));
    };
    // Raised when an impression is recorded for an ad.
    _bannerView.OnAdImpressionRecorded += () =>
    {
        Debug.Log("Banner view recorded an impression.");
    };
    // Raised when a click is recorded for an ad.
    _bannerView.OnAdClicked += () =>
    {
        Debug.Log("Banner view was clicked.");
    };
    // Raised when an ad opened full screen content.
    _bannerView.OnAdFullScreenContentOpened += () =>
    {
        Debug.Log("Banner view full screen content opened.");
    };
    // Raised when the ad closed full screen content.
    _bannerView.OnAdFullScreenContentClosed += () =>
    {
        Debug.Log("Banner view full screen content closed.");
    };
}

ทําลายมุมมองแบนเนอร์

เมื่อใช้มุมมองแบนเนอร์เสร็จแล้ว อย่าลืมเรียกใช้ Destroy() เพื่อปล่อยทรัพยากร

/// <summary>
/// Destroys the banner view.
/// </summary>
public void DestroyBannerView()
{
    if (_bannerView != null)
    {
        Debug.Log("Destroying banner view.");
        _bannerView.Destroy();
        _bannerView = null;
    }
}

เท่านี้ก็เรียบร้อย แอปของคุณพร้อมแสดงโฆษณาแบนเนอร์แล้ว

ตารางด้านล่างแสดงขนาดแบนเนอร์มาตรฐาน

ขนาดเป็น dp (กว้างxสูง) คำอธิบาย ความพร้อมใช้งาน ค่าคงที่ AdSize
320x50 แบนเนอร์มาตรฐาน โทรศัพท์และแท็บเล็ต BANNER
320x100 แบนเนอร์ขนาดใหญ่ โทรศัพท์และแท็บเล็ต LARGE_BANNER
300x250 สี่เหลี่ยมผืนผ้ากลาง IAB โทรศัพท์และแท็บเล็ต MEDIUM_RECTANGLE
468x60 แบนเนอร์ IAB ขนาดเต็ม แท็บเล็ต FULL_BANNER
728x90 ลีดเดอร์บอร์ด IAB แท็บเล็ต LEADERBOARD
ความกว้างที่ระบุ x ความสูงที่ปรับได้ แบนเนอร์แบบปรับขนาดได้ โทรศัพท์และแท็บเล็ต ไม่มีข้อมูล
ความกว้างของหน้าจอ x 32|50|90 แบนเนอร์อัจฉริยะ โทรศัพท์และแท็บเล็ต SMART_BANNER
ดูข้อมูลเพิ่มเติมเกี่ยวกับแบนเนอร์แบบปรับขนาดได้ ซึ่งมีจุดประสงค์เพื่อแทนที่แบนเนอร์อัจฉริยะ

แหล่งข้อมูลเพิ่มเติม