分享按钮的前世今生 – 玩转新浪微博分享按钮2012年3月13日 10:06 上午 分类: 接入指南 阅读: 19,143 /fuman 作者：新浪微博开放平台 姜洛智 @姜洛智 分享，一直是互联网所倡导的精神，自从中国进入互联网宽带的高速发展期，网民分享资源的途径就变得多样化，从email到IM，从P2P下载到UGC网站共享，所有的分享在给网民带来愉悦的同时，也加速了信息的传递。广义的分享按钮很早就出现在国外的网站上，由于国内外网民使用习惯的差异，国外网站的分享按钮指的是页面上类似“send to a friend”的邮件发送链接，点击后会启动电脑默认的邮件客户端或弹出网站的邮件发送对话框。狭义的分享按钮是基于社交网站开放API创建并部署在第三方网站上分享按钮。 目前，国外的facebook、twitter、google+，国内的新浪微博、人人网、开心网等平台都开放了API，允许第三方网站在页面上部署分享按钮。分享的内容可以是文字、图片、甚至视频。这里就以新浪微博为例，专门讲下分享按钮的用法。 1 常规用法 登录新浪微博，访问开放平台的微组件，在里面选择分享按钮，即可进入分享按钮设置页面（http://open.weibo.com/sharebutton）。如下图。
根据需要选择好样式、大小、语言，确认是否显示已分享数和关联账号，即可在页面上直接获得嵌入代码。需要注意的是，关联账号一般是指你的官方微博，这样分享的文案中会自动加入@提醒，分享完成页面也会推荐用户关注，填写昵称即可。微博信息来源是指分享到微博后，微博的来源显示，比如来自iphone客户端，来自某某网，如果需要使用来源，请在开放平台首页选择网站接入-》创建网站，填写好相关信息后提交审核。网站创建完成后即可在分享按钮设置页选择对用的来源。当然只有你创建的网站通过审核，来源才能正确显示。 2 自定义用法 （1）修改分享按钮设置页面获得的<script>代码 <script (function(){ var _w = 86 , _h = 50; var param = { type:’6′, count:’1′, /**是否显示分享数，1显示(可选)*/ appkey:”, /**您申请的应用appkey,显示分享来源(可选)*/ title:”, /**分享的文字内容(可选，默认为所在页面的title)*/ pic:”, /**分享图片的路径(可选)*/ ralateUid:”, /**关联用户的UID，分享微博会@该用户(可选)*/ language:’zh_cn’, /**设置语言，zh_cn|zh_tw(可选)*/ rnd:new Date().valueOf() } var temp = []; for( var p in param ){ temp.push(p + ‘=’ + encodeURIComponent( } document.write(‘<iframe })() </script> 请注意以上代码中的红色部分，只需改动单引号里面的参数，即可自定义分享按钮。脚本自动读取当前页面地址，因此不需要设置。 Appkey:开放平台创建网站后获得的appkey数字，控制微博信息来源。 Title:分享的文字内容。这里就可以完全定义分享内容，你可以在里面加上特定的#话题#，或提醒或其他附加内容。或者模仿用户自己发微博的口气，以便引起粉丝更多的关注。 Pic:分享时默认选择的图片，当打开分享按钮窗口时，该图片位于第一张并处于选中状态。注意，这里的图片地址要填写绝对地址。 ralateUid:与分享按钮设置页面的关联账号想对应。获取某个微博UID的方法是查看它的粉丝页面，粉丝页面的url地址中那串数字就是该微博的UID。 （2） 直写分享按钮代码，以便使用自己的分享按钮样式 不知道你是否注意，分享窗口打开后，页面的url始终是‘http://service.weibo.com/share/share.php?’开头，好了，关键点就在这里。你可以直接将分享按钮的代码写成下面这个形式‘http://service.weibo.com/share/share.php?url=&pic=&title=&appkey=&ralateUid=’这样的形式，所有参数的含义和前述对应，这样就可以直接加到分享按钮图片的<img>标签上。需要注意的是这样做不能进行urlencode，如果你分享的文案和url很复杂，有#或其他符号，有可能无法实现想要的效果。活学活用提示，url是要分享的页面地址，当然也可以是其他地址。 3 分享视频到微博，且可以在微博里直接播放 大家都知道，如果你在优酷和土豆（现在已经是一家了）等视频网站分享视频到微博，这个视频是可以直接在微博进行播放的，但当你自己的网站有视频，又想分享到微博后能直接播放，那该怎么操作呢？答案就是 1.将视频上传到第三方视频网站上，获得该视频播放页的url和该视频的嵌入代码 2.使用嵌入代码将视频嵌入自己的网页，以便可以在自己网页上呈现和播放 3.这是最关键的一步，即把在第三方视频网站的视频播放页url写到分享按钮的url参数里，而把你想让用户分享出去网页地址附加到title参数后面。 这样就可以实现分享到微博后，该视频能直接播放，而文字部分将有2个短连接，那用户迷惑怎么办？在title参数后面加上类似“参与地址：”的提示，将2个链接分开即可。 4 分享按钮的另类用法 网页内容可以分享，那邮件内容呢？这里就给大家一个提示，EDM里是可以嵌入分享代码的。因为邮件只支持html，因此直接将<script>嵌入邮件是不起作用的，那就可以采用只写分享按钮代码的方法。作者本人更是将分享按钮加到了邮件签名里，目的更多是引导大家能够进行更多的创新。
小提示： 回过头来想，别忘了你添加分享按钮的目的。关于社交会化媒体的价值和分享按钮的价值在此不多讲，因此，既然有分享按钮，就应该去刺激用户分享。同时对分享效果进行监测，比如在分享按钮的url参数里加上GA代码（Google analytics）以便监测哪些是分享后的回流，以此判断不同社会化媒体的价值。目前国内的jiathis、bshare等社会化组件提供商也可以提供分享和回流的统计。 常见问题： 分享窗口抓不到图的原因可能是（1）图片太小（2）图片信息返回微博服务器的速度太慢 分享窗口能抓到图片，但分享到微博后不显示，可能是由于图片的MIME TYPE类型不是image/jpeg，未被当成图片处理。 |
|
|
