小程序的用户从哪里来

来源:http://www.yixieshi.com/123034.html 发布日期:2018/10/11
<DIV deep="5"> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123035 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1178.png?imageslim|imageView2/2/w/637/h/394/interlace/1/q/70" width=637 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1178.png?imageslim|imageView2/2/w/637/h/394/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1178.png 637w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-1178-220x136.png 220w" data-lazy-sizes="(max-width: 637px) 100vw, 637px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1178.png 637w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-1178-220x136.png 220w" sizes="(max-width: 637px) 100vw, 637px">在微信生态圈里,小程序之间是如何关联起来的?用户通过哪些方式能够顺畅的体验小程序的服务?小程序链接和小程序码图片哪个更适合分享?</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;我们先用一张图来了解用户访问小程序的入口有哪些。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123036 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1177.png?imageslim|imageView2/2/w/444/h/380/interlace/1/q/70" width=444 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1177.png?imageslim|imageView2/2/w/444/h/380/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1177.png 444w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-1177-175x150.png 175w" data-lazy-sizes="(max-width: 444px) 100vw, 444px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1177.png 444w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-1177-175x150.png 175w" sizes="(max-width: 444px) 100vw, 444px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">小程序生态</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;<B style="BOX-SIZING: border-box; FONT-WEIGHT: 700">目前,小程序共有64个入口。6月份的统计数据表明,TOP5分别为 微信群聊入口、微信聊天主界面下拉、App分享信息卡片、发现栏小程序主入口、发现栏小程序主入口搜索框的搜索结果页(数据来源:阿拉丁)。安卓手机还支持将小程序放在手机桌面。</B></P><B style="BOX-SIZING: border-box; FONT-WEIGHT: 700" data-filtered="filtered"> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123037 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-2129.png?imageslim|imageView2/2/w/448/h/414/interlace/1/q/70" width=448 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-2129.png?imageslim|imageView2/2/w/448/h/414/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-2129.png 448w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-2129-162x150.png 162w" data-lazy-sizes="(max-width: 448px) 100vw, 448px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-2129.png 448w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-2129-162x150.png 162w" sizes="(max-width: 448px) 100vw, 448px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">TOP 1 – 2</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123038 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-3106.png?imageslim|imageView2/2/w/470/h/329/interlace/1/q/70" width=470 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-3106.png?imageslim|imageView2/2/w/470/h/329/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-3106.png 470w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-3106-214x150.png 214w" data-lazy-sizes="(max-width: 470px) 100vw, 470px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-3106.png 470w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-3106-214x150.png 214w" sizes="(max-width: 470px) 100vw, 470px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">TOP 3 – 5</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">一、 APP</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;用户可以通过分享组件将APP文章或商品分享给好友。分享组件包括:小程序链接和小程序码图片两种。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;引导用户分享到微信聊天时,链接形式操作更简单,点击即可打开小程序;而小程序码图片则需要长按识别,再打开小程序。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;APP直接分享到朋友圈,目前只支持唤起H5;因此分享到朋友圈的渠道,建议引导用户生成含小程序码图片。在朋友圈信息流中,图片相比文字描述更能直观展示分享内容。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123039 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-4103.png?imageslim|imageView2/2/w/484/h/306/interlace/1/q/70" width=484 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-4103.png?imageslim|imageView2/2/w/484/h/306/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-4103.png 484w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-4103-220x139.png 220w" data-lazy-sizes="(max-width: 484px) 100vw, 484px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-4103.png 484w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-4103-220x139.png 220w" sizes="(max-width: 484px) 100vw, 484px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">APP分享到朋友圈 – 小程序链接</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123040 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-594.png?imageslim|imageView2/2/w/493/h/307/interlace/1/q/70" width=493 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-594.png?imageslim|imageView2/2/w/493/h/307/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-594.png 493w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-594-220x137.png 220w" data-lazy-sizes="(max-width: 493px) 100vw, 493px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-594.png 493w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-594-220x137.png 220w" sizes="(max-width: 493px) 100vw, 493px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">APP分享到朋友圈 – 小程序码图片</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123041 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-685.png?imageslim|imageView2/2/w/503/h/242/interlace/1/q/70" width=503 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-685.png?imageslim|imageView2/2/w/503/h/242/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-685.png 503w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-685-220x106.png 220w" data-lazy-sizes="(max-width: 503px) 100vw, 503px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-685.png 503w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-685-220x106.png 220w" sizes="(max-width: 503px) 100vw, 503px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">APP分享到朋友圈的链接只支持打开H5</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;小程序链接的分享语可运用更多情感化互动语言,在单纯的商品名、文章名之外,增加 “ 邀请你一起看 ”、“ 向你推荐了 ”、“ 好友正在读 ” 等。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;二、 用户对话和朋友圈</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;用户对话包含群聊/单人聊天入口,用户可以通过小程序分享组件将喜欢的内容分享给朋友。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;群聊带来的小程序流量大于单人聊天回话中的流量(数据来源:阿拉丁)。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">群聊入口的价值来源于用户的主动推荐。触发用户愿意传播的核心是传播内容能够激发用户传播动机,包括炫耀、获利、分享等。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;三、公众号</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;公众号推广包括公众号自定义菜单、模板消息、profile页相关小程序列表、会话列表下发的小程序消息卡片、公众号文章商品卡片、公众号文章广告等。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;zara品牌中公众号文章和小程序的关联是目前见到最顺畅的。当用户浏览到推荐文章中喜欢的商品图,可以快捷点击图片进入展示该商品的小程序商品详情页。符合线下看上一件衣服就伸手去拿的本能体验。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123042 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-777.png?imageslim|imageView2/2/w/488/h/620/interlace/1/q/70" width=488 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-777.png?imageslim|imageView2/2/w/488/h/620/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-777.png 488w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-777-118x150.png 118w" data-lazy-sizes="(max-width: 488px) 100vw, 488px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-777.png 488w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-777-118x150.png 118w" sizes="(max-width: 488px) 100vw, 488px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">所有入口方式,都应提供明显的小程序标识,帮助用户识别当前操作的内容是和小程序有关的。</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;目前大家看到的小程序有两种方式:</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;1.小程序 —— 全部页面均由小程序实现</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;2.小程序+H5嵌套 —— 框架和部分页面由小程序搭建,其它嵌套H5页面</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123043 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-865.png?imageslim|imageView2/2/w/423/h/247/interlace/1/q/70" width=423 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-865.png?imageslim|imageView2/2/w/423/h/247/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-865.png 423w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-865-220x128.png 220w" data-lazy-sizes="(max-width: 423px) 100vw, 423px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-865.png 423w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-865-220x128.png 220w" sizes="(max-width: 423px) 100vw, 423px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">H5嵌套的识别可以通过:</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;a. 看加载时,顶部是否有明显的滚动条</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;b.下拉界面,顶部是否会出现网址</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;附全部小程序入口(来源:阿拉丁)↓↓↓<IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123044 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1047.png?imageslim|imageView2/2/w/379/h/633/interlace/1/q/70" width=379 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1047.png?imageslim|imageView2/2/w/379/h/633/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1047.png 379w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-1047-90x150.png 90w" data-lazy-sizes="(max-width: 379px) 100vw, 379px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-1047.png 379w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-1047-90x150.png 90w" sizes="(max-width: 379px) 100vw, 379px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px"><IMG title=小程序的用户从哪里来 class="lazy aligncenter size-full wp-image-123045 lazy-loaded" style="BOX-SIZING: border-box; MAX-WIDTH: 100%; BORDER-TOP: 0px; HEIGHT: auto !important; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: rgb(255,255,255) 0px 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: 20px auto; DISPLAY: block" alt=小程序的用户从哪里来 src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-954.png?imageslim|imageView2/2/w/372/h/628/interlace/1/q/70" width=372 data-lazy-type="image" data-lazy-src="http://img.yixieshi.com/wp-content/uploads/2018/10/1-954.png?imageslim|imageView2/2/w/372/h/628/interlace/1/q/70" data-lazy-srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-954.png 372w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-954-89x150.png 89w" data-lazy-sizes="(max-width: 372px) 100vw, 372px" data-tag="bdshare" srcset="http://img.yixieshi.com/wp-content/uploads/2018/10/1-954.png 372w, http://img.yixieshi.com/wp-content/uploads/2018/10/1-954-89x150.png 89w" sizes="(max-width: 372px) 100vw, 372px"></P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">&nbsp;</P> <P style="BOX-SIZING: border-box; MARGIN: 0px 0px 20px">如果觉得文章对你有所帮助,欢迎留言并且推荐给你的好友。<BR style="BOX-SIZING: border-box" data-filtered="filtered">作者:谢晶晶(简书号:晶晶__,京东高级交互设计师)</P> <P style="BOX-SIZING: border-box; MARGIN: 0px">&nbsp;&nbsp;本文链接:<SPAN>&nbsp;</SPAN><A title=小程序的用户从哪里来 style="BOX-SIZING: border-box; TEXT-DECORATION: none; COLOR: rgb(1,150,227); BACKGROUND-COLOR: transparent" href="http://www.yixieshi.com/123034.html" rel=bookmark target=_blank>http://www.yixieshi.com/123034.html</A><SPAN>&nbsp;</SPAN>(转载请保留)</P></B></DIV>