微信小程序之分享功能

article/2025/9/21 23:57:57

微信小程序之分享功能

小程序风口正盛,将小程序作为获客的来源之一实在合适不过,想要让小程序的获客产生裂变,那么从将小程序的数据发送出去势在必行,本文提供以下几种方案作为数据出口,达到老拉新/口碑传播的效果。

本文中所介绍的东西并没有高深的技术含量,都是一些很简单的技巧而已。

一、分享:

让用户使用小程序之后,再将它分享给好友,或者发送到朋友圈,实在太合适不过了。

1.转发给好友/群:

在小程序开发API中,发送给好友/群,可以有两种实现方式:

1)入口

a.小程序右上角自带的分享功能(...):

如果在当前页面调用wx.hideShareMenu()方法,那么右上角的分享功能将被隐藏,当然,隐藏方法与现实方法是承兑出现的,调用wx.showShareMenu()方法,可以显示该功能。

b.自定义分享按钮:<butto n open-type='share'>分享</butto n>

以上两种方式均可实现分享功能

2)分享数据类型

不管采用以上何种方法,转发给好友的数据总归有它的数据模型,该数据模型是通过onShareAppMessage(options)返回的,也就是return一个object即可。其中,options.from可以用来判断是从自定义button打开的转发页面,还是从右上角的打开的转发页面。

以下是该object的数据模型:

 

如上所示,如果开发人员在onShareAppMessage(options)不进行任何处理,那么微信将会有一个默认的数据转发出去,title为当前小程序名称,path为当前页面的路径,imageUrl为当前页面的截图。根据imageUrl的定义,开发人员可以上传自定义图片,那么这个口子给了运营人员一定的发挥空间,这个问题,文章的后边会详细提及。

2.分享至朋友圈:

微信小程序目前没有直接提供方法来将小程序分享至朋友圈,不过可以采用曲线救国的方式来达到目的。

曲线救国的方式分为两步:

1.通过浏览器将希望分享的东西分享至朋友圈:

微信小程序自身没有任何入口可以进入到微信的浏览器中,那么就更加不可能让用户进入到自身操作系统中的浏览器进行分享了。

那么能否有其他的途径可以达到此目的呢?

答案是客服消息。

微信小程序本身提供客服消息是用来更好的为客户服务的,但是请看以下截图:

小程序提供了入口,允许用户给客服发送消息,同时,也允许小程序的客服主动给用户发送消息,其中,可以发送图文链接

 

开发者可以在用户打开该聊天对话框时,主动给用户发送图文链接,用户点击该链接之后,将会跳转到微信的浏览器(H5)页面,该页面不同于小程序内打开的H5页面,如下图

开发者和用户对于这种样式的页面应该相当熟悉了,至此,从小程序进行分享至朋友圈的第一步完成了。

2.用户分享至朋友圈后,用户的好友通过该链接进入朋友圈

众所周知,微信目前还并未提供入口,将微信小程序直接在朋友圈进行展示,但是同样的,微信也没有禁止在朋友圈内展示小程序码,而我们通过小程序进行分享的是图文链接,那么图片自然就可以是需要分享的微信小程序码,至于文字,还可以作为运营人员的推广。

以上,就完成了从微信小程序分享至好友/好友群/朋友圈的路径。

注:小程序的二维码分两种,一种是常规的二维码,还有一种是小程序码,我们这里进行分享的是小程序码。

二、数据追踪

运营人员经常会期望知道哪些用户是自然量,哪些用户是推广量,不仅如此,他们常常期望给那些乐于分享的用户一些奖励。

那么,奖励的标准是什么?无外乎谁拉来的人多,谁就可以获得更多的奖励。开发人员需要满足运营的需求,所以需要记录每个用户通过分享获客的数量等等。

如何进行记录呢,还是老生常谈,无外乎以下几种方式:

1.简单粗暴型:

比如Uber和滴滴的获客方式,通过邀请码来进行获客。这种通过现金奖励的土豪方式不适合绝大多数的推广,而且简单粗暴,本文不再赘述。

2.数据匹配型:

现有的一些第三方推广渠道的合作方式常常都是如此,比如iOS通过用户的IDFA来进行标记用户,用户通过第三方app打开第三方渠道的短链时,由app将IDFA传给短链进行记录,当用户注册账号时,app端通过获取IDFA来和第三方渠道进行比对,如果一致,则认为是通过第三方渠道推广而来的量,最后进行结算。

