เริ่มต้นใช้งาน
โฆษณาเนทีฟซ้อนทับจะแสดงต่อผู้ใช้ผ่านคอมโพเนนต์ UI ที่เป็นเนทีฟของแพลตฟอร์ม โฆษณาเหล่านี้จะแสดงเป็นภาพซ้อนทับบนแอปพลิเคชัน วิธีการนี้คล้ายกับวิธีการทํางานของโฆษณาแบนเนอร์ แต่สามารถปรับแต่งลักษณะที่ปรากฏของโฆษณาได้
โฆษณาเนทีฟซ้อนทับรองรับสื่อกลางและโฆษณาวิดีโอ นี่เป็นข้อได้เปรียบที่สําคัญของโฆษณาเนทีฟซ้อนทับเหนือโฆษณาเนทีฟ
คู่มือนี้แสดงวิธีใช้โฆษณาเนทีฟซ้อนทับในแอป Unity รวมถึงสิ่งสำคัญบางอย่างที่ควรพิจารณาตลอดเส้นทาง
ข้อกำหนดเบื้องต้น
- ทำตามคู่มือเริ่มต้นใช้งาน
- ปลั๊กอิน Unity 9.0.0 ขึ้นไป
ทดสอบด้วยโฆษณาทดสอบเสมอ
โค้ดตัวอย่างต่อไปนี้มีรหัสหน่วยโฆษณาที่คุณสามารถใช้เพื่อขอโฆษณาทดสอบ เราได้กําหนดค่ามาเป็นพิเศษให้แสดงโฆษณาทดสอบแทนโฆษณาเวอร์ชันที่ใช้งานจริงสําหรับคําขอทุกรายการ จึงใช้งานได้อย่างปลอดภัย
อย่างไรก็ตาม หลังจากลงทะเบียนแอปในเว็บอินเทอร์เฟซของ Ad Manager และสร้างรหัสหน่วยโฆษณาของคุณเองเพื่อใช้ในแอปแล้ว ให้กําหนดค่าอุปกรณ์เป็นอุปกรณ์ทดสอบอย่างชัดเจนในระหว่างการพัฒนา
/21775744923/example/native
โหลดโฆษณาเนทีฟซ้อนทับ
การโหลดโฆษณาเนทีฟที่วางซ้อนจะทําได้โดยใช้เมธอด Load()
แบบคงที่ในคลาส NativeOverlayAd
ออบเจ็กต์ NativeOverlayAd
ที่โหลดจะแสดงเป็นพารามิเตอร์ใน Completion Handler
โค้ดต่อไปนี้ใช้ NativeOverlayAd
เพื่อโหลดโฆษณา
// This ad unit is configured to always serve test ads.
private string _adUnitId = "/21775744923/example/native";
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;
}
}