"外卖小程序"分析报告

        这几天一直在暗中观察同事们对这次"外卖小程序"项目的一些反馈，下面我会站在一个产品经理的角色对以下四个部分进行：用户行为&分析、餐品本身、场景流程、个人建议

前置条件：在用户心理分析有一个专业术语：叫“均匀悬浮注意”，意思是需要像一个旁观者一样在观察者被访对象和观察对象发生了什么，“均匀悬浮注意”一样适用于我们的产品。由于分析不能受到个人主观意愿影响，需要形成较为客观、事实的分析，截止今天为止我并没有下过一次单，也不参与各种吐槽环节。

分析目的：通过多维度分析，找出项目中运营、程序、流程上存在的不足点，提出可行性建议。

一用户行为及分析

        先引入一句话--“ 一个产品对于用户的意义存在于他对这个产品所产生的反应之中 ”，你也可以理解为--不同的用户对同一个产品会产生不同的反应，产品经理必须通过各种设计手法， 缩短或改良使用者对产品的认知过程 。

        我在南山办公，所以对南山的同事能观察到的行为举止包括有语言、表情、肢体语言、情绪等方面的因素，对于在福田的同事，我只能通过他/她在群里的吐槽进行表象的分析。以下列举出出现较多的场景：

        场景一： A同事抱怨点了餐，在小程序上付了1元，但是却没有拿到他想要的那份餐品，于是另外一个B同事和A解释到可能是在一个测试时间段点的餐，所以数据被忽略了。A同事无法理解，我为什么付了钱却给不了我想要的东西。

        分析：

        A虽然是我的同事，但首先他也是一个用户，作为一个用户，A同事的抱怨理由依据都非常充分。

        B同事也是我的同事，这个时候他扮演的角色是开发，在B看来你在测试时间段点的餐我也有充分的理由不计算到我实际的配送份额内。

        这个场景引出1个问题：制造期望&控制期望 

        1针对"制造期望/控制期望"这个问题还原场景：A用户打开了小程序，小程序页面展示的是主流点餐页面，此时，在A用户的心理已经产生我可以选择餐品的感知，当A用户点击了下单之后，小程序制造了一个"确认订单"的期望，并且这个期望通过小程序的交互被用户所感知及反馈到大脑中，最后A用户支付了这1块钱，完成一个订单的销售闭环，此时此刻，我们给到A用户的期望---明天中午我能吃到通过小程序下单的那顿"雪菜小黄鱼套餐"。

        2A用户的期望是在对产品认知的过程当中一步一步的建立起来的，用户会在认知产品的场景当中，一直做着同一个事情---无限接近他所期望结果的 *** 作。

        结论：通过分析可以知道在场景一中我们做到了第一步，通过小程序制造了A用户能吃上饭的期望，但是制造了期望总要去兑现，如何去控制这个期望让它得以实现，需要解决的问题是我们的线上线下运营能力，沟通是否顺畅，如果中间缺失了一环，那么这种情况可能还会出现。

        通过这个结论我提出了一个建议： 特别是在当前程序并非完善的情况下， 沟通变得很有必要 ，打破沟通的屏障才能让整个项目运作更顺畅。其实作为旁观者的我来说，场景一中的根本问题是沟通问题，如果A同事提前知道测试时间段内下单的数据无效，就可以完全避免这个问题。同样，我们也不能要求我们的用户去适应我们带出来的问题，如果A同事这种情况发生在正式上线的情况，这个小程序会从此在A用户的小程序列表里消失，所以在项目运营层面来说，应该增强各个部门之间的沟通，只有内部沟通顺畅了，才能更加容易的切入我们中，实现“控制期望”。

        场景二： 部分同事抱怨点餐截止时间不合理，这里我先不给出截止时间是否合适的结论，还是那句，客观的分析，成型的产品不应该是产品经理个人执念的产物，而是遵循市场规律设计出的产品才是好的产品，否则产品生命周期会提前结束。

        首先来看看某个同事A做的调查，

        A同事：“你觉得提前点餐，你能接受吗？”

        路人甲：“可以”

        好，到这里为止我认为类似这种引导性问卷已经没有必要往下看了，因为这种问卷是基于引导式的场景提问了，除非这个场景是用户自己提出的，否则基于一个引导性场景做出的调研后面得到的反馈和数据是没有意义的。

        点餐本身是个随机事件(何时在哪个平台点哪个店铺的哪个餐品)，既然是随机事件，那么调研之初就不能用这种直接切入的访谈/提问/问卷去做调研，如果是假设对方会提前点餐的前提下去做调研或者只能二选一，那么你调研的结论应该是和你的商业论证呈现惊人的一致或大概率一致。

        这种随机事件调研最好的办法是观察/数据采集/数据分析，不需要去提问，因为用户的行动是不会说谎的，你只要观察或者用数据得出结论即可，一旦用引导性方式提问，将会影响被受访者的本身意愿/甚至带偏。

        在以前还没有做出外卖小程序之前，我得出南山这边点餐的数据(随机抽样，6个同事包括我自己,每个同事抽取12月的随机6个样本，因为当时大家都不知道年后要做外卖小程序，所以抽样规避了引导性的问题)：

        点餐时间样本：

        1号调研对象：11:03 11:15 11:13 11:10 11:06 11:08

        2号调研对象：11:00  10:58 10:55 11:02 11:03 10:58

        3号调研对象：11:11  11:15  11:08 11:11 11:12  11:07

        4号调研对象：11:22  11:40  09:30 11:08 11:24 11:05

        5号调研对象：11:30  11:35  11:10 11:16 11:10  11:10

        6号调研对象：11:10  10:55  11:12  11:08  10:55  11:20

        从抽样数据来看，用户点餐时间最早时间09:30 ，最晚时间11:40，排除掉拐点3个方差范围外的离散点(09:30)，得出结论，点餐高峰期和前期做外卖小哥接头采访(参考2020-03-05发布的《取餐柜调研分析》案例二第13条，如下图)的结论惊人相似，再把外卖小哥调研的12:30时间往前推40分钟(配送时间)，得出结论，点餐高峰期是11:00-11:40，这个时间段也符合我们以上6个抽样调查结果的结论。

        到这里为止，我们可以看到，用户的习惯点餐时间在11:00-11:40，和我们设置的点餐截止时间不吻合。

        再看看我们是否可以通过我们的产品设计控制来达到改变用户习惯的效果，下面继续分析。

        首先，得知道用户习惯从何地/从何时而来，这里直接给出答案

         1用户习惯，在最初的需求解决方式中形成

         2用户习惯，在新的需求解决方式中展现

         3用户习惯，在新的需求解决方式中改变

         然后回头看看，我们的这个项目是否满足以上三条，不着急，一条一条来分析。

         在最初的需求中，外卖平台的上线是用来解决用户维度里面的“懒-贪-装”中的 “懒” (参考我《直播/视频行业分析》一文中所提到)

         自此之后，外卖平台的上线已经解决了核心问题--- 如何将远距离的餐品直接送到用户手中 ，之后外卖平台核心的需求没有改变，那么就没办法满足以上第2、第3条。再回过头看看，核心的需求已经被美团、饿了么等各大平台占领了，那么用户习惯就已经被这两大巨头培养起来了，如果这时候我们需要通过我们产品设计来培养用户新的用户习惯会 出现两种结果 ：

        1用户被层层的规则限制，呈现出漏斗形过滤，用户在每层漏斗中被筛选转化(可以参考电商的转换模型)， 最终到达支付闭环的用户占比很少 ，这里指的规则包括所有和现在主流平台不一致的业务。

        2假设用户习惯被培养起来了，但是出现的复购概率不高。引用美团的数据，一个用户点同一家店的频率为3次/月，这意味着，大概一个星期会吃一次这个店的餐品。

        然后这里举一个场景的例子：用户A平时使用美团/饿了么外卖点餐，习惯点餐时间一直保持在11:00-11:40，然后突然有一天，用户想起来要吃我们《塘食》的外卖，结果点进去发现此时已超过点餐时间，无法点今天的餐(因为我们的点餐截止时间不在当天11:00-11:40之内)，此时用户只有两种选择，第一，点击右上角关闭小程序，第二，出现这种情况的时候，我们的小程序本身针对这种情况是有提示用户可以去浏览每周的其他餐品，于是用户就点了进入“每周餐品”的页面进行浏览，再之后的 *** 作无法确定也无法控制。很显然，以上两种 *** 作都对我们小程序很不利( 用户流失 )，因为我们没法控制用户在这种情况下会产生哪种情绪，会对小程序进行哪些 *** 作，那换然之会进入到支付步骤的用户数更不能明确，如果我们有足够时间做埋点，可以大胆猜测这个数据会很惨淡。

         那么回归我们的“外卖小程序”场景当中，我们解决了用户什么需求？ 核心需求还是没有改变 ，远距离餐品送到用户手中，那么我们的餐品是定点进行领取，那么我们的目标用户就限定了在取餐点的短距离范围之内，如果一个餐品需要一个用户走很远的距离去取，那么这个和最初的需求所冲突，所以产品也会自动排除掉了一部分用户

          总结了以上分析得出以下结论：

           1 假设用户距离我们取餐点太远，那么没有解决核心需求，远距离的用户直接会被过滤掉 。

           2 没有新的核心需求在市场上出现，培养用户习惯会导致用户被层层筛选

           3 小程序现有规则大概率影响到我们用户的复购率

        到此，对于场景二的分析也完毕，得出的结论也比较残酷，虽然这只是我们自己公司的内测阶段，但在产品经理的这个岗位里有一句话“产品如果连自己都不能感动，又怎么能感动市场呢？”换言之，只有当我们自己用都觉得用得很舒服的时候，才有可能获得市场的认同。

         针对场景二以上得出的结论，提出个人的一些建议：

         1基于我们的取餐点附近进行重点的推广，比如南山可以推广赛西周边的几栋写字楼，距离远的用户很难驱动。

         2我们的点餐截止时间可以设置在11:00左右，根据数据分析得出结论，用户提早点餐或在11点前点餐概率很低，因为这个本身是个随机事件，在用户眼里，我什么时候点餐-点哪家的餐-点哪个餐品需要三个步骤，我们不能认为用户都会点塘食的基础上做假设。

         3优化一些点餐的流程，从业务流程上优化，比如缩短用户可感知的产品的路径(比如如何能获取到我喜欢的餐品在哪一天会出现)，会复购的用户一般都是我们的忠实用户，所以我们应该更重视这部分用户的使用。

