# uni-ad支持微信小程序广告

3.4.10+ 支持

在微信小程序上,有2种广告类型:

  1. DCloud的uni-ad广告(简称uni-ad广告),uni-ad微信小程序广告开通指南点击这里 (opens new window)
  2. 微信小程序自带的流量主广告(简称wx广告)

这两者的区别是:

  1. 申请门槛

uni-ad的申请门槛较低,对初创者更友好;微信申请流量主需要小程序日活过千

  1. 全端支持

uni-ad可以一套代码全端变现,包括app、web、微信小程序;wx广告仅支持微信小程序

  1. 广告类型

两者均支持banner/信息流、激励视频、插屏。wx广告多支持一个开屏广告

  1. 收益比较

有高有低,不同小程序cpm不同,需要开发者测试比较

  1. 结算周期

相比微信自带流量主广告,uni-ad开发者可以申请相对更短的结算周期和垫资服务。具体扫码加企业微信咨询。

  1. 安全防护

uni-ad内置了安全防护策略,减少广告被刷风险

3.6.4+ 支持激励视频服务器安全回调,详情 (opens new window)

服务器回调用于业务系统判断是否提供奖励给观看广告的用户。配置服务器回调后,当用户成功看完广告时,uniCloud (opens new window)服务器会访问配置的云函数,通知用户完成观看激励视频。 相对来讲服务器回调将更加安全

  1. 开通方式

uni-ad由开发者在DCloud网站uniad.dcloud.net.cn (opens new window)申请,开发者与DCloud开票结算;而wx广告在微信小程序后台申请,开发者与微信开票结算

  1. 代码写法

两者在开发时,都使用相同的组件,比如<ad>组件、<ad-rewarded-video>组件,但uni-ad的组件属性是adpid(广告位id的缩写),微信小程序的组件属性是unit-id。

# uni-ad的开发者使用流程

  1. uniad.dcloud.net.cn (opens new window)申请开通广告
  2. uniad.dcloud.net.cn (opens new window)获取广告位id(adpid)
  3. 在小程序插件配置中引入uni-ad微信小程序插件和腾讯珊瑚广告插件,参考下面的申请方案
  4. 在前端页面的合适位置写上广告组件<ad adpid=""></ad>

注意:微信小程序平台暂不提供测试广告位,开发期间也可以预览广告效果,以真机效果运行为准

# 不同广告类型的开发文档

  • banner/信息流广告

详细开发文档地址:https://uniapp.dcloud.io/component/ad (opens new window)

  • 激励视频广告

详细开发文档地址:https://uniapp.dcloud.io/component/ad-rewarded-video (opens new window)

  • 插屏广告

详细开发文档地址:https://uniapp.dcloud.io/component/ad-interstitial (opens new window)

# adpid和unit-id详解

<ad>(banner/信息流)、<ad-rewarded-video>(激励视频)、<ad-interstitial>(插屏)是uni-app框架的内置的3个广告组件。

其中<ad>组件同时支持uni-ad广告和wx广告,而其他2个广告组件仅支持uni-ad广告。开发wx广告的激励视频和插屏需要通过js api而不是组件方式。

<ad>组件上可以同时写adpid和unit-id,区别如下:

  • <ad adpid=""></ad>,uni-ad广告(uni-app 3.4.10+版)
  • <ad unit-id=""></ad>,wx广告,unit-id需在微信小程序后台申请

adpidunit-id可以同时设置。adpid优先级高于unit-id,如果没有开通uni-ad或网络失败则切换为wx广告,这个过程会有3秒的间隔

例子: 如果想在微信上仅使用微信的广告,App 或 Web 使用 uni-ad 可使用条件编译,如下

<!-- #ifdef MP-WEIXIN -->
<ad unit-id=""></ad>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<ad adpid=""></ad>
<!-- #endif -->

# 微信小程序插件申请

通过以下两种方案申请插件

# 方案一

在 HBuilderX 运行到微信开发者工具,在微信的开发者工具调试控制台会输出申请插件的链接,点击后弹出申请确认框,然后点击 确定 按钮

# 方案二

登陆微信公众平台 https://mp.weixin.qq.com/ (opens new window),点击左侧栏 设置,然后找到顶部页签 第三方设置,向下滚动屏幕到 插件管理, 点击 添加插件 按钮,搜索 uniAD珊瑚运营平台 并添加