微信外链图标:如何在文章中添加微信分享按钮?

微信外链图标:如何在文章中添加微信分享按钮?

什么是微信外链图标?

微信外链图标是指文章中的微信分享按钮图标,点击后可将文章分享到微信朋友圈或微信好友。

为什么要在文章中添加微信分享按钮?

添加微信分享按钮可以方便读者将文章分享给朋友,增加文章的曝光度和传播范围,提高文章的阅读量。

如何在文章中添加微信分享按钮?

在添加微信分享按钮之前,需要先在公众号后台设置“JS接口安全域名”和“授权域名”,并获取微信公众平台提供的APPID和APPSECRET。

1. 在文章中添加一个DIV标签,设置其ID为“weixin-share”。

2. 在页面底部引入微信JS-SDK文件。

3. 在JS文件中编写以下代码:

wx.config({
    appId: 'your appid',
    timestamp: 'your timestamp',
    nonceStr: 'your nonceStr',
    signature: 'your signature',
    jsApiList: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage'
    ]
});
wx.ready(function () {
    wx.onMenuShareTimeline({
        title: '分享标题',
        link: '分享链接',
        imgUrl: '分享封面',
        success: function () {
            // 分享成功后的回调函数
        },
        cancel: function () {
            // 分享取消后的回调函数
        }
    });
    wx.onMenuShareAppMessage({
        title: '分享标题',
        desc: '分享描述',
        link: '分享链接',
        imgUrl: '分享封面',
        type: 'link',
        dataUrl: '',
        success: function () {
            // 分享成功后的回调函数
        },
        cancel: function () {
            // 分享取消后的回调函数
        }
    });
});

4. 在需要添加微信分享按钮的地方,插入以下代码:

5. 在CSS文件中设置微信分享按钮的样式。

如何优化微信分享效果?

为了让分享效果更好,可以在JS文件中设置分享的标题、描述和封面图,尽量让其简洁明了、有吸引力。

同时,可以使用微信开放平台提供的“微信公众平台图文消息阅读原文统计接口”来统计分享人数和阅读量。

总结

添加微信分享按钮可以提高文章的传播效果,但需要在公众号后台设置相关参数并编写JS代码。为了达到更好的分享效果,可以设置分享的标题、描述和封面图,并使用统计接口来跟踪分享的效果。

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。
THE END
分享
二维码
< <上一篇
下一篇>>