Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
268fd541
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3172
Star
105
Fork
804
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
93
列表
看板
标记
里程碑
合并请求
67
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
93
Issue
93
列表
看板
标记
里程碑
合并请求
67
合并请求
67
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
268fd541
编写于
6月 06, 2024
作者:
H
hdx
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(ad-mp): 标记文档已迁移
上级
e3148feb
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
1 addition
and
105 deletion
+1
-105
docs/component/ad-weixin.md
docs/component/ad-weixin.md
+1
-105
未找到文件。
docs/component/ad-weixin.md
浏览文件 @
268fd541
## 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开发者可以申请相对更短的结算周期和垫资服务。具体扫码加企业微信咨询。
![](
https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg
)
5.
安全防护
uni-ad内置了安全防护策略,减少广告被刷风险
3.
6.8+ 支持激励视频服务器安全回调,
[
详情
](
https://uniapp.dcloud.net.cn/uni-ad/ad-rewarded-video.html#callback
)
服务器回调用于业务系统判断是否提供奖励给观看广告的用户。配置服务器回调后,当用户成功看完广告时,
[
uniCloud
](
https://doc.dcloud.net.cn/uniCloud/
)
服务器会访问配置的云函数,通知用户完成观看激励视频。
相对来讲服务器回调将更加安全
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.net.cn/uni-ad/ad-component.html
](
https://uniapp.dcloud.net.cn/uni-ad/ad-component.html
)
-
激励视频广告
详细开发文档地址:
[
https://uniapp.dcloud.net.cn/uni-ad/ad-rewarded-video.html
](
https://uniapp.dcloud.net.cn/uni-ad/ad-rewarded-video.html
)
-
插屏广告
详细开发文档地址:
[
https://uniapp.dcloud.net.cn/uni-ad/ad-interstitial.html
](
https://uniapp.dcloud.net.cn/uni-ad/ad-interstitial.html
)
## 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/
)
,点击左侧栏
`设置`
,然后找到顶部页签
`第三方设置`
,向下滚动屏幕到
`插件管理`
,
点击
`添加插件`
按钮,搜索
`uni-ad`
和
`珊瑚运营平台`
并添加
文档已迁移至
[
微信小程序广告
](
https://uniapp.dcloud.net.cn/uni-ad/ad-weixin.html
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录