您在放送廣告至影片或音訊播放器時,可以同時將隨播廣告放送至多媒體廣告版位。隨播廣告總是會隨著主廣告放送。
- VAST 廣告素材最多可包含 6 個相應的多媒體廣告
- 標籤可預防競爭廣告客戶的廣告同時放送
- 如果 VAST 回應內含的隨播廣告數量少於網頁上定義的多媒體廣告版位數量,就會以來自發布商聯播網的廣告候補
隨播廣告會在主廣告自動開始播放時立即載入,因此這兩種廣告會同時載入。如果主廣告必須由使用者啟動 (例如隨點即播),在使用者點擊主廣告前,隨播廣告版位中可以載入非隨播廣告。當使用者點擊播放影片後,隨播廣告將會取代非隨播廣告。
無論螢幕大小為何,自動調整大小隨播廣告會使用相同百分比的空間。如此一來,隨播廣告就能填滿整個螢幕。
可用的隨播廣告素材類型
如果您的 VAST 廣告素材包含隨播廣告素材,您可以使用下列任何項目:
- 圖片:標準圖片或指定第三方廣告伺服器代管的廣告素材網址。
- Campaign Manager 360:使用 Campaign Manager 360 產生的重新導向網址。
- 第三方:第三方廣告伺服器提供的程式碼。
- 自訂:由您自行建立程式碼以打造豐富的廣告體驗。
- 原生格式 (Beta 版) :標準或自訂原生格式。1,2
- 標準或自訂廣告素材範本:提示輸入資訊或上傳檔案的範本。
1 使用原生樣式做為放送方式時,如果預訂和程式輔助保證廣告活動具有發布商提供的廣告素材來源,系統即支援採用原生格式。
2 啟用原生影片的格式無法做為隨播廣告。
隨播廣告設定
如要放送隨播廣告素材,您的委刊項、網站和播放器都必須正確設定。
- 新增委刊項時,應將預期廣告素材設為主要影片或音訊廣告大小,並納入隨播廣告的大小。接著,當您投放影片或音訊廣告素材時,可以在大小中加入允許的隨播廣告。
- 您在定義多媒體廣告版位時,應使用指定隨播廣告行為的 GPT 代碼。
- 使用 IMA SDK 的播放器必須在請求的
ciu_szs
參數中設定隨播廣告大小。 - 如果您的播放器屬於 iframe 的類型,則您必須在 HTML 程式碼中加入 GPT Proxy 指令碼。
您可以找到如何搭配 Google 發布商廣告代碼使用隨播廣告的導入詳情。如果您未使用 GPT 程式庫,開發人員也許能使用 Ad API 導入隨播廣告支援功能,但下方所示的內容是以 GPT 功能為主。
支援隨播廣告的 GPT 方法
GPT JavaScript | 網頁 <head> 中的範例程式碼 |
---|---|
|
googletag.defineSlot( |
參數設為 true 的 |
googletag.companionAds(). |
如此一來,競爭排除條件就會同時套用到影片廣告和多媒體廣告。 |
|
可供「自動播放」影片和音訊選用。 這種方法可避免多媒體廣告載入到廣告單元後僅顯示幾秒鐘的時間,隨播廣告就登場放送的情況。 與隨點即播廣告相比,多媒體廣告無需停用初始載入,因為系統會一直載入並播放多媒體廣告,直到使用者按下播放,進而載入隨播廣告為止。 |
|
包含隨播多媒體廣告的範例 GPT 程式碼
網頁的完整 <head>
可能如下:
<script type='text/javascript'> window.googletag = window.googletag || {cmd: []}; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; gads.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { //
↓根據網站實際廣告單元與大小進行調整 googletag.defineSlot('/12345/path/to/adunit', [300, 250], 'div1').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.defineSlot('/12345/path/to/adunit', [160, 600], 'div2').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.defineSlot('/12345/path/to/adunit', [728, 90], 'div3').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.companionAds().setRefreshUnfilledSlots(true); googletag.pubads().enableVideoAds();
// ↓僅在自動播放影片網頁上才會用到 googletag.pubads().disableInitialLoad(); googletag.enableServices(); }); </script>
<body>
程式碼則可能如下:
<div id='div1' style='width:300px; min-height:250px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-1'); });
</script>
</div>
<div id='div2' style='width:160px; min-height:600px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-2'); });
</script>
</div>
<div id='div3' style='width:728px; min-height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-3'); });
</script>
</div>
min-height
屬性而非 height
屬性,以便在網頁上保留仍能顯示較大廣告的最小廣告版位空間。