输入banner图图片脚本导航/分类

网页上facebook分享功能具体实现_PHP教程

代码如下:



题外话:直接跳到facebook登录页面的分享按钮:

url为: http://www.facebook.com/sharer.php?u=www.baidu.com&t=123213123

其中的u参数为你要分享的链接。t 参数目前还没弄清楚是干什么的。

facebook分享功能的实现:

分享页面设定

1.一个链接: 参数是要分享的页面的链接
代码如下:

title="Share on Facebook" target="_blank"
onclick="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('https://www.baidu.com')+'&t='+encodeURIComponent(document.title), 'newWindow', 'width=800, height=400','center');void(0);">


2.fb识别的标签:
代码如下:

test</</span>title> <BR><meta property="og:image" content="test/test.jpg" /> <BR><meta property="og:description" content="test>" /> <BR><meta property="og:url" content="https://www.baidu.com" /> <BR> <BR>注意: <br><br>1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里 <BR>你也可以自己设置 方式就是 <BR><span style="CURSOR: pointer" onclick="doCopy('code25663')"><U></U></span> 代码如下:<pre class="brush:php;toolbar:false"><BR><meta property="og:title" content="test" /> <BR> <BR>2.image标签 可以写多个 分享人可以自己选择图片 <br><br>3.url就是你的要分享的页面 <BR>4.description 介绍信息 <br><br>提示: <br><br>图片像素必须是100*100 这样的格式 我用90*90 就是OK的 <br><br>例如:300*100 150*50在www.facebook.com图片会截取90x90图片显示就不正确了 <BR>如果图片小了 更不行了,分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90x90的情况吧 </p> <p align="left"><span id="url" itemprop="url">http://www.bkjia.com/PHPjc/728112.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/728112.html</span><span id="genre" itemprop="genre">TechArticle</span><span id="description" itemprop="description"> 代码如下:<pre class="brush:php;toolbar:false">span style=" font-family: Verdana, Arial, Helvetica, sans-serif; word-wrap: normal; word-break: normal; line-height: 19.5px;"span style="word-wrap:normal...</span></p> </div> </div> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function(){ layui.code({ elem: 'pre', //默认值为.layui-code about:false, title:'网页上facebook分享功能具体实现_PHP教程代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> <footer class="comm-footer"> <ul class="channels"> <li> <a target="_top" href="/system/">操作系统</a> </li><li> <a target="_top" href="/down/">程序下载</a> </li><li> <a target="_top" href="/jquery/">jquery插件库</a> </li><li> <a target="_top" href="/jiaoben/">编程</a> </li><li> <a target="_top" href="/db/">数据库</a> </li><li> <a target="_top" href="/tools/">在线工具</a> </li><li> <a target="_top" href="/framebook/">框架书籍</a> </li><li> <a target="_top" href="/xitongjiaocheng/">系统教程</a> </li><li> <a target="_top" href="/ruanjianxiazai/">软件下载</a> </li> </ul> <ul class="versions"> <li> <a href="https://m.gxlcms.com" class="active">触屏版</a> </li> <li> <a href="https://www.gxlcms.com" target="_top">电脑版</a> </li> </ul> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </footer> </body> </html>