Growth hacking 实战 Day4,为图片添加分享到微博的链接

和Easy一起学GH :tophat:

是什么

为自己网站和产品中的图片添加一键分享功能

为什么

有时候那些愿意分享整篇文章的用户,却会愿意分享其中一张图片。一篇包含10张高清图片的文章,可以获得10次潜在的分享机会而不是一次。

如何做

有一个现成的Jquery插件,叫做「slingpic」,但不幸的是,它只能将图片分享到中国不能访问的社交网站。国内的JiaThis貌似并不支持图片级别的分享。

所以呢,我自己来写吧。作为一个前程序员真是太好了,顺便说说,一般GH团队里边是有工程师的。

开发过程

首先搜索了下JQuery开发的插件教程,并收藏了一个不错的到GET。然后就开始一步步实现。我们的思路是:

  1. 为正文区域的图片绑定鼠标浮动事件
  2. 当事件触发时,显示分享图片的提示
  3. 通过新窗口打开至微博分享页面。

关于微博分享页面

微博有一个官方提供的书签分享页面,通过这个页面,我们可以构造一个链接,让用户分享内容。

http://service.weibo.com/share/share.php?title=文字内容&url=链接地址&source=bookmark&pic=首选图片地址

知道这个以后,我们就可以在PDF文档和电子邮件中引导用户分享内容了—— 只要能放下链接的地方都可以。这个页面本身还做了登录引导以及对移动设备的兼容,所以你什么都不用做。

JQuery插件下载

Github → https://github.com/easychen/imgShare

效果如何

使用了imgShare插件后,当用户将鼠标放到图片上时,会出现一个链接,可以在imgshare.css中重新定义你喜欢的样式,默认我采用了和GET社区非常协调半透明白底。如果你是在GET社区上看到这篇文章,那么将鼠标放到下边的图片上就可以查看效果。

Image

在白色背景的图片上很不错。

Image

深色背景也还勉强。

由于我在分享文案中at了@Get新知社区,所以整个图片分享的效果是可跟踪的,过两周来分享。

更多「和Easy学GH」系列文章 → http://get.jobdeer.com/450.get

本文由 Easy 发表于GET

「GetParty」

关注微信号,推送好文章

微信中长按图片即可关注

更多精选文章

评论
微博一键登入