微信小程序也可以模仿该方式进行记录。

上文提供了三种分享的方式,分享给好友/好友群/朋友圈,它们需要使用不同的方式来进行记录。

1)朋友圈:

分享至朋友圈是通过分享小程序码来达到分享功能的,那么想要进行数据匹配,肯定是通过小程序码来做文章了。

通过调用微信的不同的接口,可以生成类型不同的小程序码,我们调用接口:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN,具体参数如下:

关注参数scene和page即可,我们可以将用户的userid或者唯一标识放入其中,这样在其他被拉进小程序的用户打开page页面时,我们可以通过以下方式获取到分享发起者的用户唯一标识:

此时,便可以根据此唯一标识来给对应的用户发放奖励了。

2)分享至好友/群:

分享至好友/群和分享至朋友圈的内容并不一致,后者是分享图文链接,而分享至好友群的往往是小程序本身,群中的用户通过该分享可以直接进入小程序,那么如何进行数据匹配呢?

其实方法大同小异,通过查看微信小程序的api,如下:

 

此处的path中可以加入用户的唯一标识,接下来的流程和分享至朋友圈便是一样了。

部分运营人员期望能知道分享的群的一些信息,可以参考此文:http://news.ifeng.com/a/20170510/51071063_0.shtml

本文参考微信小程序开发文档:

1.转发:https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html

2.客服消息:https://mp.weixin.qq.com/debug/wxadoc/dev/api/custommsg/conversation.html

3.获取二维码:https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

 



作者:我是田工
链接:https://www.jianshu.com/p/c100d21bcc9c
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


http://chatgpt.dhexx.cn/article/2mS9PtSy.shtml

相关文章

微信小程序的转发分享功能

文章目录 button组件的open-type"share"app.jsonpages/about/about.wxmlpages/about/about.wxsspages/about/about.js 页面右上角的转发按钮app.jsonpages/about/about.wxmlpages/about/about.wxsspages/about/about.jspages/home/home.wxmlpages/home/home.wxsspage…

vscode中文高亮

测试代码: #include <常用> 如(i)断; 如(j)下;空 主(){ }在vscode目录下resources\app\extensions\cpp\syntaxes中c.tmLanguage.json试改改. "match": "\\b(break|case|continue|default|do|else|for|goto|if|_Pragma|return|switch|while|断|下)\\b&quo…

vscode中文标点符号自动转英文标点符号

vscode中文标点符号自动转英文标点符号

vscode中文乱码解决方法总结

第一种方法&#xff1a;直接点下面的 找到GB18030(其实GB都可以&#xff0c;我也不懂&#xff0c;一个一个试吧) 运行就可以了 第二种方法&#xff1a;点击设置&#xff0c; 在上面搜索 编码 &#xff0c;点击utf8 下拉找到GB 第三种方法&#xff1a; 这种方法我也不会&#xf…

VSCode正则搜索中文字符

(".*[\u4E00-\u9FA5])|([\u4E00-\u9FA5].*") 右侧开启正则匹配&#xff0c;即可搜出全部中文字符

vscode 中文插件失效

一、Crtl Shift P&#xff0c;打开命令面板&#xff0c;输入configure display language&#xff0c;点击图中框起来的那一项&#xff1a; 二、 选择 zh-cn&#xff1a; 等待vscode自动重启。 大功告成&#xff01;

MAC 用配置设置解决vscode中文乱码问题

MAC 用配置设置解决vscode中文乱码问题 中文乱码出现的原因 因为中文主要有两套编码&#xff0c;一套是GBK&#xff0c;一套是UTF-8&#xff0c;代码编辑器一般默认用UTF-8&#xff0c;而在输出的终端中默认是GBK&#xff0c;所以在UTF-8下的中文输出到GBK的终端自然会乱码。…

解决vscode中文注释乱码

有的文件&#xff0c;用Notepad打开很清楚能显示中文或其他中文内容&#xff0c;但是直接用vscode加载就乱码。 解决方案&#xff1a; 打开vscode&#xff0c;打开设置 之后点文件&#xff0c;勾选上Auto Guess Encoding。 最后&#xff0c;将原有乱码文件移出工作区&#x…

