• [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,也会被忽略

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

  • 相关阅读:
    Hexo+Github 搭建一个自己的博客
    vue中sessionStorage存储的用法和问题
    vue 页面刷新
    vue渲染完页面后div滚动条定位在底部
    vue 定义全局函数
    vue filter过滤器用法
    vue中bus.$on事件被多次绑定
    vue中引入jQuery的方法
    vue2.0传值方式:父传子、子传父、非父子组件、路由跳转传参
    vue打包后显示为空白页的解决办法
  • 原文地址:https://www.cnblogs.com/davidhhuan/p/2695268.html
Copyright © 2020-2023  润新知