分享不迷茫，创建吸引人小程序分享方案

前端

2023-09-21 19:19:30

小程序分享的难点和解决办法

很多开发者在做小程序分享的时候经常会遇到以下问题：

分享内容不吸引人 ：用户在分享小程序时，通常会选择分享他们觉得有价值或者有趣的内容。如果小程序的分享内容不吸引人，用户就不会愿意分享。
分享体验不好 ：分享小程序时，用户需要经过一系列的操作，才能完成分享。如果分享体验不好，用户就会放弃分享。
分享后没有效果 ：用户分享小程序后，如果小程序没有吸引用户，用户就不会继续使用小程序。

为了解决这些问题，开发者在创建小程序分享方案时，需要重点考虑以下几点：

分享内容要吸引人 ：分享内容要能够激发用户的好奇心和兴趣，让用户觉得有价值或者有趣。
分享体验要好 ：分享小程序时，用户应该能够轻松地完成分享，而不必经过繁琐的操作。
分享后要有效果 ：用户分享小程序后，小程序应该能够吸引用户，让用户继续使用小程序。

小程序自定义分享好友，Modal框从底部升起，支持图片转发好友、保存本地

小程序自定义分享好友，Modal框从底部升起，支持图片转发好友、保存本地，是一种非常实用的分享方式。这种分享方式可以帮助开发者创建更吸引人的小程序分享方案，从而提高小程序的用户参与度和传播度。

实现方法

在小程序的配置文件中，添加以下代码：

{
  "shareMenu": {
    "withShareTicket": true,
    "itemList": [
      {
        "id": "shareImage",
        "title": "分享图片",
        "pageUrl": "/pages/share/share",
        "imageUrl": "/images/share.png"
      },
      {
        "id": "saveImage",
        "title": "保存图片",
        "pageUrl": "/pages/share/share",
        "imageUrl": "/images/save.png"
      }
    ]
  }
}

在小程序的页面中，添加以下代码：

Page({
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      // 转发按钮
      if (res.target.id === 'shareImage') {
        // 分享图片
        return {
          title: '分享图片',
          path: '/pages/share/share',
          imageUrl: '/images/share.png'
        }
      } else if (res.target.id === 'saveImage') {
        // 保存图片
        wx.saveImageToPhotosAlbum({
          filePath: '/images/save.png',
          success: function (res) {
            wx.showToast({
              title: '保存图片成功',
              icon: 'success',
              duration: 2000
            })
          },
          fail: function (res) {
            wx.showToast({
              title: '保存图片失败',
              icon: 'none',
              duration: 2000
            })
          }
        })
      }
    }
  }
})

在小程序的页面中，添加以下代码：

<view id="shareImage" bindtap="onShareAppMessage">
  <image src="/images/share.png" />
  <text>分享图片</text>
</view>
<view id="saveImage" bindtap="onShareAppMessage">
  <image src="/images/save.png" />
  <text>保存图片</text>
</view>