• facebook分享功能


    为大家方便就是为自己方便!希望大家都无私的分享出来自己遇到的难题,或者走的冤枉路。让别人可以少走,站在巨人的肩膀上前进。大家互相进步!

    分享页面设定
    1.一个链接: 参数是要分享的页面的链接

    <a style="display:inline-block;35px; height:40px; position:relative; top:10px; left:48px; "
    title="Share on Facebook" target="_blank" 
    onclick="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('https://www.baidu.com')+'&amp;t='+encodeURIComponent(document.title), 'newWindow', 'width=800, height=400','center');void(0);">

    2.fb识别的标签:

    <title>test</title> 
    <meta property="og:image" content="test/test.jpg" />
    <meta property="og:description" content="test>" />
    <meta property="og:url" content="https://www.baidu.com" />

    注意:

    1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里
    你也可以自己设置 方式就是

    <meta property="og:title" content="test" />

    2.image标签 可以写多个 分享人可以自己选择图片

    3.url就是你的要分享的页面
    4.description 介绍信息

    总结:
    嗯 上边两步其实已经OK了

    但是要是修改分享页面的信息 比如换org:image,你会发现修改后图片不会变哦,还是现实原来的图片
    为什么呢?因为fb会缓存你的信息24小时。
    解决办法:
    进入这个页面:facebookdebug
    输入你的分享页面地址 点击debug 它就会立即更新啦 
    这个页面也可以检测你的fb标签是否正确

    啊,忘记最后一点了, 图片像素必须是100*100 这样的格式 我用90*90 就是OK的
    例如:300*100 150*50在www.facebook.com图片会截取90x90图片显示就不正确了
    如果图片小了 更不行了,分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90x90的情况吧

  • 相关阅读:
    unitTest单元测试框架
    Day06_页面发布与课程管理
    Day05_RabbitMQ研究
    Day04_页面静态化
    Day04_freemarker
    Day03_CMS页面管理开发
    Java概述练习题
    01_语言概述
    00_编程入门
    德道经
  • 原文地址:https://www.cnblogs.com/0banana0/p/2647284.html
Copyright © 2020-2023  润新知