二、餐品本身

        核心竞争力是产品 ，在我们这个项目当中，指的就是我们的餐品，下面列举2个关于餐品的实际场景进行分析

        场景一： 我一直在观察着是否有部分同事不会点小程序的餐，想验证下这部分同事具有怎样的共性，结果我发现有三个同事是不点的(当然在利招下发通知必须点后，我可以认为这是外部环境因素而对产品数据结果造成影响，不过没关系，我还有前三天的数据可以做分析)。

        A同事，看到餐品从楼下被领上去，会好奇凑上去看餐品的卖相，没表达任何不满或者嫌弃的意思，但没有点餐

        B同事，被其他同事问及为啥不点的时候，直接来了句“这看上去一点都不辣”

        C同事，我还是比较喜欢重口味的，这个我吃不下

        结论： 以上就是三位不同的同事，他们具有的共性就是对餐品本身不感兴趣，我们主推的是江浙菜，那么必定会有一部分的用户不是目标群体，这部分用户在小程序浏览的餐品时候已经被过滤掉，自然不会产生订单，那么针对我们的餐品，我们是否需要做调整，如果不做调整我们该如何在运营上如何快速定位我们的目标用户呢？继续往下分析

        建议：         

         如果我们需要做调整？ 那么我们可能只有一种可能，就是通过市场调研，了解我们目标区域内用户的主流菜系，对应做出调整。

        如果我们不调整？ 那么我们需要让我们自己的产品被标签化，让用户更容易感知我们主推的菜系，那么会在具有相同属性的用户群体当中进行裂变，而且产品的标签化是产品运营中必不可少的因素，显然在小程序当中，用户并不能通过快速浏览我们的主页获得这层信息，如果我们能在产品当中给用户打下某个烙印，第一，有助于用户快速识别我们到底是做什么菜系的，第二，我们可以把更多精力集中到我们这部分用户的反馈当中，无需花时间、成本、精力去照顾我们的非目标用户。

        场景二： 然后我们看看那些点了餐的同事的真实反映，这种反映包括语言、表情、肢体语言，我认为这些是最真实的体现，而在群里发表的意见并不一定是用户本身的真实意愿，所以在南山的同事我只考量这些客官因素

        A同事，(猪脚饭)，味道不错，就是分量少了点(还是笑着在评价)

        B同事，这个饭分量太少了，吃不饱(带有抱怨的语气)

        C同事，这个价格如果有优惠还行，外面的话就不是这个量了

        D同事，这条鱼也太小了吧(脸上略有不满）

        这些同事都很充分的角色代入了，没有因为是公司餐品而掩饰不满，非常好，我需要这种客观反馈

        结论: 对小范围内抽样调研，如果出现反馈具有很多同一属性的问题，那么这个问题如果投放到市场，会被无限放大，直指餐品存在一个问题：量少

        建议： 对于多少，每个人评判标准不一，到底是多是少，需要量化，前期如果无法使用一些高额成本的量化工具，可以用某些固定容器作为参考标准进行量化生产，然后收集反馈，继续优化，再收集反馈，达到一个较为理想且大部分用户都能接受的一个量，然后通过这个量倒推成本，再对产品定价进行修改，希望定价方面要经过计算，不要靠感觉，这样以后万一定价出现问题，也容易追查到哪个评估的环节出了问题。 餐品是我们的核心竞争力， 价值需要由用户来评判，我们首先给到的是优质的餐品，再去想别的事情(身边已有较多这种案例，哪怕是网吧楼下卖炒粉的，核心竞争力是这个炒粉是否满足广大用户的口味)

三、场景流程

        对于用户来说，大概的场景是这样的：

        1某时刻我在小程序上点了某一天的某一个餐品

        2在某时刻我看到路边有人在做外卖推广，于是我扫码尝试去点个餐

        我们只需要针对这两个场景去做分析就好了，复购/朋友圈/搜索的这部分用户符合第一个情况，拉新/递推符合第二种情况，基本上不存在第三种。

        对于第一种，自己不做分析，自己分析自己的设计存在主观因素，当局者很迷，只能对提出的问题作出解答，为什么这样设计之类的问题，至于好不好不分析。

        针对第二种，市场部在策划跟进，在这当中我也从市场部的得到了比如说易拉宝、产品外观设计这块的一些资料，但是具体如何推广的流程还没有具体获知，下面我举一些例子，通过市面上较为成功的案例倒推我们现在存在的一些问题

        案例一：

        下面是一个电饭煲(俯视图)

            这个画面需要表达的是三个事情，第一，我可以控制温度，第二，我可以控制时间，第三，如果你想提起来，我还有个把手，至于怎么调整温度、时间，怎么拎起把手无需我做过多的说明。

            分析： 反问一句，你是如何从画面中感知这些要素的，为什么你在调整温度时，会顺其自然顺时针去扭动，其实这个是用户心理模型当中的感知造成的，这里不深究，简言用一句，就是最简单的设计表达用户可感知的事情，所有多余不是核心的元素只会让用户在认知层面出现感知困难，比如我以前提过最好不要用d幕形式做背景一样，视觉信息量大，变相没重点，用户潜意识会产生一种这个背景没有一个中心思想去表达，人的心里都是这样的，越复杂的事情越抗拒去看。

            结论： 现在处于拉新阶段，无需把太多元素暴露给用户，先让自身产品打上一个“最硬核、最简洁”的标签(包括视觉、solgan、公司logo等)，易于形成品牌记忆，举几个简单的例子，一句话搓中用户的，梅赛德斯--"The best or nothing "，携程--"携程在手，想走就走"，碧桂园--"给你一个五星级的家"，产品需要不断更新迭代，我们只需要一个亮点，让用户铭记于心就好。

四、个人建议

        我们每天都会想到很多好玩的东西，每天可能都会发现市场上存在的空缺及机会，在商言商，我们有好的想法，就要想办法落地，落地需要更多的观察市场、分析市场、揣摩市场，站在产品岗--我需要站在一个较为客观的维度去给大家分析项目，时间宝贵，避免少走弯路，前期的调研分析必不可少，只有分析透彻了，才能做出顺应市场的产品。

我用的最多的软件有：1、西瓜数据2、微商相册3、Toobigdate4、快剪辑等

短视频运营实时更新

链接：>pwd=2D72

提取码：2D72 

资源包含：快手赚钱全攻略   、火神社7成佣金暴利带车    抖推猫开创星座号小程序新玩法    云递联盟雷神9月9日安卓硬改伪新机教程    臻曦无人直播    敢死队87苹果手机抖音自动养号教程！无需任何插件和物理外挂！轻松助你解决不适宜！    火神社视频号新机制与不刷赞撸养生茶玩法，轻松日赚1000+视频教程    媒老板·8堂0基础直播带货课    912J总不适宜公开和全平台实时转播技术    秋叶视频号训练营    99日398火神社视频号新机制与不刷赞撸养生茶    抓住2020年最大风口，小白也能做一个赚钱的视频号！（赠送爆款拆解）    云递联盟雷神9月8日实时转播技术    云递联盟雷神9月4日直播间破不适宜    鸭子工作室不适宜公开    无人直播时间同步技术    陈江熊直播课程 等

一、命令式埋点

命令式埋点，顾名思义，开发者需要手动在需要埋点的节点处进行埋点。如点击按钮或链接后的回调函数、页面ready时进行请求的发送。

// 页面加载时发送埋点请求

$(document)ready(function(){

// 这里存在一些业务逻辑

sendRequest(params);

});

// 按钮点击时发送埋点请求

$('button')click(function(){

// 这里存在一些业务逻辑

sendRequest(params);

});

可以很容易发现，这样的做法很有可能会将埋点代码侵入业务代码，这使整体业务代码变得繁琐，容易出错，且后续代码会愈加膨胀，难以维护。所以，我们需要让埋点的代码与具体的业务逻辑解耦，即 声明式埋点 ，从而提高埋点的效率和代码的可维护性。

二、声明式埋点

点击埋点：自定义指令实现统计用户在应用内的每一次点击事件，如新闻的浏览次数、文件下载的次数、推荐商品的命中次数等。

在项目入口文件 mainjs 中配置我们的自定义指令

Vuedirective('log', {

bind(el, binding) {

eladdEventListener('click', () => {

Axiospost //发送请求

}, false);

}

});

组件中配置使用v-log指令，加上详情参数就可以完成用户轨迹记录。

// caption表示埋点的模块；paras表示用户的行为

<button v-log="{caption:'登录页', paras: '用户点击验证码发送'}">发送验证码</button>

页面埋点：统计用户进入或离开页面的各种维度信息，如页面浏览次数（PV）、浏览页面人数（UV）、页面停留时间、浏览器信息等。

使用 vue-router 的 beforeEach 或者 afterEach 钩子上报数据，具体使用哪个最好是根据业务逻辑来选择。

/页面埋点方案/

let startTime = Datenow();

let currentTime;

routerbeforeEach((to, from, next) => {

if (to) {

// 第一步：页面跳转后记录一下当前的时间 currentTime

currentTime = Datenow();

// 第二步：计算 currentTime - startTime 的 差值

const user = JSONparse(localStoragegetItem("sysUser"));

const log = {

当前用户: useruserId,

当前页路由: fromname,

当前页菜单名: fromname,

目标页: toname,

开始时间: startTime,

结束时间: currentTime,

// "停留时间(ms)": currentTime - startTime,

"停留时间(s)": parseInt((currentTime - startTime) / 1000),

};

consoletable(log, "log");

// 第三步：每次都要初始化一下 startTime

startTime = Datenow();

}

next();

});

文章知识点与官方知识档案匹配

Vue入门技能树首页概览

24151 人正在系统学习中

关注展开

打开CSDN APP，看更多技术内容

捕获用户在该页面停留的时长,我是这样做的(前端监测)_傲娇的koala的博客

多页面应用 在多页面应用,要获取用户的停留时间还是挺简单的,看看下面几个Api onload (页面加载完后) onbeforeunload (页面卸载前,也就是点击叉的时候) onpageshow (页面显示的时候) on

继续访问

[埋点] 一种Vue组件切换后停留时长的统计方法(未完全)_AlexDeng2019的

startTime:为记录第一次进入路由组件或者进入上一个路由组件的时间。 currentTime:为记录每次路由进入的时间戳。 在前置导航守卫的 to 中进行逻辑处理。如果to存在,则说明跳转发生。 每次计算时间差时候,不要忘记再次初始化startTime。

继续访问

记录页面停留时间和遮罩层

可以记录用户在页面上的停留时间 并且还有遮罩层的效果，最小化和最大化都不影响遮罩的效果

Vue如何写埋点，统计PVUV，用户的喜爱程度、停留页面的时长

封装PVUV统计方法下面康康我在不同的情况下在页面的使用下面就是我们的最后一步，如何在axios的configheaders添加自字段 领导提出了一个需求，写pvuv要统计用户的访问量和喜好，俺也没写过，但是我们组的后台非常的强大，他总结了办法，身为前端的我只要在每次上报接口的时候顺带携带上headers头部字段即可。 ##我们直接看代码吧，这是一个在vue项目里utils封装的一个js文件，命名为PVUVjs import Cookies from 'js-cookie' //取到用户信息唯一标识

继续访问

封装一个计时器,记录页面的停留时间_a_靖的博客

vue框架实现加班统计功能 11-15 vue框架实现加班统计页面,通过子路由router来实现计时任务,把累计增加的时间放到computed组件缓存中,页面美观大气,适合整合到项目中开发和新手学习之用 如何通过视频推广的方式帮助外贸B2B企业获得询盘 最新

继续访问

如何精确统计页面停留时长_前端瓶子君的博客

页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等 *** 作场景。基于上述背景,重新

继续访问

Vue项目埋点方案

Vue项目埋点

继续访问

热门推荐 如何精确统计页面停留时长

（点击上方公众号，可快速关注）作者：今日头条技术techblogtoutiaocom/2018/06/05/ru-he-jing-que-tong-ji-ye-mia

继续访问

记录页面停留时间和遮罩层_vue记录页面停留时间-Java文档类资源

可以记录用户在页面上的停留时间 并且还有遮罩层的效果,最小化和最大化都不影响遮罩的效果资源推荐 资源详情 资源评论 vue框架实现加班统计功能 vue框架实现加班统计页面,通过子路由router来实现计时任务,把累计增加的时间放到computed

继续访问

记一次前端时间埋点基于vue版本的

前端页面时长埋点

继续访问

怎样统计用户在当前页面停留的时间

页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab、最小化窗口等 *** 作场景。基于上述背景，重新调研和实现了精确统计页面停留时长的方案，需要 兼容单页应用和多页应用，并且不耦合或入侵业务代码。 虽然百度统计之类的也可以记录用户的浏览行为，但是这类统计是全部跟踪用户，而无法精确的跟踪到注册的用户之前一系列的行为，而我们只需要针对注册用户进行有目的性的行为分析。

继续访问

vue项目进行前端埋点，记录页面停留时间

数据埋点在现在的项目开发中都是不较比常见的，尤其是在电商公司，数据的统计分析尤为重要，通过数据分析可以提升用户的购买体验，方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。 目前主流埋点方案 代码埋点 可视化埋点 无埋点 注：关于埋点方式的详细介绍可以看我的另外一篇文章： 常见的数据埋点方式介绍 本文主要介绍了代码埋点的方案 代码埋点分为 命令式埋点 、声明式埋点 一、命令式埋点 命令式埋点，顾名思义，开发者需要手动在需要埋点的节点处进行埋点。如点击按钮或链接后的回调函数、页

继续访问

vue埋点 记录页面停留时间

vue记录使用日志 页面停留时间 import API from '@/modules/system/api/api_userTime' const router = new Router({ mode: 'history', base: processenvBASE_URL, scrollBehavior: () => ({ y: 0 }), routes: constantRouterMap }) // API 保存数据接口 let startTime

继续访问

vue，用户从进入页面到离开页面，统计用户停留页面的浏览时长

data() { return { browseTime: 0, // 浏览时长初始值为 0 clearTimeSet: null, }; }, methods: { setTime() { //设置定时器 thisclearTimeSet = setInterval(() => { thisbrowseTime++; consolelog(thisbrowseTime, "时长累计");

继续访问

网页记录用户在网站的浏览记录和停留时间

有针对性的对客户行为进行分析，了解用户的真正需求，所以需要记录用户的浏览信息 1、setInterval setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval(code,millisec[,"lang"]) code必需。要调用的函数或要执行的代码串。 millisec必须。周期性执行或调用code之间的时间间隔，以毫秒计

继续访问

uni-app相关知识点

适合新手阅读的 uni-app 知识 一、uniapp怎么进行路由跳转？ uninavigateTo({}) 打开新页面 uniredirectTo ({}) 当前页面出栈，新页面入栈 uninavigateBack({}) 页面不断出栈，直到目标返回页 uniswitchTab({}) Tab 切换 二、配置tabbar（底部导航栏），在pagesjson里面配置 tabbar，小程序的tabbar "tabBar":{ "list": [{ "pagePath": "pages

继续访问

捕获用户在该页面停留的时长（前端监测）

转载自： 前端大全 前言：为什么要做这个监测用户停留的呢？原因很简单，如果我们要分析这个页面对我们的产品有没有价格，那么用户浏览的时长是一个很关键的点，如果每个用户每天都在这个页面停留两个小时以上，那么我们会觉得这个页面的价值很高；如果一个页面一个月也没几个用户去浏览，那我们就会有疑问，这个页面对我们的产品还有价值吗？我们的产品后续还要保留它？这些需求都是可以让我们考虑是否要去获取用户停留时长这个功能的。 针对哪些应用？ 多页面应用 单页面应用（本文以vue为例子） 如何去获取用户停留的时长？ 在监

继续访问

uniapp 统计页面停留时间

每个页面都要统计，因此全局处理的方法较好，采用全局混入的解决方式，onHide和onUnload分别处理页面隐藏和页面卸载的情况，onShow确保每次进入页面重新获取时间 1 residenceTimejs let enterTime = ''; let outTime = ''; let stayTime = ''; export default { data() { return { }; }, onShow(){ // 用户进入时间 enter

继续访问

微信小程序-记录用户足迹

记录页面停留时间、功能点击次数 // wxml <view id="btn1" bindtap="handlerClick">点我</view> // js const { startToTrack, startByClick, startByBack } = require("//utils/track"); Page({ // 点击 tab 时用此方法触发埋点 onTabItemTap: () => startToTrack(), // 被跳转的页面用

继续访问

js记录用户在网站的浏览记录和停留时间

by weber开发者 from >

分销商城小程序的开发模式，顾名思义就是所有微信用户都能申请成为商城小程序的分销员，参与商城的推广与宣传;同时在别人达成交易后还可以获得一定的奖励或者返券之类的实惠。很多商家之所以会选择分销功能的小程序，不但可以实现销售产品从生产商向消费者的转移，还能通过分销商城小程序的微信好友关系链以及快速传播效应，达到一些传统线下交易无法企及的裂变效果。

1、微信的裂变式营销与互动

小程序分销系统功能与服务可衔接在自有微信公众号中，搭建互联网流量和服务入口。可针对性的制作精美海报推广，通过参数二维码了解不同微信小程序分享成果。商品拼团、商品优惠券、粉丝红包、抽奖等多功能营销工具实现课程裂变式营销传播。

2、多终端交易体验，客户全覆盖

多用户商城分销系统让本地消费者能够随时随地，采用任何方式浏览商城中的商品，提高购物便捷性，创造优质购物体验，整合手机移动端，微信商城，APP商城一应俱全。

3、整合本地商家集结

商家可以在提交申请资料并经运营商审核后在电商平台中销售商品，商家入驻的形式是对本地商家资源的有效整合，有利于形成完整的城市化电商平台。

4、微信小程序管理

微信小程序管理，自动统计与监管微信小程序销售业绩，计算销售收入，支持客户二次销售与相应的绩效自动计算。

5、分销商管理

分销商在申请成为分销商之前，需要提相关的基本信息资料，小程序后台录入后会商家就可以统一对对分销商进行管理，随时查看他们的分销团队，分销订单，分销业绩等情况。产品销售数据一目了然。

6、订单管理

商家通过小程序分销可以了解到每一笔订单的情况，小程序会对产品的售卖情况进行日和月的分类统计，让商家可以掌握产品的销售情况，订单数据清晰明了。

7、多维度数据分析与统计制作

根据用户最近预览、选购过的以及购物车内的商品为用户推荐商品，提升商城单价;同时系统提供多维度销售数据报告，为商家提供绝对时效的决策统计分析功能，帮助把握更多销售机会。无埋点，全数据采集，多维度灵活分析，达到自定义轻松做报表。

8、完整的购物流程和佣金结算功能

从商品上架至用户购买商品、从添加购物车至结算、从结算至在线支付等各个流程环节都是非常完善地相互结合，完全和知名商城媲美。平台对商家、平台对消费者之间的结算功能灵活运用，可定时结算或提交申请后审核结算，科学合理的结算数据对账功能，实现便利化的营销分红结算方式。

分销商城小程序开通分销功能后，用户和商家都是受益者，用户消费之余还有获得返利的机会，因而更加依赖商家，而商家既能收获高粘性的用户群体，还能借助微信社群10亿用户量的社交优势，坐享分销功能带来的投入产出比合理的营销成果。在移动端近乎全民覆盖的当下，小程序商城是促进电商发展的优秀载体，而分销商城小程序的分销功能便是这个载体具优势的营销利器。

与朋友聚餐、聚会是用户常见的生活场景，而“聚餐去哪吃、吃什么、玩什么”是聚会场景中常出现的问题，对于生活在一二线城市的年轻群体，聚会的选择较多，且聚会频繁，需求较为强烈。微信群是目前大众群体主要的线上社交承载工具，当大家想要在线下约见时，很多情况下都会把喜欢的商家信息分享到微信群里，然后大家讨论决策，这样做存在 *** 作复杂、信息展示不直观、选择沟通不便捷等问题。

基于以上用户需求和存在问题， 在美团小程序中设计“聚会投票”功能 ，以便微信群用户在线下聚会前，能先在线上把大家喜欢的美团店铺汇总在一起，投票决策聚会去哪里。

美团微信小程序聚餐投票功能的 主要作用 为：

- 解决用户的选择困难和集体决策问题，通过提供便捷的小功能，更好地提高用户体验

- 美团小程序基于微信这一用户量庞大的的平台，可通过微信的社交能力带动产品的用户互动，扩大推广渠道，促进用户消费，有效拉新促活

为美团小程序新增聚餐投票功能，满足用户将备选商家统一汇总并结构化展现、并可投票决策的需求，节约用户的查看和决策成本；同时能够更好地将小程序与微信社交平台相结合，增强用户粘性。

从商户详情页进入：

从“我的”进入：

1 商户详情页

- 在所有美食类店铺详情页增加“聚餐投票”悬浮按钮

- 点击“聚餐投票”进入聚餐投票功能页

2 聚餐投票功能页

- 点击“创建投票”进入生成投票页，默认将进入前的商户加入已有投票列表

- 点击“加入投票”加入已有投票

- 点击已有投票框进入此投票详情页，若所选投票以包含此商户，则d出toast提示：此投票已包含这家店了哦~

- 我创建的投票按照投票创建时间倒序排列

3 生成投票页

- 主题默认显示，备选文案：“今天我们吃哪家？“今天吃什么？一起来投票”“吃哪家？投票最公平”“快来聚餐投票”等

- 用户点击默认文案可对话题进行编辑，上限20字，超出不能再输入并d出toast：话题字数最多20字哦~

- 已选商户显示、商户名、评分、人均、地区、类别、距离

- 点击已选商户后的垃圾桶可删除此商户

- 若已选商户数量为0，点击“生成投票”d出toast提示：快去添加想去的店到投票吧~

31 继续添加页

- 已选商户后为减号，未选商铺后为加号

- 左下角购物车上标显示已选商铺数量

- 商铺上限为20家，超出d出toast提示：最多加入20家哦，快去分享给小伙伴吧~

- 点击商铺框可进入商铺详情页查看

- 默认智能排序，搜素、筛选功能与app相同

- 点击“确认添加”进入生成投票页

32 已选商户购物车页

- 点击已选商户购物车图标展开已选商户列表，若已选数量为0，则不打开

- 再次点击已选商户购物车图标折叠收起

- 点击商铺框可进入商铺详情页查看

4 投票详情页

- 点击“生成投票”进入此投票详情页

- 点击商铺框可进入商铺详情页查看

- 点击投票可参与投票，商铺下方显示已选人员头像

- 再次投机投票和取消投票，同时对应头像消失

- 可多选，无上限

- 右下方“去首页”悬浮按钮，点击回到小程序首页

41 好友投票页

- 此为好友在群聊中打开界面

- 点击商铺框可进入商铺详情页查看

- 点击投票可参与投票，商铺下方显示已选人员头像及选择此商户的人数百分比，下方进度条直观显示百度比

- 右上角显示总计参与人数，此处头像显示为最先参与的5个人

- 点击“投票”按键变为“已投”并改变颜色为灰色，再次点击投票则取消投票，同时对应头像消失

- 可多选，无上限

5 “我的”页

- 在其他服务中添加“聚餐投票”入口

- 点击“聚餐投票”进入投票管理页

6 投票管理页

- 点击“创建投票”进入31继续添加页，此时默认无已选商铺，若用户不添加，则“确认添加”按钮置灰，不可点击，用户添加至少一个商户后，可点击“确认添加”进入生成投票页

- 我创建的投票按照投票创建时间倒序排列

- 点击已有投票框进入4投票详情页

- 点击商户右侧三个点“更多”，进入61编辑已有投票页

61 编辑已有投票页

- 点击“更多”后展开选项

- 点击“编辑”进入3生成投票页,可对投票进行编辑

- 点击“删除”进入62删除投票页

62 删除投票

- 点击“删除”d出选项“确定要删除此投票吗”，下方显示投票话题内容

- 点击“删除”删除此投票

- 点击“取消”回到上一界面

埋点事件表：

埋点统计表：

- 由分享投票次数除以生成投票次数，计算创建投票--分享投票的转化率。

- 由好友点开投票次数除以分享投票次数，计算分享-参与投票转化率。

小程序具有良好的用户体验可以通过以下几点进行考虑：

1、重点突出

每个页面都应该有明确的重点，便于用户每进入一个新页面都能快速理解页面内容，尽量避免无关的干扰。

2、流程明确

在用户进行某一 *** 作流程时，应避免出现用户目标流程之外的内容而打断用户。

3、导航明确

开发者需要不同导航方式进行配合，选择的颜色满足可用性的前提下，和谐搭配微信提供的两套主导航栏图标；

页面内的导航尽量简洁明了；

标签分页导航，可固定在页面顶部或者底部，便于用户在不同的分页间做切换。

4、加载反馈

当不可避免地出现了加载和等待的时候，需要予以及时的反馈以舒缓用户等待的不良情绪；

若加载时间较长，应提供取消 *** 作，并使用进度条现实载入的进度；

载入过程中，应保持动画效果，无动画效果的加载很统一让人饿产生该戒面已经卡死的错觉；

不要在同一个页面同时使用超过一个加载动画。

5、结果反馈

根据实际情况， *** 作的结果也应给予明确的反馈，可以选择不同的结果反馈样式。

6、明确使用过程中的错误 *** 作

在出现异常时予以用户必要的状态提示，并告知解决方案，在表单页面中尤其是表单项较多的页面中，应明确指出错误项，以便用户修改。

7、减少输入

采用摄像头识别接口帮助用户输入或者是利用组件让用户做选择而不是键盘输入。

8、统一稳定性

接入微信的小程序还应该时刻注意不同页面间的统一性和延续性，在不同的页面尽量使用一致的控件和交互方式。

以上就是关于"外卖小程序"分析报告全部的内容，包括:"外卖小程序"分析报告、新媒体的运营工具有哪些、前端页面锚点记录时间等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！