ad-weixin.md 4.4 KB
Newer Older
H
hdx 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
## uni-ad支持微信小程序广告

3.4.10+ 支持

在微信小程序上,有2种广告类型:
1. DCloud的uni-ad广告(简称uni-ad广告),uni-ad微信小程序广告开通指南[点击这里](https://ask.dcloud.net.cn/article/39928)
2. 微信小程序自带的流量主广告(简称wx广告)

这两者的区别是:
1. 申请门槛

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

2. 全端支持

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

3. 广告类型

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

4. 收益比较

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

4. 结算周期

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

study夏羽's avatar
study夏羽 已提交
30
![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg)
H
hdx 已提交
31 32 33 34 35 36 37

5. 安全防护

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

3.6.8+ 支持激励视频服务器安全回调,[详情](https://uniapp.dcloud.net.cn/component/ad-rewarded-video.html#callback)

W
wanganxp 已提交
38
服务器回调用于业务系统判断是否提供奖励给观看广告的用户。配置服务器回调后,当用户成功看完广告时,[uniCloud](https://doc.dcloud.net.cn/uniCloud/)服务器会访问配置的云函数,通知用户完成观看激励视频。
H
hdx 已提交
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
相对来讲服务器回调将更加安全

6. 开通方式

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

7. 代码写法

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

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

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

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

## 不同广告类型的开发文档
- banner/信息流广告

详细开发文档地址:[https://uniapp.dcloud.io/component/ad](https://uniapp.dcloud.io/component/ad)

- 激励视频广告

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

- 插屏广告

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

## 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需在微信小程序后台申请

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

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

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

## 微信小程序插件申请

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

### 方案一

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

### 方案二

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