Mobile Banner 、 Interstitial and FloatAd
於 2019年3月4日 (一) 08:25 由 imported>Wikiuser 所做的修訂 (新頁面: == 使用說明 == 1. 設定doctype<br> <!DOCTYPE html> 2. 於<head></head>之間插入以下程式碼(meta tag 設定根據狀況自行調整)<br> <meta name="viewport" conten...)
使用說明
1. 設定doctype
<!DOCTYPE html>
2. 於<head></head>之間插入以下程式碼(meta tag 設定根據狀況自行調整)
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
<script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/messenger.js"></script>
<script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/gm-sdk6-mobile.js"></script>
3. 於<body></body>之間插入以下程式碼,貼放的位置即為展示的位置,請自行調整(請求廣告參數及各參數應使用之型別請記得修改,詳見範例程式)
<div id="div-tam-ad-slotSubId"></div>
<script type="text/javascript" language="javascript">
adLoad2(slotSubId, venderId, containerId, openNewWindow, testFlag, callback, floatPosition);
</script>
參數名稱 | 參數型別 | 參數值 | 說明 |
slotSubId | String | 廣告版位ID,由TAMedia提供 | |
venderId | String | 請保留為空字串 | |
containerId | String | 自定義的 Html div id | 預設為:div-tam-ad-slotSubId |
openNewWindow | Boolean | true, false | 請代入true |
testFlag | Int | 0, 1 | 是否為測試模式 0:正式模式 1:測試模式 |
callback | Function | Callback function | 為 Callback Funciton 供 SDK 回傳值使用 |
floatPosition(若為懸浮廣告再代此參數即可) | Int | 1, 2 | 為懸浮廣告的顯示位置,預設值為 1 1:為網頁的置中靠左 2:為網頁的置中靠右 |
Callback Function 參數
Callback Function 參數 | 說明 |
00 | 請求廣告成功 |
20 | 請求廣告成功,但無廣告 |
範例程式
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/> <script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/messenger.js"></script> <script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/gm-sdk6-mobile.js"></script> </head> <body> <div id="div-tam-ad-testslotid123456"></div> <script type="text/javascript" language="javascript"> adLoad2('testslotid123456', '', 'div-tam-ad-testslotid123456', true, 0, callback, 1); function callback(status){ console.log('%c[TAMedia]%c Callback status : ' + status, 'background:#DDDDDD;color:#FF5511;', 'background:#DDDDDD;color:#000000;'); } </script> </body> </html>