广州小程序开发

调用微信jsapi实现微信分享文章统计 tp5开发

作者:广州小程序开发 时间:2018-04-21 22:20
调用微信jsapi实现微信分享文章统计 tp5开发
 
需要实现功能,统计业务员分享的文章海报留言等信息,统计分享数量作为业务员的考核的指标。
 
步骤:在微信公众平台下载jsapi php接口 放到vendor目录中,在文章页面控制器中调用如下图
 
 
调用微信jsapi实现微信分享文章统计 tp5开发
 
在静态文章中
 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    var surl ='{:url("artct","id=$info[id]&uid=$info[userid]")}';
    var aurl = location.href.split('#')[0];
    var aurl = encodeURIComponent(aurl);
    wx.config({
        debug: false, // 是否开启调试模式
        appId: "{$signPackage.appId}",
        timestamp: "{$signPackage.timestamp}",
        nonceStr: "{$signPackage.nonceStr}",
        signature: "{$signPackage.signature}",
        jsApiList: ['onMenuShareTimeline', //分享到朋友圈
        'onMenuShareAppMessage', //分享给朋友
        'onMenuShareQQ' //分享到QQ
    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    });
 
    wx.ready(function(){
      //$.post(surl,function(d){});
        var options = {
            title: '{$info.title}',
 
            desc: "{$info.description}",
 
            link:  "{$url}",
 
            imgUrl: "http://{$_SERVER['HTTP_HOST']}__PUBLIC__{$res.avatar}",
 
        
 
            success: function () {
                console.info('分享成功!');
                // 用户确认分享后执行的回调函数
                $.post(surl,function(d){});
            },
            cancel: function () {
                console.info('取消分享!');
                // 用户取消分享后执行的回调函数
            }
        }
        wx.onMenuShareTimeline(options); // 分享到朋友圈
        wx.onMenuShareAppMessage(options); // 分享给朋友
        wx.onMenuShareQQ(options); // 分享到QQ
    });
</script>
其中surl为分享成功后写入数据库的统计信息,这里注意的是公众号要绑定域名 不然分享会提示错误
 
文本来源:广州山水居科技有些公司
 

上一篇:微信公众号生成推广海报 thinkphp5开发微信二维码
下一篇:mysql 存储过程

您的疑惑,我们来解答

多年来我们为上百家企业提供了网站建设服务

感受专业服务,从来电咨询开始
广州:18814374480深圳:13480275394
在线咨询