本文关键词：网站上文章分享的代码怎么做

做站这行摸爬滚打十五年了，天天跟代码打交道。很多刚入行的朋友，或者自己折腾博客的站长，总爱问同一个问题：网站上文章分享的代码怎么做？其实吧，这事儿真没大家想的那么玄乎。不用整那些花里胡哨的大框架，咱们就聊点实在的，怎么让读者看完文章，顺手就能把好东西转给朋友。

你想想，要是你看到一篇好文章，想发给微信好友，是不是得先复制标题，再复制链接，然后打开微信，粘贴，发送？这一套动作下来，手指头都累了。要是你的网站能一键搞定，那体验是不是好太多了？这就是分享按钮存在的意义。

那具体咋弄呢？我一般推荐两种路子。第一种，简单粗暴，用现成的插件或者小工具。如果你用的是WordPress，那更是省事，随便搜个“分享按钮”插件，装上，勾选几个平台，完事。但这有个毛病，插件多了，网站加载慢，看着也乱。

第二种，就是自己手写代码。这个稍微有点技术含量，但为了网站清爽，值了。咱们主要就搞三个平台：微信、微博、QQ。这三个够用了，贪多嚼不烂。

先说微信。微信分享比较特殊，它不像其他平台那样直接调接口。你得用JS-SDK。但这玩意儿配置麻烦，还得绑定域名，对于个人站长来说，有点劝退。所以，很多老手会选择生成一个带参数的二维码，或者直接用“复制链接”的方式。复制链接的代码最简单，就是调用浏览器的剪贴板API。

代码大概长这样：

这段代码看着简单，但特别实用。用户一点，链接就进剪贴板了，然后他爱发哪儿发哪儿。

再说微博和QQ。这两个平台有现成的分享链接。你只需要构造一个URL，把当前页面的标题和链接传过去就行。

比如微博的分享链接格式是：

https://service.weibo.com/share/share.php?url=你的链接&title=文章标题

QQ空间的分享链接是：

http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的链接&title=文章标题&pics=&summary=摘要

把这些拼起来，做成超链接或者按钮，用户一点就跳转过去，自动填入内容。

这里头有个坑，就是URL编码。标题里有空格或者特殊符号的话，直接拼上去会报错。所以得用JavaScript的encodeURIComponent函数处理一下。

function shareToWeibo() {

var url = encodeURIComponent(window.location.href);

var title = encodeURIComponent(document.title);

var win = window.open('https://service.weibo.com/share/share.php?url=' + url + '&title=' + title, '_blank');

win.focus();

}

这段代码得放在你的按钮点击事件里。

其实，做分享功能，核心不是代码多难，而是用户体验。按钮放哪儿？一般放在文章末尾，或者侧边栏固定。别让用户找半天。颜色别太刺眼，跟网站整体风格搭就行。

还有，别指望用户会主动分享。你得给点动力。比如，分享后解锁隐藏内容，或者积分奖励。当然，这是运营层面的事，代码只是工具。

很多新手在问网站上文章分享的代码怎么做的时候，往往忽略了测试。你写完了，自己得在不同浏览器、不同手机上试试。特别是微信，有时候会有缓存问题，分享出去的图片不对，标题不对，那就尴尬了。

另外，现在的浏览器对自动播放音频视频管得严，对剪贴板操作也有安全限制。所以，复制操作必须在用户点击事件中触发，不能页面加载完自动复制，那样会被浏览器拦截。

总之，别把技术想得太复杂。分享功能就是为了让信息流动起来。代码写得简洁点，加载快一点，用户用得顺手，你的网站口碑自然就好了。

如果你还在纠结网站上文章分享的代码怎么做，不妨从最简单的复制链接开始。一步步来，别急于求成。建站是个慢功夫，细节决定成败。希望这点经验能帮到你，少走点弯路。毕竟，大家的时间都挺宝贵的，能省则省嘛。