เริ่มต้นใช้งาน
โฆษณาซ้อนทับแบบเนทีฟจะแสดงให้ผู้ใช้เห็นผ่านคอมโพเนนต์ UI ที่เป็นโฆษณาเนทีฟ กับแพลตฟอร์มเลย โฆษณาเหล่านี้จะแสดงเป็นโฆษณาซ้อนทับที่ด้านบนของ แอปพลิเคชัน ซึ่งคล้ายกับลักษณะการทำงานของโฆษณาแบนเนอร์ แต่มีความสามารถดังนี้ ปรับแต่งรูปลักษณ์ของโฆษณา
โฆษณาซ้อนทับเนทีฟรองรับสื่อกลางและโฆษณาวิดีโอ นี่คือข้อดีที่สำคัญ โฆษณาซ้อนทับแบบเนทีฟมีมากกว่าโฆษณาเนทีฟ
คู่มือนี้จะแสดงวิธีใช้โฆษณาซ้อนทับแบบเนทีฟในแอป Unity รวมถึง เป็นสิ่งที่สำคัญที่ควรพิจารณาไปพร้อมๆ กัน
ข้อกำหนดเบื้องต้น
- ทำตามคู่มือเริ่มต้นใช้งานจนจบ
- ปลั๊กอิน Unity 9.0.0 ขึ้นไป
ทดสอบด้วยโฆษณาทดสอบเสมอ
โค้ดตัวอย่างต่อไปนี้มีรหัสหน่วยโฆษณาที่คุณใช้เพื่อขอได้ โฆษณาทดสอบ โดยได้รับการกำหนดค่าเป็นพิเศษให้ส่งคืนโฆษณาทดสอบ โฆษณาในเวอร์ชันที่ใช้งานจริงสำหรับทุกคำขอ ทำให้ใช้งานได้อย่างปลอดภัย
อย่างไรก็ตาม หลังจากที่คุณลงทะเบียนแอปใน เว็บอินเทอร์เฟซของ AdMob และสร้างหน่วยโฆษณาของคุณเอง รหัสสำหรับใช้ในแอป ให้กำหนดค่าอุปกรณ์เป็นการทดสอบให้ชัดเจน อุปกรณ์ในระหว่าง ที่กำลังพัฒนา
Android
ca-app-pub-3940256099942544/2247696110
iOS
ca-app-pub-3940256099942544/3986624511
โหลดโฆษณาซ้อนทับเนทีฟ
การโหลดโฆษณาซ้อนทับแบบเนทีฟสามารถทำได้โดยใช้เมธอด Load()
แบบคงที่ใน
ชั้นเรียน NativeOverlayAd
ออบเจ็กต์ NativeOverlayAd
ที่โหลดระบุเป็น
พารามิเตอร์ในตัวแฮนเดิลการเสร็จสมบูรณ์
โค้ดต่อไปนี้ใช้ NativeOverlayAd
ในการโหลดโฆษณา
// These ad units are configured to always serve test ads.
#if UNITY_ANDROID
private string _adUnitId = "ca-app-pub-3940256099942544/2247696110";
#elif UNITY_IPHONE
private string _adUnitId = "ca-app-pub-3940256099942544/3986624511";
#else
private string _adUnitId = "unused";
#endif
private NativeOverlayAd _nativeOverlayAd;
/// <summary>
/// Loads the ad.
/// </summary>
public void LoadAd()
{
// Clean up the old ad before loading a new one.
if (_nativeOverlayAd != null)
{
DestroyAd();
}
Debug.Log("Loading native overlay ad.");
// Create a request used to load the ad.
var adRequest = new AdRequest();
// Optional: Define native ad options.
var options = new NativeAdOptions
{
AdChoicesPosition = AdChoicesPlacement.TopRightCorner,
MediaAspectRatio = NativeMediaAspectRatio.Any,
};
// Send the request to load the ad.
NativeOverlayAd.Load(_adUnitId, adRequest, options,
(NativeOverlayAd ad, LoadAdError error) =>
{
if (error != null)
{
Debug.LogError("Native Overlay ad failed to load an ad " +
" with error: " + error);
return;
}
// The ad should always be non-null if the error is null, but
// double-check to avoid a crash.
if (ad == null)
{
Debug.LogError("Unexpected error: Native Overlay ad load event " +
" fired with null ad and null error.");
return;
}
// The operation completed successfully.
Debug.Log("Native Overlay ad loaded with response : " +
ad.GetResponseInfo());
_nativeOverlayAd = ad;
// Register to ad events to extend functionality.
RegisterEventHandlers(ad);
});
}
แสดงและจัดรูปแบบโฆษณาซ้อนทับเนทีฟ
โฆษณาซ้อนทับเนทีฟจะแสดงผลโดยใช้ NativeTemplateStyle
ชั้นเรียนนี้
จะระบุช่องที่ช่วยให้คุณปรับแต่งลักษณะของโฆษณาได้
TemplateID
เป็นสตริงที่จำเป็นซึ่งระบุเทมเพลตเนทีฟที่ใช้เพื่อ
แสดงโฆษณาซ้อนทับแบบเนทีฟ ใช้ค่าคงที่ NativeTemplateID
เพื่อเลือก
เทมเพลตเนทีฟที่เหมาะกับโฆษณาของคุณ
โค้ดต่อไปนี้แสดงโฆษณาเนทีฟที่วางซ้อนด้วยเทมเพลตขนาดกลางและสไตล์ที่กําหนดเอง
/// <summary>
/// Renders the ad.
/// </summary>
public void RenderAd()
{
if (_nativeOverlayAd != null)
{
Debug.Log("Rendering Native Overlay ad.");
// Define a native template style with a custom style.
var style = new NativeTemplateStyle
{
TemplateID = NativeTemplateID.Medium,
MainBackgroundColor = Color.red,
CallToActionText = new NativeTemplateTextStyles
{
BackgroundColor = Color.green,
FontColor = Color.white,
FontSize = 9,
Style = NativeTemplateFontStyle.Bold
}
};
// Renders a native overlay ad at the default size
// and anchored to the bottom of the screne.
_nativeOverlayAd.RenderTemplate(style, AdPosition.Bottom);
}
}
แสดงและซ่อนโฆษณาซ้อนทับเนทีฟ
โค้ดต่อไปนี้แสดงวิธีแสดงโฆษณาซ้อนทับเนทีฟที่โหลด
/// <summary>
/// Shows the ad.
/// </summary>
public void ShowAd()
{
if (_nativeOverlayAd != null)
{
Debug.Log("Showing Native Overlay ad.");
_nativeOverlayAd.Show();
}
}
ซ่อนโฆษณาเนทีฟที่ซ้อนทับ
โค้ดต่อไปนี้แสดงวิธีซ่อนโฆษณาซ้อนทับเนทีฟ
/// <summary>
/// Hides the ad.
/// </summary>
public void HideAd()
{
if (_nativeOverlayAd != null)
{
Debug.Log("Hiding Native Overlay ad.");
_nativeOverlayAd.Hide();
}
}
ทำลายโฆษณาซ้อนทับแบบเนทีฟ
เมื่อใช้โฆษณาซ้อนทับเนทีฟเสร็จแล้ว อย่าลืมเรียก Destroy()
เพื่อ
ปล่อยทรัพยากร
/// <summary>
/// Destroys the native overlay ad.
/// </summary>
public void DestroyAd()
{
if (_nativeOverlayAd != null)
{
Debug.Log("Destroying native overlay ad.");
_nativeOverlayAd.Destroy();
_nativeOverlayAd = null;
}
}
ขั้นตอนถัดไป
- ดูข้อมูลเพิ่มเติมเกี่ยวกับโฆษณาเนทีฟใน Playbook สำหรับโฆษณาเนทีฟ
- โปรดดูนโยบายและหลักเกณฑ์ของโฆษณาเนทีฟ