首页 课程中心 问答&分享 读书 公众号框架 HUI H.JS 开放源 登录 & 注册
 《微信公众号开发权威教程》

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口

wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});


获取“分享给朋友”按钮点击状态及自定义分享内容接口

wx.onMenuShareAppMessage({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    type: '', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});


获取“分享到QQ”按钮点击状态及自定义分享内容接口

wx.onMenuShareQQ({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
       // 用户取消分享后执行的回调函数
    }
});


获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口

wx.onMenuShareWeibo({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});


获取“分享到QQ空间”按钮点击状态及自定义分享内容接口

wx.onMenuShareQZone({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});


完整代码演示

<html>
<head>
<title>demo</title>
</head>
<body>
    <div style="width:90%;">
        <img src="http://static.hcoder.net/public/course_images/5595e9446293b.jpg" width="100%" />
    </div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<?php
require_once "jssdk.php";
//$jssdk = new JSSDK("appid", "appsecret");
$jssdk = new JSSDK("wxecbdf50f2ffea20f", "eb2e237b0ed8624d4fd87a718ae2285b");
$signPackage = $jssdk->GetSignPackage();
/* 
 * $signPackage
 * 是一个数组 格式如下
 * Array ( [appId] => wxecbdf50f2ffea20f [nonceStr] => 9XvxklnD5tdwIfMF [timestamp] => 1462502279 
 * [url] => http://wx.hcoder.net/demo.php [signature] => xxxx [rawString] => jsapi_ticket=xcxc
 * &noncestr=9XvxklnD5tdwIfMF×tamp=1462502279
 * &url=http://wx.hcoder.net/demo.php )
 */
?>
<script>
wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone']
});
wx.ready(function () {
    wx.onMenuShareTimeline({
        title: 'test', // 分享标题
        link: 'http://wx.hcoder.net/demo.php', // 分享链接
        imgUrl: 'http://static.hcoder.net/public/course_images/5595e9446293b.jpg', // 分享图标
        success: function () { 
            alert('分享成功,可以在这里记录客服分享信息');
        },
        cancel: function () { 
            alert('取消分享');
        }
    });
    wx.onMenuShareAppMessage({
        title: 'test', // 分享标题
        desc: '分享描述', // 分享描述
        link: 'http://wx.hcoder.net/demo.php', // 分享链接
        imgUrl: 'http://static.hcoder.net/public/course_images/5595e9446293b.jpg', // 分享图标
        success: function () { 
            alert('分享成功,可以在这里记录客服分享信息');
        },
        cancel: function () { 
            alert('取消分享');
        }
    });
    //其他分享同理......
});
wx.error(function(res){
    alert(res);
});

</script>
</html>


经验总结

利用好分享内部的success函数可以记录分享次数,客户的信息(登录后的)等重要信息。

书籍目录  (请点击阅读)