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