程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 網頁上facebook分享功能具體實現

網頁上facebook分享功能具體實現

編輯:PHP綜合
復制代碼 代碼如下:
<span style=" font-family: Verdana, Arial, Helvetica, sans-serif; word-wrap: normal; word-break: normal; line-height: 19.5px;"><span style="word-wrap:normal; word-break:normal; line-height:19px"></span></span>

題外話:直接跳到facebook登錄頁面的分享按鈕:

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

其中的u參數為你要分享的鏈接。t 參數目前還沒弄清楚是干什麼的。

facebook分享功能的實現:

分享頁面設定

1.一個鏈接: 參數是要分享的頁面的鏈接
復制代碼 代碼如下:
<a style="display:inline-block;width: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')+'&t='+encodeURIComponent(document.title), 'newWindow', 'width=800, height=400','center');void(0);">


2.fb識別的標簽:
復制代碼 代碼如下:
<title>test</</span>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 介紹信息

提示:

圖片像素必須是100*100 這樣的格式 我用90*90 就是OK的

例如:300*100 150*50在www.facebook.com圖片會截取90x90圖片顯示就不正確了
如果圖片小了 更不行了,分享的那個彈出框就不會顯示你的圖片 這個情況發生在圖片小於90x90的情況吧
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved