当使用一些开源的分享按钮,如 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,用户分享到的媒体。但是,我们不能确定用
户是否真正成功的分享了内容,只能确定用户确实是点击了分享按钮……
}
}
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,也会被忽略
1.图片必须出现在html文件<img>标签里,JS写入的图片无法抓取
2.图片尺寸大于92x92,文件体积小于500k
3.图片文件可http请求成功访问,没有防盗链机制
4.对图片质量也有一定的鉴别评分机制,尺寸大于92但质量评分很低的图片,也可能会被忽略。
5.图片文件名如果含明显页面元素名称命名,例如logo.png,也会被忽略
只有满足上面的规则,它才会自己抓取的,这一点要注意~