[html] 关于分享按钮的图片抓取

当使用一些开源的分享按钮,如 jiathis,我们可以在分享的时候,加入一些图片,如

 

以 jiathis 为例,可以通过设置参数

var jiathis_config = {
    boldNum:0,
    siteNum:7,
    showClose:false,
    sm:"t163,kaixin001,renren,douban,tsina,tqq,tsohu",
    imageUrl:"http://v2.jiathis.com/code/images/r5.gif",
    imageWidth:26,
    marginTop:150,
    url:"http://www.jiathis.com",
    title:"自定义TITLE #微博话题#",
    summary:"分享的文本摘要",
    pic:"自定义分享的图片连接地址",
    data_track_clickback:true,
    appkey:{
        "tsina":"您网站的新浪微博APPKEY",
        "tqq":"您网站的腾讯微博APPKEY",
         "tpeople":"您网站的人民微博APPKEY"
    },
    ralateuid:{
        "tsina":"您的新浪微博UID"
    },
    evt:{
        "share":"用户自定义函数" ( 可以根据自己的命名规范来定义一个自定义函数,如:getEvent )
        说明:evt参数可以得到用户的分享操作的相关信息。比如:用户分享的URL,用户分享到的媒体。但是,我们不能确定用
        户是否真正成功的分享了内容,只能确定用户确实是点击了分享按钮……
    }
}

来指定图片。但是有一个问题就是,不能指定 pic 这个参数来多张图片让用户去选择,因为多张图片显示出来的数量是由本身分享的本站来抓取的,如新浪的抓取图片规则:

分享图片标准: 
1.图片必须出现在html文件<img>标签里,JS写入的图片无法抓取
2.图片尺寸大于92x92,文件体积小于500k
3.图片文件可http请求成功访问,没有防盗链机制
4.对图片质量也有一定的鉴别评分机制,尺寸大于92但质量评分很低的图片,也可能会被忽略。
5.图片文件名如果含明显页面元素名称命名,例如logo.png,也会被忽略

只有满足上面的规则,它才会自己抓取的,这一点要注意~ 

 

 

posted @ 2012-09-20 15:10  DavidHHuan  阅读(833)  评论(0编辑  收藏  举报