Skip to main content

Web - 置顶/置底横幅广告

总览

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 License Key for Banner"
            vpon_ad_format="320x50_mb"
            debug="true"></vpon>
...
      <vpon vpon_ad_test="1"
            vpon_ad_licensy_key="Your License Key for Banner"
            vpon_ad_format="320x50_mb"
            vpon_ad_adhesion="top"
            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_isBottom 是否为置底横幅广告 N top/bottom
置顶：”top”
置底：”buttom”
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