แบนเนอร์แบบปรับขนาดได้เป็น โฆษณาที่ปรับเปลี่ยนตามพื้นที่โฆษณารุ่นถัดไป ให้เหมาะสมยิ่งขึ้น โดยการเพิ่มประสิทธิภาพขนาดโฆษณา สำหรับอุปกรณ์แต่ละเครื่อง การปรับปรุงแบนเนอร์อัจฉริยะ ซึ่งรองรับเฉพาะความสูงคงที่ แบนเนอร์แบบปรับขนาดได้ช่วยให้คุณระบุ ความกว้างของโฆษณา และใช้เพื่อกำหนดขนาดโฆษณาที่เหมาะสมที่สุด
แบนเนอร์แบบปรับขนาดได้ใช้สัดส่วนภาพแบบคงที่แทนการเลือกขนาดโฆษณาที่ดีที่สุด ความสูงคงที่ ซึ่งส่งผลให้โฆษณาแบนเนอร์ใช้ ของหน้าจอในทุกอุปกรณ์ และเป็นโอกาสในการปรับปรุง ด้านประสิทธิภาพ
เมื่อใช้แบนเนอร์แบบปรับขนาดได้ โปรดทราบว่าแบนเนอร์ประเภทนี้จะแสดงผล ขนาดคงที่สำหรับอุปกรณ์และความกว้างหนึ่งๆ เมื่อคุณทดสอบการจัดวางของคุณใน อุปกรณ์ใดอุปกรณ์หนึ่ง คุณจึงมั่นใจได้ว่าขนาดโฆษณาจะไม่เปลี่ยนแปลง อย่างไรก็ตาม ขนาดของโฆษณาแบนเนอร์ อาจแตกต่างกันไปตามอุปกรณ์ต่างๆ ด้วยเหตุนี้ เราขอแนะนำให้การจัดวางของคุณรองรับความแปรปรวนของความสูงของโฆษณา ในบางกรณีที่เกิดขึ้นไม่บ่อยนัก อาจไม่มีการเติมโฆษณาขนาดเต็มที่ปรับเปลี่ยนได้และครีเอทีฟโฆษณาขนาดมาตรฐานจะ จะอยู่ตรงกลางช่องโฆษณานี้แทน
ข้อกำหนดเบื้องต้น
กรณีที่ควรใช้แบนเนอร์แบบปรับขนาดได้
แบนเนอร์แบบปรับขนาดได้ออกแบบมาเพื่อใช้แทนทั้ง 2 อุตสาหกรรมได้อย่างลงตัว แบนเนอร์ขนาดมาตรฐาน 320x50 และรูปแบบแบนเนอร์อัจฉริยะที่จะมาแทนที่
ขนาดแบนเนอร์เหล่านี้มักใช้เป็นแบนเนอร์ยึดตำแหน่ง ซึ่งมัก ล็อกไว้ที่ด้านบนหรือด้านล่างของหน้าจอ
สำหรับแบนเนอร์ยึดตำแหน่งดังกล่าว สัดส่วนภาพเมื่อใช้แบนเนอร์แบบปรับขนาดได้จะเป็น ซึ่งคล้ายกับโฆษณาขนาด 320x50 มาตรฐาน ดังที่เห็นในสามตัวอย่าง ด้านล่าง
![]() แบนเนอร์ 320x50 |
![]() แบนเนอร์แบบปรับขนาดได้ |
![]() แบนเนอร์อัจฉริยะ |
แบนเนอร์แบบปรับขนาดได้จะใช้ประโยชน์จากขนาดหน้าจอที่มีอยู่มากขึ้น นอกจากนี้ เมื่อเทียบกับแบนเนอร์อัจฉริยะ แบนเนอร์แบบปรับขนาดได้เป็นตัวเลือกที่ดีกว่าเนื่องจาก
โดยใช้ความกว้างตามที่คุณระบุ แทนการบังคับให้เป็นความกว้างเต็ม หน้าจอนี้ช่วยให้คุณพิจารณาพื้นที่ที่ปลอดภัยบน iOS ได้ และหน้าจอรอยบาก บน Android
โดยเลือกความสูงที่เหมาะสมให้กับอุปกรณ์นั้นๆ แทนที่จะมี ความสูงคงที่ในอุปกรณ์ขนาดต่างๆ ช่วยลดผลกระทบของ การกระจาย Fragment ของอุปกรณ์
หมายเหตุการใช้งาน
โปรดคำนึงถึงสิ่งต่อไปนี้เมื่อใช้แบนเนอร์แบบปรับขนาดได้ในแอป
- คุณต้องรู้ความกว้างของมุมมองที่จะใช้วางโฆษณา ซึ่งควรคำนึงถึงความกว้างของอุปกรณ์และพื้นที่ปลอดภัย หรือ รอยบากที่เกี่ยวข้อง
- ตรวจสอบว่าพื้นหลังของมุมมองโฆษณาเป็นแบบทึบเพื่อให้เป็นไปตามข้อกำหนด นโยบาย AdMob เมื่อโฆษณาขนาดเล็กกว่าแสดงผล ไม่เติมลงในช่องโฆษณา
- ตรวจสอบว่าคุณใช้ Google Mobile Ads Unity เวอร์ชันล่าสุดอยู่ ปลั๊กอิน สําหรับสื่อกลาง ให้ใช้อะแดปเตอร์สื่อกลางแต่ละรายการเวอร์ชันล่าสุด
- ขนาดแบนเนอร์แบบปรับขนาดได้ออกแบบมาให้ทำงานได้ดีที่สุดเมื่อใช้ ความกว้างที่ใช้ได้ ในกรณีส่วนใหญ่ ค่านี้จะเป็นความกว้างเต็มขนาดของหน้าจอ อุปกรณ์ที่ใช้อยู่ อย่าลืมคำนึงถึงพื้นที่ปลอดภัยที่เกี่ยวข้อง
- Google Mobile Ads SDK จะกำหนดขนาดแบนเนอร์โดยมีการปรับความสูงของโฆษณาให้เหมาะสม สำหรับความกว้างที่ระบุเมื่อใช้ AdSize API แบบปรับอัตโนมัติ
- คุณรับขนาดโฆษณาเพื่อปรับขนาดได้ 3 วิธี ดังนี้
AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth
สำหรับแนวนอนAdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth
สำหรับแนวตั้ง และAdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth
สำหรับช่วง การวางแนวในปัจจุบันขณะดำเนินการ - ขนาดที่แสดงผลสำหรับความกว้างที่กำหนดบนอุปกรณ์ที่ระบุจะเป็น เดียวกัน ดังนั้นเมื่อคุณทดสอบรูปแบบบนอุปกรณ์ที่ต้องการแล้ว คุณสามารถ ให้แน่ใจว่าขนาดโฆษณาจะไม่เปลี่ยนแปลง
- ความสูงของแบนเนอร์โฆษณา Anchor ต้องไม่น้อยกว่า 15% ของ ความสูงของอุปกรณ์หรือ 90 ความหนาแน่นของพิกเซลอิสระและไม่น้อยกว่า 50 ความหนาแน่นของพิกเซลอิสระ
- สำหรับแบนเนอร์ความกว้างเต็ม คุณสามารถใช้ธง
AdSize.FullWidth
แทน โดยระบุความกว้างที่เจาะจง
คู่มือเริ่มใช้งานฉบับย่อ
ทำตามขั้นตอนด้านล่างเพื่อติดตั้งใช้งานแบนเนอร์ยึดตำแหน่งที่ปรับเปลี่ยนได้แบบง่าย
- รับขนาดโฆษณาแบนเนอร์แบบปรับขนาดได้ ขนาดที่คุณได้รับจะใช้เพื่อส่งคำขอ
แบนเนอร์แบบปรับขนาดได้ หากต้องการขนาดโฆษณาแบบปรับขนาดได้ โปรดตรวจสอบว่าคุณดำเนินการต่อไปนี้
- ดูความกว้างของอุปกรณ์ที่ใช้งานเป็นความหนาแน่นของพิกเซลอิสระหรือตั้ง
ความกว้างของตัวเองหากคุณไม่ต้องการใช้ความกว้างเต็มหน้าจอ
เนื่องจาก API ของ Unity เช่น
Screen.width
จะแสดงผลพิกเซลสัมบูรณ์ คุณจึงต้องดำเนินการต่อไปนี้ หารด้วยขนาดของอุปกรณ์ (ดึงข้อมูลได้จากMobileAds.Utils.GetDeviceScale()
) - ใช้ธง
AdSize.FullWidth
สำหรับแบนเนอร์ความกว้างเต็ม - ใช้วิธีการแบบคงที่ที่เหมาะสมกับระดับขนาดโฆษณา เช่น
AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(width)
เพื่อรับออบเจ็กต์AdSize
แบบปรับอัตโนมัติสำหรับการวางแนวปัจจุบัน
- ดูความกว้างของอุปกรณ์ที่ใช้งานเป็นความหนาแน่นของพิกเซลอิสระหรือตั้ง
ความกว้างของตัวเองหากคุณไม่ต้องการใช้ความกว้างเต็มหน้าจอ
เนื่องจาก API ของ Unity เช่น
- สร้างออบเจ็กต์
BannerView
โดยใช้รหัสหน่วยโฆษณา ขนาดที่ปรับเปลี่ยนได้ และ ตำแหน่งที่เกี่ยวข้องสำหรับโฆษณาของคุณ - สร้างออบเจ็กต์คำขอโฆษณาและโหลดแบนเนอร์โดยใช้เมธอด
LoadAd()
ในมุมมองโฆษณาที่จัดเตรียมไว้ เหมือนที่ทำกับคำขอแบนเนอร์ปกติ
ตัวอย่างโค้ด
นี่คือตัวอย่างสคริปต์ที่โหลดและโหลดแบนเนอร์แบบปรับขนาดได้เพื่อให้พอดีกับ ความกว้างของหน้าจอ โดยพิจารณาจากพื้นที่ที่ปลอดภัย
using UnityEngine;
using System;
using GoogleMobileAds.Api;
public class AdaptiveBannerSample : MonoBehaviour
{
private BannerView _bannerView;
// Use this for initialization
void Start()
{
// Set your test devices.
// https://developers.google.com/ad-manager/mobile-ads-sdk/unity/test-ads
RequestConfiguration requestConfiguration = new RequestConfiguration
{
TestDeviceIds = new List<string>
{
AdRequest.TestDeviceSimulator,
// Add your test device IDs (replace with your own device IDs).
#if UNITY_IPHONE
"96e23e80653bb28980d3f40beb58915c"
#elif UNITY_ANDROID
"75EF8D155528C04DACBBA6F36F433035"
#endif
}
};
MobileAds.SetRequestConfiguration(requestConfiguration);
// Initialize the Google Mobile Ads SDK.
MobileAds.Initialize((InitializationStatus status) =>
{
RequestBanner();
});
}
public void OnGUI()
{
GUI.skin.label.fontSize = 60;
Rect textOutputRect = new Rect(
0.15f * Screen.width,
0.25f * Screen.height,
0.7f * Screen.width,
0.3f * Screen.height);
GUI.Label(textOutputRect, "Adaptive Banner Example");
}
private void RequestBanner()
{
// These ad units are configured to always serve test ads.
#if UNITY_EDITOR
string adUnitId = "unused";
#elif UNITY_ANDROID
string adUnitId = "ca-app-pub-3212738706492790/6113697308";
#elif UNITY_IPHONE
string adUnitId = "ca-app-pub-3212738706492790/5381898163";
#else
string adUnitId = "unexpected_platform";
#endif
// Clean up banner ad before creating a new one.
if (_bannerView != null)
{
_bannerView.Destroy();
}
AdSize adaptiveSize =
AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(AdSize.FullWidth);
_bannerView = new BannerView(adUnitId, adaptiveSize, AdPosition.Bottom);
// Register for ad events.
_bannerView.OnBannerAdLoaded += OnBannerAdLoaded;
_bannerView.OnBannerAdLoadFailed += OnBannerAdLoadFailed;
AdRequest adRequest = new AdRequest();
// Load a banner ad.
_bannerView.LoadAd(adRequest);
}
#region Banner callback handlers
private void OnBannerAdLoaded(object sender, EventArgs args)
{
Debug.Log("Banner view loaded an ad with response : "
+ _bannerView.GetResponseInfo());
Debug.Log("Ad Height: {0}, width: {1}",
_bannerView.GetHeightInPixels(),
_bannerView.GetWidthInPixels());
}
private void OnBannerAdLoadFailed(LoadAdError error)
{
Debug.LogError("Banner view failed to load an ad with error : "
+ error);
}
#endregion
}
ตรงนี้ฟังก์ชัน
ใช้ภาษาAdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth
เพื่อดูขนาดของแบนเนอร์ในตำแหน่งที่ตรึงไว้ของอินเทอร์เฟซปัจจุบัน
การวางแนว สำหรับการโหลดแบนเนอร์ยึดตำแหน่งไว้ล่วงหน้าในการวางแนวที่กำหนด ให้ใช้
ฟังก์ชันที่เกี่ยวข้องจาก AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth
และ AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth