แบนเนอร์ที่ปรับเปลี่ยนได้ที่อยู่ด้านล่างสุด

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

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

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

สิ่งที่ต้องดำเนินการก่อน

กรณีที่ควรใช้แบนเนอร์แบบปรับขนาดได้

โดยแบนเนอร์แบบปรับขนาดได้ออกแบบมาเพื่อแทนที่แบนเนอร์ทั้งขนาดมาตรฐานอุตสาหกรรมขนาด 320x50 และรูปแบบแบนเนอร์อัจฉริยะที่จะนำมาใช้แทนได้ตามต้องการ

ขนาดแบนเนอร์เหล่านี้มักใช้เป็นแบนเนอร์ยึดตำแหน่ง ซึ่งโดยปกติจะล็อกไว้ที่ด้านบนหรือด้านล่างของหน้าจอ

สําหรับแบนเนอร์ยึดตำแหน่งดังกล่าว สัดส่วนภาพเมื่อใช้แบนเนอร์แบบปรับขนาดได้จะใกล้เคียงกับโฆษณามาตรฐาน 320x50 ดังที่แสดงใน 3 ตัวอย่างด้านล่าง


แบนเนอร์ 320x50
แบนเนอร์แบบปรับขนาดได้
แบนเนอร์อัจฉริยะ

แบนเนอร์แบบปรับขนาดได้จะใช้ประโยชน์จากขนาดหน้าจอที่มีอยู่มากขึ้น นอกจากนี้ เมื่อเทียบกับแบนเนอร์อัจฉริยะแล้ว แบนเนอร์แบบปรับขนาดได้เป็นตัวเลือกที่ดีกว่าเนื่องจาก

  • โดยใช้ความกว้างเท่าใดก็ได้ที่คุณระบุ แทนที่จะบังคับให้เป็นความกว้างเต็มหน้าจอ ทำให้คุณสามารถพิจารณาพื้นที่ที่ปลอดภัยบน iOS และหน้าจอรอยบากบน Android

  • โดยจะเลือกความสูงที่เหมาะสมสำหรับอุปกรณ์ที่ต้องการ แทนที่จะมีความสูงคงที่ในอุปกรณ์ขนาดต่างๆ เพื่อลดผลกระทบจากการกระจายตัวของอุปกรณ์

หมายเหตุการใช้งาน

โปรดคำนึงถึงสิ่งต่อไปนี้เมื่อใช้แบนเนอร์แบบปรับขนาดได้ในแอป

  • คุณต้องทราบความกว้างของมุมมองที่จะวางโฆษณา และควรคำนึงถึงความกว้างของอุปกรณ์และพื้นที่ปลอดภัยหรือส่วนตัดที่เกี่ยวข้อง
  • ตรวจสอบว่าพื้นหลังของมุมมองโฆษณาเป็นแบบทึบเพื่อให้เป็นไปตามนโยบาย AdMob เมื่อโฆษณาขนาดเล็กแสดงซึ่งไม่เต็มช่องโฆษณา
  • ตรวจสอบว่าคุณใช้ปลั๊กอิน Unity สำหรับโฆษณาบนอุปกรณ์เคลื่อนที่ของ Google เวอร์ชันล่าสุดอยู่ สําหรับสื่อกลาง ให้ใช้อะแดปเตอร์สื่อกลางแต่ละรายการเวอร์ชันล่าสุด
  • ขนาดแบนเนอร์แบบปรับขนาดได้ออกแบบมาให้ทำงานได้ดีที่สุดเมื่อใช้ความกว้างทั้งหมดที่มีอยู่ ซึ่งโดยมากแล้วจะเป็นความกว้างเต็มขนาดหน้าจอของอุปกรณ์ที่ใช้อยู่ อย่าลืมคำนึงถึงพื้นที่ปลอดภัยที่เกี่ยวข้อง
  • Google Mobile Ads SDK จะกำหนดขนาดแบนเนอร์ด้วยความสูงของโฆษณาที่เหมาะสมตามความกว้างที่ระบุเมื่อใช้ API ของ AdSize แบบปรับอัตโนมัติ
  • วิธีการดูขนาดโฆษณาที่ปรับเปลี่ยนได้มี 3 วิธี ได้แก่ AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth สำหรับแนวนอน AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth สำหรับแนวตั้ง และ AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth สำหรับการวางแนวปัจจุบันขณะดำเนินการ
  • ขนาดที่แสดงผลสำหรับความกว้างที่กำหนดบนอุปกรณ์ที่กำหนดจะเท่ากันเสมอ ดังนั้นเมื่อคุณทดสอบเลย์เอาต์บนอุปกรณ์ที่กำหนดแล้ว คุณจะมั่นใจได้ว่าขนาดโฆษณาจะไม่เปลี่ยนแปลง
  • ความสูงของแบนเนอร์โฆษณา Anchor ต้องไม่น้อยกว่า 15% ของความสูงของอุปกรณ์ หรือ 90 ความหนาแน่นของพิกเซลอิสระและไม่น้อยกว่าความหนาแน่นของพิกเซลอิสระ 50 รายการ
  • สำหรับแบนเนอร์ความกว้างเต็ม คุณสามารถใช้แฟล็ก AdSize.FullWidth แทนการระบุความกว้างที่เจาะจงได้

คู่มือเริ่มใช้งานฉบับย่อ

ทำตามขั้นตอนด้านล่างเพื่อติดตั้งใช้งานแบนเนอร์ยึดตำแหน่งที่ปรับเปลี่ยนได้แบบง่าย

  1. รับขนาดโฆษณาแบนเนอร์แบบปรับขนาดได้ เราจะใช้ขนาดที่คุณได้รับเพื่อขอ แบนเนอร์แบบปรับขนาดได้ โปรดตรวจสอบว่าคุณได้ดำเนินการต่อไปนี้เพื่อให้ได้ขนาดโฆษณาแบบปรับขนาดได้
    1. ดูความกว้างของอุปกรณ์ที่ใช้งานเป็นความหนาแน่นของพิกเซลอิสระหรือกำหนดความกว้างเองหากคุณไม่ต้องการใช้ความกว้างของหน้าจอเต็ม เนื่องจาก API ของ Unity เช่น Screen.width จะแสดงผลพิกเซลสัมบูรณ์ คุณจึงต้องหารด้วยขนาดของอุปกรณ์ (ดึงข้อมูลได้จาก MobileAds.Utils.GetDeviceScale())
    2. ใช้ธง AdSize.FullWidth สำหรับแบนเนอร์ความกว้างเต็ม
    3. ใช้วิธีการแบบคงที่ที่เหมาะสมกับคลาสขนาดโฆษณา เช่น AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(width) เพื่อรับออบเจ็กต์ AdSize แบบปรับอัตโนมัติสำหรับการวางแนวปัจจุบัน
  2. สร้างออบเจ็กต์ BannerView โดยใช้รหัสหน่วยโฆษณา ขนาดที่ปรับเปลี่ยนได้ และตำแหน่งที่เกี่ยวข้องสำหรับโฆษณา
  3. สร้างออบเจ็กต์คำขอโฆษณา แล้วโหลดแบนเนอร์โดยใช้เมธอด 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/admob/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 ในการรับขนาดของแบนเนอร์ในตำแหน่ง Anchor สำหรับการวางแนวอินเทอร์เฟซปัจจุบัน สำหรับการโหลดแบนเนอร์ยึดตำแหน่งไว้ล่วงหน้าในการวางแนวที่กำหนด ให้ใช้ฟังก์ชันที่เกี่ยวข้องจาก AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth และ AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth