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


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 相关文章推荐
json2.js的初步学习与了解
Oct 06 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
Aug 12 Javascript
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
php查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
PHP创建XML接口示例
2019/07/04 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
vue-next/runtime-core 源码阅读指南详解
2019/10/25 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
详解python如何调用C/C++底层库与互相传值
2016/08/10 Python
Python读取word文本操作详解
2018/01/22 Python
对python:threading.Thread类的使用方法详解
2019/01/31 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
俄罗斯童装网上商店:BebaKids
2020/06/06 全球购物
.net开发工程师面试题
2014/02/25 面试题
会计找工作求职信范文
2013/12/09 职场文书
大专生毕业的自我评价
2014/02/06 职场文书
大学新学期计划书
2014/04/28 职场文书
专家推荐信模板
2014/05/09 职场文书
公务员考察材料
2014/12/23 职场文书
2016年大学光棍节活动总结
2016/04/05 职场文书
如何在centos上使用yum安装rabbitmq-server
2021/03/31 Servers
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS