利用添加到网摘功能进行网站推广和网络营销 – 附代码及图标下载

Social Bookmarking，国内流行叫法是“网摘”，是 Web 2.0 时代标志性的特色之一。

简单来说，就是把我们自己电脑上的收藏夹（bookmark），搬到互联网上，这样就可以和大家分享了（social），充分体现 Web 2.0 “分享”的精神。有很多服务商都在提供这样的服务，著名的比如国外的 Del.icio.us, 国内的新浪 ViVi，等等。

下面这张图大家应该会很熟悉：

现在很多网站都已经集成了这些按钮。当用户来访时，Customer Journey (用户浏览流程) 是这样的：

1. 用户阅读某一个页面（比如是文章），发现自己比较感兴趣，希望可以添加到自己的网摘或者和朋友分享；
2. 用户点击紧随文章其后的“添加到网摘”代码，就会打开新窗口，内容是网摘网站的内容提交界面。这时，用户所浏览页面的标题和URL已经自动输入到网摘的URL添加界面中了；
3. 用户添加一些描述或者关键词，直接提交，就完成了。

这个功能非常实用，无论是对个人博客，还是企业网站，都非常有价值，充分利用了 Social Network 这个平台；并且为个人用户提供了便捷的用户体验。

虽然功能很实用，但是部署起来其实一点都不复杂。只需要几段简单的代码，配合一些文字或者小图标，添加到网摘功能就轻松实现了。主要麻烦的是各大网摘都有自己的特定代码，搜集起来比较花时间。

正好我前一段时间抽空给自己的网站加上了这个功能，所以就把我搜集来的代码配合图标打包放在这里，大家可以随便下载来用，可以极大地节省时间。

>>> 点击这里打包下载完整代码及图标

注意：

1. 代码编辑。使用以前，里面有些代码需要手动编辑一下：
   1. URL。有几个网摘的代码中要求必须包含网站 URL。搜索一下digimarketing.cn（本站域名，因为这个代码是本站在用的），然后替换成自己的网站 URL 就好了；
   2. 图片路径。这里用的是相对路径，如果您改变了图片存放位置或名称，请相应调整代码。
2. 放置位置。网站上放置的位置需要根据页面性质和布局，以及目标用户的浏览习惯来定。比如说文章类页面，自然应该放在紧随文章结尾处，以便让用户看完文章后随手点击。
3. Alt 标签。图标的 Alt 标签一定要保留，因为有很多图标，用户不一定熟悉每个图标代表哪个网摘，所以需要在 Alt 标签之中提示用户。我这里的 Alt 标签已经处理完毕，您可以直接使用，也可以根据需要自行编辑。

另外，除了上面讲的这种自行编辑代码的方式，还有一种更为简便的方式，就是利用一些第三方的解决方案，比如 Addthis。需要做的只是简单地部署一小段他们提供的 JavaScript，几乎所有主流的网摘代码就全部涵盖了，不过缺点是格式上不太灵活，Usability （可用性）上也稍差一些。如果对这个感兴趣，可以参考我之前写过的另一篇文章：解决方案：3分钟为您的网站添加 Social Bookmarking 功能

作者：Leon Zhang， 数字营销宝典 (DigiMarketing.cn) | 本站原创文章，转载请注明出处

引用地址: http://digimarketing.cn/?p=350