TAMedia MobileWeb Banner & 插頁式廣告使用 AdManager 串接教學
於 2020年3月11日 (三) 02:11 由 imported>Wikiuser 所做的修訂 (→使用 Ad Manager 的串接方法 - 方法 1(建議使用))
TAMedia 廣告 與 Ad Manager 廣告大小對應表
TAMedia 廣告類型 | AD Manager 對應的廣告大小 |
插頁式廣告 | 320 x 480 or 1 x 1 |
長型Banner | 320 x 50 |
方型Banner | 300 x 250 |
使用 Ad Manager 的串接方法 - 方法 1(建議使用)
選擇 Ad Manager 廣告單元 對應之廣告大小 進行串接(以下以插頁式廣告為例)
- 插頁式廣告,開發商須自行製作叉叉覆蓋在廣告之上去處理廣告移除
- 放送到 Safeframe:請勾選
- 請自行先將請求廣告(adLoad2)之參數自行修改再使用
- 直接貼到 Ad Manager "第三方"串接範例:
<script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/gm-sdk7-mobile.js"></script>
<div id="div-tam-ad-testSlot12345"></div>
<script type="text/javascript" language="javascript">
function adManagerCurl(){
return "%%PATTERN:url%%";
}
adLoad2('testSlot12345', '', 'div-tam-ad-testSlot12345', true, 0, tamOnReceiveAdInt);
function tamOnReceiveAdInt(status){
console.log('%c[TAMedia]%c Int Callback status : ' + status, 'background:#DDDDDD;color:#FF5511;', 'background:#DDDDDD;color:#000000;');
}
</script>
使用 Passback
- Passback 資訊請自行修改
<script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/gm-sdk7-mobile.js"></script>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<div id="div-tam-ad-testSlot12345"></div>
<div id="gpt-passback">
<script type="text/javascript" language="javascript">
function adManagerCurl(){
return "%%PATTERN:url%%";
}
adLoad2('testSlot12345', '', 'div-tam-ad-testSlot12345', true, 0, tamOnReceiveAdInt);
function tamOnReceiveAdInt(status){
console.log('%c[TAMedia]%c Int Callback status : ' + status, 'background:#DDDDDD;color:#FF5511;', 'background:#DDDDDD;color:#000000;');
if('00' != status){
console.log('[TAMedia] Call To Passback.'); gamPassback();
}
}
function gamPassback(){ window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/12345678/intOTHER_12345678', [320, 480], 'gpt-passback').addService(googletag.pubads()); googletag.pubads().set('page_url', '%%PATTERN:url%%'); googletag.enableServices(); googletag.display('gpt-passback'); });
}
</script>
</div>
使用 Ad Manager 的串接方法 - 方法 2
選擇 Ad Manager 廣告單元 1 x 1 進行串接(以下以插頁式廣告為例)
- 放送到 Safeframe:請勿勾選
- 請自行先將請求廣告(adLoad2)之參數自行修改再使用
- 直接貼到 Ad Manager "第三方"串接範例:
<script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/tam-dfp-mediation.js"></script>
<script type="text/javascript" language="javascript">
adLoad2('testSlot12345', '', 'div-tam-ad-testSlot12345', true, 0, tamOnReceiveAdInt);
function tamOnReceiveAdInt(status){
console.log('%c[TAMedia]%c Int Callback status : ' + status, 'background:#DDDDDD;color:#FF5511;', 'background:#DDDDDD;color:#000000;');
}
</script>
使用 Passback
- 請從 Ad Manager 以一般產出代碼方式取得必要資訊帶入 dfpPassback 函式(依序為 "廣告單元ID", "Div Tag ID", "Size Array")
<script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/tam-dfp-mediation.js"></script>
<script type="text/javascript" language="javascript">
adLoad2('testSlot12345', '', 'div-tam-ad-testSlot12345', true, 0, tamOnReceiveAdInt);
function tamOnReceiveAdInt(status){
console.log('%c[TAMedia]%c Int Callback status : ' + status, 'background:#DDDDDD;color:#FF5511;', 'background:#DDDDDD;color:#000000;');
if('00' != status){
dfpPassback('/12345678/intOTHER_12345678', 'div-gpt-ad-1234567890-0', [320, 480]);
}
}
</script>
TAMedia Callback Function 參數
Callback Function 參數 | 說明 |
00 | 請求廣告成功 |
20 | 請求廣告成功,但無廣告 |