1、安装依赖 (注意安装地址)
"@yoy/ad": "file:../../common/ad",
2、app.ux引入组件(百度、topon还需要下载其他组件)
各个平台对接文档:
百度文档:https://union.baidu.com/miniappblog/quickapp/
Topon文档:https://docs.toponad.com/#/zh-cn/QuickApp/quickappsdk/quickapp_sdk_access_doc
vivo:https://dev.vivo.com.cn/documentCenter/doc/506
oppo:https://open.oppomobile.com/new/developmentDoc/info?id=11962
小米:参考地址, 具体有文档。下载地址:(快应用小米广告文档、快应用小米开发者点击坐标数据回传对接文档)
<import name="com-ad-yoy" src="@yoy/ad/components/com-ad-yoy.ux"></import>
3、配置
1、再manifest.json文件里找到
记得 包名与配置信息是一致的 否则广告显示失败
"topon_appid":"a640e7********",
"topon_appkey":"4ab5376cd179*************",
"baidu_appid":"ac72*****"
2、再到app.ux文件里配置本地广告(远程广告配置发生错误时使用本地配置)
// AdType:广告类型
// AdSrc:广告来源
// spaceId:广告id
main_top_ad: { // 广告位key
vivo: [ // 不同平台的广告本地配置
{ spaceId: "ea2557a9efa342869e0d87f368a94358", spaceSrc: AdSrc.Vivo, spaceType: AdType.Native },
// { spaceId: "b640ef639b1690", spaceSrc: AdSrc.Topon, spaceType: AdType.Native },
// { spaceId: "8988053", spaceSrc: AdSrc.Bd, spaceType: AdType.Native },
],
xiaomi: [
{ spaceId: "03016e6765701f55e44c6cf35abdd91f", spaceSrc: AdSrc.Xiaomi, spaceType: AdType.Native, },
// { spaceId: "03016e6765701f55e44c6cf35abdd91f", spaceSrc: AdSrc.Xiaomi, spaceType: AdType.Native, },
// { spaceId: "b640ef639b1690", spaceSrc: AdSrc.Topon, spaceType: AdType.Native },
// { spaceId: "8988053", spaceSrc: AdSrc.Bd, spaceType: AdType.Native },
] ,
oppo: [
// { spaceId: "808687", spaceSrc: AdSrc.Oppo, spaceType: AdType.NativeExpress },
// { spaceId: "b640ef639b1690", spaceSrc: AdSrc.Topon, spaceType: AdType.Native },
// { spaceId: "8988053", spaceSrc: AdSrc.Bd, spaceType: AdType.Native },
],
// 等等其他来源配置
},
3、配置请求服务器广告配置信息接口链接
在项目根目录找到quickapp.config.js,再找到YOY_STRATEGY_BASE_URL,修改成对应的接口链接(接口链接问后端,一般不用修改)
YOY_STRATEGY_BASE_URL: JSON.stringify("http://xxxxx/ad/adPosition/getAdId"),// 请求服务器广告配置信息链接