你有没有过这样的经历？在手机上看到一篇特别有意思的文章，想分享给朋友，翻来翻去却找不到分享按钮。最后只能复制链接，手动发微信。其实，一个简单的网站底部分享按钮就能解决这个问题。
为什么要把分享按钮放在底部
很多人习惯滑到文章末尾才决定是否分享。这时候如果页面底部直接有分享入口，操作路径最短。尤其在移动端，手指不用来回上下滑动找按钮，体验顺滑很多。
我自己做博客时就吃过亏。一开始把分享按钮放在标题旁边，结果数据发现点击率很低。后来挪到底部阅读完成区域，配合一句“觉得不错？分享一下吧”，点击量翻了两倍。
常见的底部分享按钮样式
最常见的做法是在文章结束之后加一行图标，微信、微博、QQ、抖音这些常用平台各来一个。图标不用太大，横向排列，用浅灰色背景衬一下，既醒目又不突兀。
也可以做成悬浮式，固定在屏幕底部，随着页面滚动一直可见。这种方式适合内容特别长的页面，比如教程类、测评类文章，用户随时可以分享。
简单代码实现示例
如果你用的是静态网站或自己搭的博客，下面这段 HTML 和 CSS 能快速帮你加上底部分享按钮：
<div class="share-bar">
<a href="https://service.weibo.com/share/share.php?url=YOUR_URL" target="_blank">微博</a>
<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=YOUR_URL" target="_blank">QQ空间</a>
<a href="https://share.wechat.com/cgi-bin/sharecenter?url=YOUR_URL" target="_blank">微信</a>
</div>
<style>
.share-bar {
text-align: center;
padding: 12px 0;
margin: 20px 0;
background: #f5f5f5;
border-radius: 6px;
font-size: 14px;
}
.share-bar a {
margin: 0 10px;
color: #333;
text-decoration: none;
}
</style>记得把 YOUR_URL 替换成当前页面的动态链接，如果是用 PHP 或 JavaScript 可以自动获取 window.location.href。
别忘了适配手机端
现在大部分流量来自手机，按钮间距要足够大，方便手指点击。图标的大小最好在 40px 左右，太小容易点错。测试时多用不同机型预览，尤其是 iPhone 和安卓主流型号。
有些平台比如微信，不能直接唤起原生分享，但可以通过引导用户点击“右上角分享”来提示操作。虽然不如一键分享方便，但也比没有强。
加了按钮，也得考虑用户体验
不是所有页面都适合放分享按钮。比如登录页、支付成功页这种功能性强的页面，加了反而干扰。重点还是内容型页面，像文章、攻略、清单这类，用户更容易产生分享冲动。
另外，别堆太多平台。展示五六个最常用的就够了，再多只会让用户眼花缭乱。我见过有的网站底部一排十几个图标，看起来热闹，实际点击最高的还是那两三个。