「Mobile NativeAd」修訂間的差異

出自TAMedia
跳至導覽 跳至搜尋
imported>Wikiuser
imported>Wikiuser
 
(未顯示同一使用者於中間所作的 20 次修訂)
行 1: 行 1:


== 使用方式說明 ==
== 使用說明 ==


1. 請於HTML的head tag中加入Mobile SDK的JavaScript<br>
1. 請於HTML的head tag中加入Mobile SDK的JavaScript<br>
<br>
2. 請於window.onload中呼叫原生廣告,在請求時,請帶入正確的版位ID及Callback function,供SDK回傳原生廣告的素材<br>
2. 請於window.onload中呼叫原生廣告,在請求時,請帶入正確的版位ID及Callback function,供SDK回傳原生廣告的素材<br>
<br>
3. 於Callback function中取得原生廣告素材後,可使用CSS自行調整圖片及文字的顯示<br>
3. 於Callback function中取得原生廣告素材後,可使用CSS自行調整圖片及文字的顯示<br>


行 11: 行 13:
   <html>
   <html>
     <head>
     <head>
     <script type="text/javascript" src="http://adc.tamedia.com.tw/rmadp/static/js/gm-sdk3-mobile.js"></script>
     <script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/gm-sdk8-mobile.js"></script>
     <script type="text/javascript" language="javascript">
     <script type="text/javascript" language="javascript">
       window.onload = function(){
       window.onload = function(){
行 18: 行 20:
       function nativeAdCallback(nadParas){
       function nativeAdCallback(nadParas){
         // 表示目前有廣告
         // 表示目前有廣告
         if(nadParas == "00"){
         if(nadParas.SHORTSUBJECT){
            nadParas.SHORTSUBJECT    //短標題
            nadParas.SHORTSUBJECT    //短標題
            nadParas.LONGSUBJECT      //長標題
            nadParas.LONGSUBJECT      //長標題
            nadParas.ICONSQUARE      //Icon圖片
            nadParas.ICONSQUARE      //Icon圖片URL
            nadParas .IMAGE640X960    //640*960圖片
            nadParas.IMAGE960X640     //960*640圖片URL
            nadParas .IMAGE960X640   //960*640圖片
            nadParas.IMAGE1200X627   //1200*627圖片URL
            nadParas .IMAGE1280X720  //1280*720圖片
            nadParas.ICONRECTANGLE   //長方形Icon圖片URL
            nadParas .IMAGE720X1280  //720*1280圖片
            nadParas.VIDEO           //影片URL
            nadParas .IMAGE1200X627   //1200*627圖片
            nadParas.BODY             //內文
            nadParas .ICONRECTANGLE   //長方形Icon圖片
            nadParas.nurl             //點擊URL
            nadParas .VIDEO           //影片
            nadParas .BODY           //內文
            nadParas .nurl           //點擊URL
         }else{
         }else{
           //TO DO
           //TO DO
行 39: 行 38:
   </html>
   </html>


== Mobile Native AD SDK 參數說明==
{| class="wikitable"
| 參數名稱
| 參數型別
| 參數值
| 說明
|-
| slotSubId
| String
|
| 版位ID,由TAM提供
|-
| nativeAdCallback
| Function
| Callback function
| 為Callback Funciton供SDK回傳值使用
|}


 
== Callback Function 參數 ==
== Mobile Native AD SDK 參數說明==
{| class="wikitable"
{| {{table}}
| Callback Function 參數
| align="center" style="background:#f0f0f0;"|'''參數名稱'''
| 說明
| align="center" style="background:#f0f0f0;"|'''參數型別'''
| align="center" style="background:#f0f0f0;"|'''參數值'''
| align="center" style="background:#f0f0f0;"|'''說明'''
|-
|-
| slotSubId||String||||版位ID,由TAM提供
| 00
| 請求廣告成功
|-
|-
| venderId||String||||廠商代碼,由TAM提供
| 10
| NAD的Callback function不為function型態
|-
|-
| containerId||String||Html div id||預設為: MADdpzone
| 20
| 請求廣告成功,但無廣告
|-
|-
| openNewWindow||Boolean||true, false||是否另開新頁面
| 30
| 請求失敗,伺服器端回應錯誤
|-
|-
| true: 另開新頁面
| 40
| 請求錯誤
|-
|-
| false: 不另開新頁面
| nadParas.SHORTSUBJECT
| 原生廣告的短標題
|-
|-
| testFlag||Int||0,1||是否為測試模式(需搭配測試訂單使用)
| nadParas.LONGSUBJECT
| 原生廣告的長標題
|-
|-
| 0 : 不為測試模式
| nadParas.ICONSQUARE
| 原生廣告的Icon圖片URL
|-
|-
| 1 : 為測試模式
| nadParas.IMAGE960X640
| 原生廣告的960*640圖片URL
|-
|-
| callback||Function||Callback function||為Callback Funciton供SDK回傳參數使用
| nadParas.IMAGE1200X627
| 原生廣告的1200*627圖片URL
|-
|-
| floatPosition||Int||1,2||為懸浮廣告的顯示位置,預設值為1
| nadParas.ICONRECTANGLE
| 原生廣告的長方形Icon圖片URL
|-
|-
| 1 : 為網頁的置中靠左
| nadParas.VIDEO
| 原生廣告的影片URL
|-
|-
| 2 : 為網頁的置中靠右
| nadParas.BODY
| 原生廣告的內文
|-
|-
|  
| nadParas.nurl
| 原生廣告的點擊URL
|}
|}
[[檔案:NADSDK_v1.jpg]]
== Response ==
[[檔案:Mobileresponse_v1.jpg]]

於 2021年11月24日 (三) 06:47 的最新修訂

使用說明

1. 請於HTML的head tag中加入Mobile SDK的JavaScript

2. 請於window.onload中呼叫原生廣告,在請求時,請帶入正確的版位ID及Callback function,供SDK回傳原生廣告的素材

3. 於Callback function中取得原生廣告素材後,可使用CSS自行調整圖片及文字的顯示

範例程式

 <html>
   <head>
   <script type="text/javascript" src="https://adc.tamedia.com.tw/rmadp/static/js/gm-sdk8-mobile.js"></script>
   <script type="text/javascript" language="javascript">
      window.onload = function(){
           getNativeAdParas("testslot123456", nativeAdCallback);
      };
      function nativeAdCallback(nadParas){
        // 表示目前有廣告
        if(nadParas.SHORTSUBJECT){
           nadParas.SHORTSUBJECT     //短標題
           nadParas.LONGSUBJECT      //長標題
           nadParas.ICONSQUARE       //Icon圖片URL
           nadParas.IMAGE960X640     //960*640圖片URL
           nadParas.IMAGE1200X627    //1200*627圖片URL
           nadParas.ICONRECTANGLE    //長方形Icon圖片URL
           nadParas.VIDEO            //影片URL
           nadParas.BODY             //內文
           nadParas.nurl             //點擊URL
        }else{
          //TO DO
        }
     };
   </script>
   </head>
 </html>

Mobile Native AD SDK 參數說明

參數名稱 參數型別 參數值 說明
slotSubId String 版位ID,由TAM提供
nativeAdCallback Function Callback function 為Callback Funciton供SDK回傳值使用

Callback Function 參數

Callback Function 參數 說明
00 請求廣告成功
10 NAD的Callback function不為function型態
20 請求廣告成功,但無廣告
30 請求失敗,伺服器端回應錯誤
40 請求錯誤
nadParas.SHORTSUBJECT 原生廣告的短標題
nadParas.LONGSUBJECT 原生廣告的長標題
nadParas.ICONSQUARE 原生廣告的Icon圖片URL
nadParas.IMAGE960X640 原生廣告的960*640圖片URL
nadParas.IMAGE1200X627 原生廣告的1200*627圖片URL
nadParas.ICONRECTANGLE 原生廣告的長方形Icon圖片URL
nadParas.VIDEO 原生廣告的影片URL
nadParas.BODY 原生廣告的內文
nadParas.nurl 原生廣告的點擊URL