總覽
Vpon Mobile Web SDK 提供置頂/置底橫幅廣告
,讓橫幅廣告可固定於行動裝置的螢幕下方,提高使用者觀看廣告的機率,以提升廣告收益。
Note: 此廣告僅支援
行動裝置
,使用者透過 PC 瀏覽該網站則廣告不會顯示!
廣告格式
Vpon Mobile Web SDK 支援以下置頂/置底廣告格式
:
名稱 | Size(WxH) |
---|---|
Banner | 320x50 |
嵌入廣告程式碼
與一般 Web Banner 相似,同樣是在行動網頁的 <body> 中填入 <vpon> tag,唯一不同點在於當 <vpon> tag 中包含了 vpon_ad_adhesion
的屬性且其參數為 “top” 或 “bottom” 時,可自動將該廣告固定於行動裝置的螢幕上方或下方。
在網頁 <body> 內欲放廣告的位置加上以下程式碼:
<body>
...
<vpon vpon_ad_test="1"
vpon_ad_licensy_key="Your First License Key for License Key"
vpon_ad_format="320x50_mb"
debug="true"></vpon>
...
<vpon vpon_ad_test="1"
vpon_ad_licensy_key="Your Second License Key for License Key"
vpon_ad_format="320x50_mb"
vpon_ad_adhesion="bottom"
debug="true"></vpon>
...
<script type="text/javascript" src="https://m.vpon.com/sdk/vpadn-sdk.js"> </script>
...
</body>
Note:
Vpon Web SDK 支援
HTTPS
,在將 SDK 檔案引入時請如範例所示使用https://m.vpon.com/sdk/vpadn-sdk.js
讓瀏覽器在載入頁面時可依照當前頁面自動判斷並引用適當資源,每個頁面只需引入一次,必須加在 </body> 前。同一網頁最多嵌入
3
個廣告版面 (如範例所示),每個版位請使用不同的 License Key。Adhesion Ad 倘若嵌入在 iframe 內,將會失去自動固定於行動裝置的螢幕下方的功能。
存檔後,重新讀取網頁,您就可以在有 <vpon> tag 的位置看到
測試廣告
被拉取。如要將網站正式上線,請將 vpon_ad_test 的參數改為
"0"
以拉取正式廣告。
Advanced Setup
名稱 | 描述 | 必要 | 範例 |
---|---|---|---|
vpon_ad_licensy_key | 版位 ID | Y | 輸入 Vpon License Key |
vpon_ad_format | 置頂/置底橫幅廣告格式 320x50_mb |
Y | “320x50_mb” |
vpon_ad_test | 是否拉取測試廣告 | N | 1(是)/0(否) 預設為 “1” |
vpon_ad_adhesion | 將橫幅廣告設為置頂或置底 | N | top/bottom 置頂:”top” 置底:”bottom” |
debug | 是否在 console 顯示 debug 資訊 | N | true/false 預設為 “false” |
openTab | 是否開啓新tab 顯示 廣告內容 | N | true/false 預設為 “true” |
ad_request_callback | 沒有廣告回傳時的 Callback Function | N | 請參考 Callback |
結果
FAQ
仍然看不到廣告?
請確認以下項目:
- 請試著用行動裝置上的瀏覽器開啟網站。
- 先清除瀏覽器快取並刪除 Cookie,然後重新連線到網站。
仍然無法解決?
請將 debug 模式打開,重新連線網站,將 “Vpadn-“ 開頭的訊息截取下來並且聯繫 Vpon FAE