🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[![gL8KOI.md.png](https://z3.ax1x.com/2021/05/22/gL8KOI.md.png)](https://www.guqule.com) 丸子官方网站:[www.guqule.com](https://www.guqule.com) 丸子客服微信:hackdxd * [ ] **特别注意提醒** 除了丸子小程序其他渠道购买全部为盗版产品,丸子客服微信:hackdxd ## 流量主设置 使用的前提是需要大家开通对应平台的相应流量主即可,然后根据丸子系统后台预设的功能项填入对应的流量主ID即可。 丸子小程序增设广告功能支持多个页面广告位设置,分别有首页广告,列表广告,详情广告,页面广告以及激励广告,其中激励广告仅支持微信小程序。 丸子社区(丸小图) V1.0.5 之前的版本设置流量主广告有小程序源码包 api 目录下的 config.js 文件里,只需要填写对应的广告 ID 即可。自 V1.0.6 版本起,采用后台广告功能设置,设置方法如下: 第一步:启用广告功能,包括首页、列表、详情、页面,插屏、激励等广告 第二步:首页、列表、详情、页面广告类型选择为 流量主 广告 第三步:首页、列表、详情、页面广告参数设置如下: Banner 广告:bannerAd|adunit-500f0842166edaba 即 bannerAd + | + 广告 ID 贴片广告:videoUtAd|adunit-500f0842166edaba 即 videoUtAd + | + 广告 ID 视频广告:videoAd|adunit-500f0842166edaba 即 videoAd + | + 广告 ID 格式广告:gridAd|adunit-500f0842166edaba 即 gridAd + | + 广告 ID **如下图所示:** [![2uKfG6.md.png](https://z3.ax1x.com/2021/06/01/2uKfG6.md.png)](https://www.guqule.com) **首页广告 / 列表广告 / 详情广告 / 页面广告** 四种广告功能基本上是一致的,如果不需要设置太多项,仅需要一个广告 API 即可用于小程序所有页面的调用。考虑到每个页面可能有不同的广告设置,因此,增设了四个页面广告。 ## 如何加入广告 每个用户为了更好的产生收益,我们这边只做了激励广告的再后台加入前端的展示。 其他的Banner等广告需要如下的加入方式,例如我们加个Baaner广告给我们的首页,需要找到我们的首页路径文件的js。 我们看到当前的首页文件路径为`pages/tabbar/index/index` 如下,我们找到index.js,进去找到当前的data这个里面加入` advert:app.globalData.advert`这段代码必须加入 [![21VpSf.md.png](https://z3.ax1x.com/2021/06/03/21VpSf.md.png)](https://www.guqule.com) 这样我们就可以获取到我们的后端的流量主代码参数,然后我们把这个广告让他在我们的动态下面展示,就找到动态的这段代码然后我们加入下面代码`<ad unit-id="{{advert.bannerAd}}"></ad> ` [![21VsAA.md.png](https://z3.ax1x.com/2021/06/03/21VsAA.md.png)](https://www.guqule.com) 当然这只是我的方法,大家也可以根据自己方式来,不使用我的这种也可以,祝大家使用愉快!!!