Uniapp&原生开发小程序开通流量主及广告接入——HowieCong
一、背景
- 为了实现小程序的商业化运营,开通流量主及广告接入也是必不可少的环节
二、难点/困惑点
-
开通流量主
- 需要满足一定的累计独立访客(UV)和无严重违规记录等条件,对初创小程序来说有一定难度
-
广告接入
- 需要对广告组件进行集成,并处理广告的加载、关闭和错误事件,技术实现较为复杂
三、开通流量主
(1)满足条件
-
累计独立访客( UV )不低于 1000:在申请开通流量主之前,小程序需要累计独立访客(UV)达到 1000 以上
-
无严重违规记录:小程序不存在刷粉行为或严重违规记录
-
收款账户限制:同一个收款账户最多允许关联 50 个账号开户主体
(2)申请开通流量主
-
登录微信公众平台:进入微信公众平台mp.weixin.qq.com/ ,选择左侧栏底部的小程序名称,点击“账号设置”
-
进入流量主页面:在“推广”选项中找到“流量主”,点击进入流量主页面
-
提交申请:满足条件后,点击“开通”按钮,按照提示填写相关信息,提交申请
四、广告接入
(1)选择广告类型
-
微信小程序自带的流量主广告(wx广告) :支持 banner/信息流、激励视频、插屏、开屏广告等类型
-
DCloud的uni-ad广告:支持 banner/信息流、激励视频、插屏广告,申请门槛较低(采纳!)
(2)开通广告
-
使用uni-ad广告(采纳!)
-
登录 uni-ad 广告联盟后台:进入 uni-ad 广告联盟后台(uniad.dcloud.net.cn) DCloud 开发者账号登录
-
创建应用:点击左侧菜单栏的“广告设置”,点击“创建应用”按钮,选择“uni-app 应用”,输入小程序的实际名称
-
开通广告:在应用列表中选择创建的小程序应用,点击“应用详情”,进入“微信小程序广告” Tab 页面,点击“开通微信小程序广告”
-
资质审核:填写相关信息,提交审核,审核一般需要 1-3 个工作日
-
广告插件审核:在微信公众平台添加“uniAD”和“珊瑚运营平台”插件,按照页面提示进行截图并上传
-
-
使用微信小程序自带的流量主广告
-
登录微信公众平台:进入微信公众平台(mp.weixin.qq.com/) ,选择左侧栏底部的小程序名称,点击“账号设置”
-
进入广告管理页面:在“推广”选项中找到“流量主”,点击进入流量主页面
-
新建广告位:在“广告管理”中点击“新建广告位”,选择广告位类型(如 banner/信息流、激励视频、插屏等),填写广告位名称,点击“确认”
-
获取广告位 ID:在“广告管理”页面中,选择不同类型的广告位,获取相关广告位的广告位 ID
-
(2)开通广告
-
使用 uni-ad 广告
- 引入广告组件:在页面的合适位置编写广告组件代码,例如:
<template> <view class="content"> <view class="ad-view"> <ad adpid="你的广告位ID" @load="onload" @close="onclose" @error="onerror"></ad> </view> </view> </template>- 事件处理:在脚本部分添加事件处理函数,例如
onload、onclose和onerror,以便处理广告的加载、关闭和错误事件
-
使用微信小程序自带的流量主广告
- 引入广告组件:在页面的合适位置编写广告组件代码,例如:
<template> <view class="content"> <view class="ad-view"> <ad unit-id="你的广告位ID" @load="onload" @close="onclose" @error="onerror"></ad> </view> </view> </template>- 事件处理:在脚本部分添加事件处理函数,例如
onload、onclose和onerror,以便处理广告的加载
五、注意事项
-
广告位 ID:uni-ad 广告使用
adpid,微信小程序自带的流量主广告使用unit-id -
测试广告:开发期间可以预览广告效果,但以真机效果运行为准
-
广告展示:确保广告展示位置合理,不影响用户体验
六、实现效果/价值
-
流量主开通:成功开通流量主功能,实现小程序的商业化目标
-
广告接入:成功接入广告组件,提升用户体验和广告收益
七、讨论
(1)选择uni-ad 广告而不是微信小程序自带的流量主广告?
- uni-ad 广告的申请门槛较低,对初创小程序更友好,而且其集成简单,支持多种广告类型,能够快速实现商业化目标
(2)确保广告展示不影响用户体验?
- 在广告展示位置的选择上,进行多次测试和优化,确保广告不会遮挡主要内容,同时在广告加载和展示过程中,我们处理了加载、关闭和错误事件,确保广告展示流畅,不影响用户体验
❓其他
1. 疑问与作者HowieCong声明
-
如有疑问、出错的知识,请及时点击下方链接添加作者HowieCong的其中一种联系方式或发送邮件到下方邮箱告知作者HowieCong
-
若想让作者更新哪些方面的技术文章或补充更多知识在这篇文章,请及时点击下方链接添加里面其中一种联系方式或发送邮件到下方邮箱告知作者HowieCong
-
声明:作者HowieCong目前只是一个前端开发小菜鸟,写文章的初衷只是全面提高自身能力和见识;如果对此篇文章喜欢或能帮助到你,麻烦给作者HowieCong点个关注/给这篇文章点个赞/收藏这篇文章/在评论区留下你的想法吧,欢迎大家来交流!