การดูแบนเนอร์คือโฆษณาแบบรูปภาพหรือข้อความสี่เหลี่ยมผืนผ้าที่ปรากฏบนหน้าจอ โฆษณาเหล่านี้จะยังคงแสดงบนหน้าจอในระหว่างที่ผู้ใช้โต้ตอบกับแอป และสามารถรีเฟรชโดยอัตโนมัติหลังจากเวลาผ่านไประยะหนึ่ง ฟีเจอร์เหล่านี้เหมาะอย่างยิ่งสําหรับผู้เริ่มต้นใช้งานการโฆษณาบนอุปกรณ์เคลื่อนที่ กรณีศึกษา
คู่มือนี้จะแสดงวิธีผสานรวมการแสดงโฆษณาแบนเนอร์ในแอป Unity นอกจากข้อมูลโค้ดและวิธีการแล้ว คู่มือนี้ยังมีข้อมูลเกี่ยวกับการปรับขนาดแบนเนอร์อย่างเหมาะสมและลิงก์ไปยังแหล่งข้อมูลเพิ่มเติมด้วย
ข้อกำหนดเบื้องต้น
- ทำตามคู่มือเริ่มต้นใช้งาน
ทดสอบด้วยโฆษณาทดสอบเสมอ
โค้ดตัวอย่างต่อไปนี้มีรหัสหน่วยโฆษณาที่คุณสามารถใช้เพื่อขอโฆษณาทดสอบ เราได้กําหนดค่ามาเป็นพิเศษให้แสดงโฆษณาทดสอบแทนโฆษณาเวอร์ชันที่ใช้งานจริงสําหรับคําขอทุกรายการ จึงใช้งานได้อย่างปลอดภัย
อย่างไรก็ตาม หลังจากลงทะเบียนแอปในเว็บอินเทอร์เฟซของ AdMob และสร้างรหัสหน่วยโฆษณาของคุณเองเพื่อใช้ในแอปแล้ว ให้กําหนดค่าอุปกรณ์เป็นอุปกรณ์ทดสอบอย่างชัดเจนในระหว่างการพัฒนา
Android
ca-app-pub-3940256099942544/6300978111
iOS
ca-app-pub-3940256099942544/2934735716
เริ่มต้นใช้งาน SDK โฆษณาในอุปกรณ์เคลื่อนที่
ก่อนโหลดโฆษณา ให้แอปของคุณเริ่มต้นใช้งาน Mobile Ads 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
: ตําแหน่งที่จะแสดงโฆษณาแบนเนอร์ ค่าแจกแจง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 DestroyAd()
{
if (_bannerView != null)
{
Debug.Log("Destroying banner view.");
_bannerView.Destroy();
_bannerView = null;
}
}
เท่านี้ก็เรียบร้อย ตอนนี้แอปของคุณพร้อมแสดงโฆษณาแบนเนอร์แล้ว
รีเฟรชโฆษณา
หากกําหนดค่าหน่วยโฆษณาให้รีเฟรช คุณไม่จําเป็นต้องขอโฆษณาอื่นเมื่อโฆษณาโหลดไม่สําเร็จ Google Mobile Ads SDK จะยึดตามอัตราการรีเฟรชที่คุณระบุไว้ใน UI ของ AdMob หากยังไม่ได้เปิดใช้การรีเฟรช ให้ส่งคำขอใหม่ ดูรายละเอียดเพิ่มเติมเกี่ยวกับการรีเฟรชหน่วยโฆษณา เช่น การตั้งค่าอัตราการรีเฟรช ได้ที่หัวข้อใช้การรีเฟรชอัตโนมัติสําหรับโฆษณาแบนเนอร์
ขนาดของแบนเนอร์
ตารางด้านล่างแสดงขนาดแบนเนอร์มาตรฐาน
ขนาดใน 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 |
ดูข้อมูลเพิ่มเติมเกี่ยวกับแบนเนอร์แบบปรับขนาดได้ซึ่งมีไว้เพื่อแทนที่แบนเนอร์อัจฉริยะ |
แหล่งข้อมูลเพิ่มเติม
- ตัวอย่าง HelloWorld: การใช้งานรูปแบบโฆษณาทั้งหมดในขั้นต่ำ