微信小程序如何获知用户运行小程序的场景教程


Posted in Javascript onMay 17, 2017

前言

最近微信小程序团队像打了鸡血似的,不断推出一系列新的小程序功能,以及拓展了不少小程序的入口,使得小程序的运行场景变得越来越丰富。因此,不同的进入场景,必然会带来不同的用户需求,如何能根据这些不同的用户场景,来优化和提升我们的小程序的体验呢?

下面主要给大家介绍了微信小程序中如何获知用户运行小程序的场景,分享给大家供大家参考学习,下面来看看详细的介绍:

从小程序的基础库API v1.1.0的开始,场景值这一功能被正式的引入。我们可以在小程序的App入口代码中获取该场景值:

//在小程序的onLaunch和onShow方法参数中可获取场景值
App({
 onLaunch: function (options) {
  console.log("[onLaunch] 场景值:", options.scene)
 },
 onShow: function (options) {
  console.log("[onShow] 场景值:", options.scene)
 }
})

目前支持的所有场景值如下:

1001 发现栏小程序主入口
1005 顶部搜索框的搜索结果页
1006 发现栏小程序主入口搜索框的搜索结果页
1007 单人聊天会话中的小程序消息卡片
1008 群聊会话中的小程序消息卡片
1011 扫描二维码
1012 长按图片识别二维码
1013 手机相册选取二维码
1014 小程序模版消息
1017 前往体验版的入口页
1019 微信钱包
1020 公众号 profile 页相关小程序列表
1022 聊天顶部置顶小程序入口
1023 安卓系统桌面图标
1024 小程序 profile 页
1025 扫描一维码
1028 我的卡包
1029 卡券详情页
1031 长按图片识别一维码
1032 手机相册选取一维码
1034 微信支付完成页
1035 公众号自定义菜单
1036 App 分享消息卡片
1042 添加好友搜索框的搜索结果页
1043 公众号模板消息
1044 群聊会话中的小程序消息卡片(带 shareTicket)
1047 扫描小程序码
1048 长按图片识别小程序码
1049 手机相册选取小程序码

简单的举个例子,如果场景值是1001,就代表用户是直接从微信的下方的“发现”页面中的小程序入口运行你的小程序的:

微信小程序如何获知用户运行小程序的场景教程
场景1001

对于这个场景值数据,我想,无论是用于对小程序的针对性功能改善,或是作为精准市场运营的参考,都是非常具有价值的信息。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习微信小程序能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
线路分流自动跳转代码;希望对大家有用!
Dec 02 Javascript
javascript mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
JS中图片压缩的方法小结
Nov 14 Javascript
详解新手使用vue-router传参时注意事项
Jun 06 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 Vue.js
bootstrap轮播图示例代码分享
May 17 #Javascript
bootstrap警告框示例代码分享
May 17 #Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 17 #Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 #Javascript
原生JS实现层叠轮播图
May 17 #Javascript
JavaScript手风琴页面制作
May 17 #Javascript
jQuery查找dom的几种方法效率详解
May 17 #jQuery
You might like
让你的网站可编辑的实现js代码
2009/10/19 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
js实现网站首页图片滚动显示
2013/02/04 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
vue.js表格组件开发的实例详解
2016/10/12 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
js实现抽奖功能
2020/11/24 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
Vue使用Ref跨层级获取组件的步骤
2021/01/25 Vue.js
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
Python 监测文件是否更新的方法
2019/06/10 Python
Python中and和or如何使用
2020/05/28 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
印度在线杂货店:bigbasket
2018/08/23 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
求网格中的黑点分布
2013/11/06 面试题
校园文明倡议书
2014/05/16 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
一般纳税人申请报告
2015/05/18 职场文书
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL