我给小程序添加了广告组件

简介: 我给小程序添加了广告组件

前言

    差不多有一年没有写过小程序了,2019也快要Say goodbye了,我忍不住再次打开了微信开发者工具,看着那些熟悉又陌生的代码,我一遍遍地回想,仿佛回到了那时如火如荼写小程序的风光岁月,再次编译预览了曾经做过的小程序,庆幸的是还能跑起来!
打开我的小程序后台,令我惊讶的是累计访问人数接近5000:
image.png

    由于工作比较忙,业余时间疏于管理,能有这个数目也算是很不错了!看了别人的公众号都会插入一些小广告之类的,于是我决定试试给我的小程序添加广告组件。

1、申请成为流量主

申请流量主门槛低,只需要累计独立访客(UV)不低于1000并且没有严重违规记录即可。
image.png

如果满足条件了,点击开通,完善个人相关信息,包括身份证、收款账户等等就行了。

2、创建广告位

  • 如下是我已经新建的广告位,其实最重要的时广告位ID,创建好后点击获取代码粘贴到自己小程序下即可

image.png

  • 当然可以继续新建广告位,选择广告类型、备注好广告位名称:

image.png

3、添加广告组件代码

创建好后点击“获取代码”按钮会有如下弹窗:

image.png

我选择的是插屏广告,因此自动生成了插屏广告的代码,里面有个很关键的字段adUnitId就是广告位ID,作为唯一标识,因此不要写错了哈!
没什么代码,就添加一个组件,不过也可以查看开发文档

Banner广告:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/banner-ad.html
激励视频广告:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html
插屏广告:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/interstitialAd-ad.html
小程序视频广告:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-feeds-ad.html
视频前贴广告:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-patch-ad.html
常见问题和错误码请查看对应文档

4、我的小程序

  • GitHub地址:

https://github.com/ChessLuo/BlueToothTool

  • 小程序码:

image.png

一起加油^0^~

相关文章
|
1月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
32 0
在线课堂+工具组件小程序uniapp移动端源码
|
2月前
|
小程序 数据可视化 JavaScript
微信小程序:轻松实现时间轴组件
本文介绍了如何在微信小程序中实现一个可视化时间轴组件。该组件适用于展示用户资金流动、投资结算等时间节点,帮助用户直观了解资金去向。时间轴支持自定义节点形状、显示序号、倒序排列等功能,并通过插槽灵活定义动态内容。文中详细介绍了组件的设计与使用方法,以及如何结合动态 slot 实现自定义操作。该组件为展示用户资金信息提供了美观、易用的解决方案。
70 1
微信小程序:轻松实现时间轴组件
|
2月前
|
小程序
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
623 1
|
2月前
|
小程序 搜索推荐 API
微信小程序:自定义关注公众号组件样式
尽管关注公众号组件的样式固定且不可修改,但产品经理的需求却需要个性化的定制。在这种情况下,我们需要寻找解决方案,以满足这些特殊需求,尽管这可能有点棘手。
78 0
微信小程序:自定义关注公众号组件样式
|
2月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
74 1
|
2月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
239 1
|
2月前
|
小程序 JavaScript
微信小程序之input组件及其获取用户输入信息
微信小程序之input组件及其获取用户输入信息
69 1
|
3月前
|
小程序 容器
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
本文介绍了微信小程序中常用组件的使用方法,包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
|
2月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
90 0
|
4月前
|
人工智能 小程序 编译器
Ant Design Mini 问题之Antd Mini 使用小程序函数式组件(functional-mini)来确保组件逻辑适配到双端,如何实现
Ant Design Mini 问题之Antd Mini 使用小程序函数式组件(functional-mini)来确保组件逻辑适配到双端,如何实现