支付宝小程序广告组件
npm install fs-alipay-ad-componentrequest合法域名 中增加如下配置
text
https://advertising.adcomeon.com
https://fshows-ecs-pro.cn-hangzhou.log.aliyuncs.com
`
使用方法
$3
`bash
npm install fs-alipay-ad-component --save
`
$3
1. 开发者工具中启用component2
!tip
2. 引入组件,页面的 json 文件中做如下配置
`json
{
"usingComponents": {
"fs-ad": "fs-alipay-ad-component"
}
}
`
3. 页面的 axml 文件
`html
a:if="{{showFsAd}}"
ref="fsAd"
flowMasterId="xxx"
openId="xxx"
onAdInfoReady="handleOpenAd"
/>
`
注意
- 如果在新开页面接入组件,需要添加onAdInfoReady属性,用于获取到广告后立即展示广告。
- 如果组件接在支付页,支付完成后不跳页面,那么不需要写onAdInfoReady,只需要在支付完成的回调中去调用handleOpenAd方法即可。
4. 页面的js文件,展示广告
注意:showFsAd在data中的初始值应设置为false
`js
Page({
data: {
showFsAd: false // showFsAd在data中的初始值应设置为false
},
onLoad () { // 获取广告
this.setData({
showFsAd: true
})
},
fsAd (ref) {
this.fsAdRef = ref // 通过ref获取广告方法
},
/**
* @function 展示广告
*/
handleOpenAd () {
this.fsAdRef.showAd()
}
})
``