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，具体参数如下：
image
关注参数scene和page即可，我们可以将用户的userid或者唯一标识放入其中，这样在其他被拉进小程序的用户打开page页面时，我们可以通过以下方式获取到分享发起者的用户唯一标识：
image
此时，便可以根据此唯一标识来给对应的用户发放奖励了。
2. 分享至好友/群
分享至好友/群和分享至朋友圈的内容并不一致，后者是分享图文链接，而分享至好友群的往往是小程序本身，群中的用户通过该分享可以直接进入小程序，那么如何进行数据匹配呢？
其实方法大同小异，通过查看微信小程序的api，如下：
image
此处的path中可以加入用户的唯一标识，接下来的流程和分享至朋友圈便是一样了。
网友评论