ad.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta name="HandheldFriendly" content="true">
  7. <meta name="MobileOptimized" content="320">
  8. <title>Ad Document</title>
  9. <link rel="stylesheet" type="text/css" href="res/doc.css" charset="utf-8">
  10. <link rel="stylesheet" type="text/css" href="res/prettify.sons.css" charset="utf-8">
  11. <script type="text/javascript" src="res/doc.js" charset="utf-8"></script><script type="text/javascript" src="res/prettify.js" charset="utf-8"></script>
  12. </head>
  13. <body><div id="content" class="content">
  14. <h1><a name="plus.ad">ad</a></h1>
  15. <p>AD模块实现uni-AD广告联盟功能,聚合目前国内流行的广告平台广点通(腾讯)、穿山甲(今日头条)、360广告等,支持信息流、Banner等广告。</p>
  16. <h2>方法:</h2>
  17. <ul>
  18. <li>
  19. <a href="#plus.ad.createAdView">createAdView</a>: 创建广告控件</li>
  20. <li>
  21. <a href="#plus.ad.getAds">getAds</a>: 获取信息流广告数据</li>
  22. <li>
  23. <a href="#plus.ad.releaseAdData">releaseAdData</a>: 释放广告数据</li>
  24. </ul>
  25. <h2>对象:</h2>
  26. <ul>
  27. <li>
  28. <a href="#plus.ad.AdData">AdData</a>: 信息流广告数据对象</li>
  29. <li>
  30. <a href="#plus.ad.AdView">AdView</a>: 广告控件对象</li>
  31. <li>
  32. <a href="#plus.ad.AdViewStyles">AdViewStyles</a>: 广告原生控件样式</li>
  33. <li>
  34. <a href="#plus.ad.AdsOptions">AdsOptions</a>: 获取信息流广告的参数</li>
  35. </ul>
  36. <h2>回调方法:</h2>
  37. <ul>
  38. <li>
  39. <a href="#plus.ad.GetAdsSuccessCallback">GetAdsSuccessCallback</a>: 获取信息流广告成功回调函数</li>
  40. <li>
  41. <a href="#plus.ad.ADViewRenderingCallback">ADViewRenderingCallback</a>: 监听广告渲染完成事件回调函数</li>
  42. <li>
  43. <a href="#plus.ad.ADviewDislikedCallback">ADviewDislikedCallback</a>: 监听点击关闭广告事件回调函数</li>
  44. <li>
  45. <a href="#plus.ad.AdSuccessCallback">AdSuccessCallback</a>: 广告操作成功回调函数</li>
  46. <li>
  47. <a href="#plus.ad.AdErrorCallback">AdErrorCallback</a>: 广告操作错误回调函数</li>
  48. </ul>
  49. <h2>权限:</h2>
  50. <p>5+功能模块(permissions)</p>
  51. <pre class="prettyprint linenums">
  52. {
  53. // ...
  54. "permissions":{
  55. // ...
  56. "Ad": {
  57. "description": "UniAd广告"
  58. }
  59. }
  60. }
  61. </pre>
  62. <h1><a name="plus.ad.AdData">AdData</a></h1>
  63. <p>信息流广告数据对象</p>
  64. <h2>属性:</h2>
  65. <ul>
  66. <li>
  67. <a href="#plus.ad.AdData.description">description</a>: 广告描述信息</li>
  68. <li>
  69. <a href="#plus.ad.AdData.showMode">showMode</a>: 广告显示类型</li>
  70. <li>
  71. <a href="#plus.ad.AdData.title">title</a>: 广告标题</li>
  72. </ul>
  73. <h1><a name="plus.ad.AdView">AdView</a></h1>
  74. <p>广告控件对象</p>
  75. <pre class="prettyprint linenums">
  76. interface plus.ad.AdView extends plus.nativeObj.View {
  77. // Methods
  78. function void renderingBind(data);
  79. function void setRenderingListener(ADViewRenderingCallback);
  80. function void setDislikeListener(ADviewDislikedCallback);
  81. }
  82. </pre>
  83. <h2>说明:</h2>
  84. <p class="des">
  85. AdView从plus.nativeObj.View继承,
  86. 用于渲染显示广告的原生控件,目前仅支持“模板渲染”模式,暂不支持“自定义渲染”模式。
  87. 使用广告控件步骤:
  88. 创建广告控件AdView,添加到Webview中,高度设置为"0px",此时不显示
  89. 获取广告数据,将广告数据绑定到AdView上并开始渲染
  90. 监听广告渲染事件,广告渲染成功后更新AdView的高度,显示广告
  91. 注意:广告控件创建后需添加到Webview窗口中才能显示,关闭广告。
  92. </p>
  93. <h2>方法:</h2>
  94. <ul>
  95. <li>
  96. <a href="#plus.ad.AdView.renderingBind">renderingBind</a>: 绑定广告数据并渲染</li>
  97. <li>
  98. <a href="#plus.ad.AdView.setRenderingListener">setRenderingListener</a>: 监听广告渲染完成事件</li>
  99. <li>
  100. <a href="#plus.ad.AdView.setDislikeListener">setDislikeListener</a>: 监听点击关闭广告事件</li>
  101. </ul>
  102. <h1><a name="plus.ad.AdViewStyles">AdViewStyles</a></h1>
  103. <p>广告原生控件样式</p>
  104. <h2>属性:</h2>
  105. <ul>
  106. <li>top: <em>(<font class="type">String</font>
  107. 类型
  108. )</em>AdView控件左上角的垂直偏移量<br><p>
  109. 可取值:
  110. 像素值,如"100px";
  111. 百分比,如"10%",相对于父Webview窗口的高度。
  112. 默认值为"0px"。
  113. </p>
  114. </li>
  115. <li>left: <em>(<font class="type">String</font>
  116. 类型
  117. )</em>AdView控件左上角的水平偏移量<br><p>
  118. 可取值:
  119. 像素值,如"100px";
  120. 百分比,如"10%",相对于父Webview窗口的宽度。
  121. 默认值为"0px"。
  122. </p>
  123. </li>
  124. <li>width: <em>(<font class="type">String</font>
  125. 类型
  126. )</em>AdView控件的宽度<br><p>
  127. 可取值:
  128. 像素值,如"100px";
  129. 百分比,如"10%",相对于父Webview窗口的宽度。
  130. 默认值为"100%"。
  131. </p>
  132. </li>
  133. <li>height: <em>(<font class="type">String</font>
  134. 类型
  135. )</em>AdView控件的高度<br><p>
  136. 可取值:
  137. 像素值,如"100px";
  138. 百分比,如"10%",相对于父Webview窗口的高度。
  139. 默认值为"0px"。
  140. </p>
  141. </li>
  142. <li>position: <em>(<font class="type">String</font>
  143. 类型
  144. )</em>AdView控件在Webview窗口的布局模式<br><p>
  145. 可取值:
  146. "static" - 静态布局模式,如果页面存在滚动条则随窗口内容滚动;
  147. "absolute" - 绝对布局模式,如果页面存在滚动条不随窗口内容滚动;
  148. 默认值为"static"。
  149. </p>
  150. </li>
  151. </ul>
  152. <h1><a name="plus.ad.AdsOptions">AdsOptions</a></h1>
  153. <p>获取信息流广告的参数</p>
  154. <h2>属性:</h2>
  155. <ul>
  156. <li>adpid: <em>(<font class="type">String</font>
  157. 类型
  158. )</em>信息流广告位标识<br><p>
  159. 在UniAD平台新建广告位后可得到。
  160. </p>
  161. </li>
  162. <li>width: <em>(<font class="type">String</font>
  163. 类型
  164. )</em>信息流广告将要显示的宽度<br><p>
  165. 支持像素值(如"100px")、百分比(如"50%")。默认值为"100%"。
  166. 注:此值用于向广告平台匹配合适的信息流广告,建议传入广告展现时真实的宽度。
  167. </p>
  168. </li>
  169. <li>cound: <em>(<font class="type">Number</font>
  170. 类型
  171. )</em>获取信息流广告的数目<br><p>
  172. 默认值为3。
  173. 注:真实返回的广告数目可能小于此值,如填充率不够时会发生此情况。
  174. </p>
  175. </li>
  176. </ul>
  177. <h1><a name="plus.ad.GetAdsSuccessCallback">GetAdsSuccessCallback</a></h1>
  178. <p>获取信息流广告成功回调函数</p>
  179. <pre class="prettyprint linenums">
  180. void onSuccess( Event event ){
  181. // Code here
  182. var ads = event.ads; // AdData数组对象,AdData为广告数据对象
  183. }
  184. </pre>
  185. <h2>说明:</h2>
  186. <p class="des">
  187. 获取信息流广告成功时触发,并返回信息流广告数据。
  188. </p>
  189. <h2>参数:</h2>
  190. <ul><li>event:
  191. <em>(
  192. <font class="type">Event</font>
  193. )
  194. 可选 </em>获取信息流广告成功的信息<br>
  195. 可通过event.ads,Array(AdData类型)获取广告数据。
  196. </li></ul>
  197. <h2>返回值:</h2>
  198. <font class="type">void</font>
  199. : 无<h1><a name="plus.ad.ADViewRenderingCallback">ADViewRenderingCallback</a></h1>
  200. <p>监听广告渲染完成事件回调函数</p>
  201. <pre class="prettyprint linenums">
  202. void onSuccess( Event event ){
  203. // Code here
  204. var result = event.result; // 广告渲染结果,0表示渲染成功
  205. var width = event.wdith; // 广告渲染需要的宽度,逻辑像素值
  206. var height = event.height; // 广告渲染需要的高度,逻辑像素值
  207. }
  208. </pre>
  209. <h2>说明:</h2>
  210. <p class="des">
  211. 广告渲染完成时触发。
  212. </p>
  213. <h2>参数:</h2>
  214. <ul><li>event:
  215. <em>(
  216. <font class="type">Event</font>
  217. )
  218. 可选 </em>广告渲染的信息<br>
  219. event包含以下参数:
  220. result - Number类型,0表示渲染成功,其它值表示渲染失败;
  221. width - Number类型,控件的宽度,逻辑像素值;
  222. height - Number类型,控件的高度,逻辑像素值。
  223. </li></ul>
  224. <h2>返回值:</h2>
  225. <font class="type">void</font>
  226. : 无<h1><a name="plus.ad.ADviewDislikedCallback">ADviewDislikedCallback</a></h1>
  227. <p>监听点击关闭广告事件回调函数</p>
  228. <pre class="prettyprint linenums">
  229. void onSuccess( Event event ){
  230. // Code here
  231. var value = event.value; // 用户关闭广告的原因
  232. }
  233. </pre>
  234. <h2>说明:</h2>
  235. <p class="des">
  236. 用户点击关闭广告时触发。
  237. </p>
  238. <h2>参数:</h2>
  239. <ul><li>event:
  240. <em>(
  241. <font class="type">Event</font>
  242. )
  243. 可选 </em>关闭广告的信息<br>
  244. event包含以下参数:
  245. value - String类型,不喜欢的原因。
  246. </li></ul>
  247. <h2>返回值:</h2>
  248. <font class="type">void</font>
  249. : 无<h1><a name="plus.ad.AdSuccessCallback">AdSuccessCallback</a></h1>
  250. <p>广告操作成功回调函数</p>
  251. <pre class="prettyprint linenums">
  252. void onSuccess(){
  253. // Code here
  254. }
  255. </pre>
  256. <h2>参数:</h2>
  257. <p>无</p>
  258. <h2>返回值:</h2>
  259. <font class="type">void</font>
  260. : 无<h1><a name="plus.ad.AdErrorCallback">AdErrorCallback</a></h1>
  261. <p>广告操作错误回调函数</p>
  262. <pre class="prettyprint linenums">
  263. void onError(error){
  264. // Handle the error
  265. var code = error.code; // 错误编码
  266. var message = error.message; // 错误描述信息
  267. }
  268. </pre>
  269. <h2>说明:</h2>
  270. <p class="des">
  271. 获取信息流广告数据失败时触发。
  272. </p>
  273. <h2>参数:</h2>
  274. <ul><li>error:
  275. <em>(
  276. <font class="type">Exception</font>
  277. )
  278. 可选 </em>广告操作的错误信息<br>
  279. 可通过error.code(Number类型)获取错误编码;
  280. 可通过error.message(String类型)获取错误描述信息。
  281. </li></ul>
  282. <h2>返回值:</h2>
  283. <font class="type">void</font>
  284. : 无<br><br>
  285. </div></body>
  286. </html>