VScode注释中文时乱码怎么办?VScode中文注释乱码问题的解决方法

当我们在编写C语言代码的时候&#xff0c;会对代码进行中文的注释&#xff0c;但是使用VScode打开代码之后&#xff0c;部分的中文注释会出现乱码的情况&#xff0c;对此找到了几个解决中文注释乱码的方法&#xff0c;分享给大家&#xff0c;希望可以对大家的学习带来帮助。 不…

VScode设置中文显示

VScode一般默认英文显示&#xff0c;如果想要中文显示需要设置。 打开VScode按快捷键ctrlshiftp在搜索框搜索 然后会出现 选择中文重启就好了。 如果重启依旧是英文&#xff0c;就去应用商店看下安装过的插件&#xff0c;把中文插件在重新安装一下&#xff0c;然后重启即可。…

VScode中文注释乱码问题解决

VScode默认是用utf-8打开工程代码&#xff0c;C语言里的中文注释如果是Source insight之前gbk编码的注释可能会显示乱码&#xff0c;如何能让代码打开gbk编码的文件也不乱码&#xff0c;设置VScode如下&#xff1a; 方法一&#xff1a; 依次打开&#xff1a;文件–首选项–设置…

vscode中文注释斜体修改

第一次使用发现中文注释是斜体的并且看起来很难受 找了一遍也不会怎么弄&#xff0c;然后点点就成功了 我使用的是这个主题 点击设置按钮点击拓展设置 最后将红色圈起来的这个勾去掉&#xff0c;保存即可

VSCode中文设置异常

原文链接&#xff1a;https://blog.csdn.net/weixin_34898216/article/details/113548414 第一步 下载插件&#xff1a;Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code (现在直接下载安装已经起效) 在Chinese (Simplified) Language Pack for Visu…

安装Visual Studio Code,解决vscode中文乱码问题

记录个人安装过程&#xff0c;方便电脑搞废了自己重新安装&#xff1a; 1.下载Visual Studio Code编辑器&#xff0c;版本看自己&#xff1a;Visual Studio Code - Code Editing. Redefined 2.安装Visual Studio Code&#xff08;建议不要安装在系统盘&#xff0c;路径不要有…

vscode 设定中文字体

1. 打开设置 2. 设定中文字体

解决vscode中文乱码问题(不是改GBK,亲测有效)

解决vscode中文乱码问题&#xff08;不是改GBK&#xff0c;亲测有效&#xff09; 方式一&#xff1a;解决vscode中文乱码问题&#xff08;不是改GBK&#xff0c;亲测有效&#xff09;中文乱码出现的原因问题解决过程具体设置&#xff1a; 其他的可行方案总结 方式二&#xff1a…

VsCode中文输出为乱码的原因及解决方法

在vscode&#xff08;在cmd.exe也会&#xff09;中有时候编译输出含有中文的内容时&#xff0c;在输出界面显示的是乱码. 原因&#xff1a;我们需要传递给计算机的所有信息都会转换成0 1表示的二进制数字流&#xff0c;经过CPU处理后再输出给相应的程序&#xff0c;程序再把这…

vscode中文乱码问题及几种常见的解决方案

问题及原因 问题原因&#xff1a;代码文件的字符编码格式为UTF-8&#xff0c;但是terminal的字符编码格式为GBK。 解决思路&#xff1a;统一代码文件和terminal的字符编码格式。 解决办法 说明&#xff1a;以下的解决方案是针对上述原因“代码文件的字符编码格式为UTF-8&…

VScode 中文显示出现黄色方框的解决方法

VScode 中文显示出现黄色方框的解决方法 使用 VScode 打开源码时&#xff0c;发现注释中的汉字都被一个黄色的方框圈住了&#xff0c;这是因为使能了批注中字符的突出显示的功能&#xff0c;不喜欢这个黄色方框的小伙伴&#xff0c;可以参照下列步骤&#xff0c;禁用批注中字符…

解决vscode中文乱码问题(不是转GBK,亲测有效)

引言 与解决codeblocks乱码方法相似 本人C语言初学者一枚&#xff0c;之前使用codeblock时就曾出现输出中文乱码的问题&#xff0c;自己通过网上搜教程解决。 有一天想配置配置vscode。配置好了以后&#xff0c;下载vscode后也出现了输出中文的乱码问题&#xff0c;用与codeblo…