1 小程序右上角自带的分享功能
如何显示右上角分享选项?
页面里设置 wx.showShareMenu()
或者设置如下代码
onShareAppMessage: function (res) {
console.log(res.from) // menu 或者 button
return {
title: '自定义转发标题',
path: '/page/user?id=123',
imageUrl:''
}
},
获取群的标识
调用 wx.showShareMenu 并且设置 withShareTicket
为 true
,当用户将小程序转发到任一群聊之后,此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch 或 App.onShow 获取到一个 shareTicket
。通过调用 wx.getShareInfo 接口传入此 shareTicket
可以获取到转发信息。
//页面里调用此函数,右上角显示“转发”选项
wx.showShareMenu({
withShareTicket: true,
})
onShareAppMessage() {
return {
title: '页面分享标题',
path: '/pages/path/to/target',
success(res){
console.log(res.shareTickets[0]) // shareTickets 是个数组 这个数组永远只有一个值。这里可以获取分享目标群的id
}
}
}
//app.js
App({
onLaunch: function (options) {
if (options.shareTicket){
wx.getShareInfo({
shareTicket: options.shareTicket,
timeout: 3000,
success: (res) => {
console.log(JSON.stringify(res)); //转发信息, 群id是加密的,需要服务端或者node解密
}
})
}
}
})
2 自定义分享按钮
<button open-type="share">分享按钮</button>
onShareAppMessage: function (res) {
console.log(res.from) // menu 或者 button
return {
title: '自定义转发标题',
path: '/page/user?id=123',
imageUrl:''
}
},
3 客服消息-分享至朋友圈
在小程序中加入客服消息入口,允许用户给客服发送消息
<button open-type="contact" bindcontact="handleContact">客服消息</button>
同时,也允许小程序的客服主动给用户发送消息,其中,可以发送图文链接。
开发者可以在用户打开聊天对话框时,主动给用户发送图文链接,用户点击该链接之后,将会跳转到微信的浏览器(H5)页面
微信目前还并未提供入口,将微信小程序直接在朋友圈进行展示,但是同样的,微信也没有禁止在朋友圈内展示小程序码,而我们通过小程序进行分享的是图文链接,那么图片自然就可以是需要分享的微信小程序码,至于文字,还可以作为运营人员的推广。
小程序分享到朋友圈步骤总结:
- 引导用户点击“客服消息”,进入“客服消息界面”
- 开发者像用户推送一个图文链接
- 用户点开链接进入H5页面,引导用户分享到朋友圈
- 其他用户点开分享的朋友圈后,展示图片,图片上面有小程序码和推广文字,引导用户扫码,关注小程序
4 生成图片-分享至朋友圈
- 在小程序中用户点击按钮,用canvas生成一个带小程序码和推广文案的图片,保存到用户相册里
wx.saveImageToPhotosAlbum
- 引导用户把刚才保存到相册里的图片分享到朋友圈
- 其他人点击分享的图片后,推广文案会引导扫码
数据追踪
运营人员经常会期望知道哪些用户是自然量,哪些用户是推广量,不仅如此,他们常常期望给那些乐于分享的用户一些奖励,所以需要记录每个用户通过分享获客的数量
1. 分享到朋友圈
分享至朋友圈是通过分享小程序码来达到分享功能的,那么想要进行数据匹配,肯定是通过小程序码来做文章了。
通过调用微信的不同的接口,可以生成类型不同的小程序码,我们调用接口:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN,具体参数如下:
关注参数scene和page即可,我们可以将用户的userid或者唯一标识放入其中,这样在其他被拉进小程序的用户打开page页面时,我们可以通过以下方式获取到分享发起者的用户唯一标识:
此时,便可以根据此唯一标识来给对应的用户发放奖励了。
2. 分享至好友/群
分享至好友/群和分享至朋友圈的内容并不一致,后者是分享图文链接,而分享至好友群的往往是小程序本身,群中的用户通过该分享可以直接进入小程序,那么如何进行数据匹配呢?
其实方法大同小异,通过查看微信小程序的api,如下:
此处的path中可以加入用户的唯一标识,接下来的流程和分享至朋友圈便是一样了。