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

來源:互聯網
上載者:User
複製代碼 代碼如下:


題外話:直接跳到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>




注意:

1.title fb可以自動讀取要分享頁面的title 這個要設定在fb的sharer.php參數裡
你也可以自己設定 方式就是
複製代碼 代碼如下:


2.image標籤 可以寫多個 分享人可以自己選擇圖片

3.url就是你的要分享的頁面
4.description 介紹資訊

提示:

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

例如:300*100 150*50在www.facebook.com圖片會截取90x90圖片顯示就不正確了
如果圖片小了 更不行了,分享的那個彈出框就不會顯示你的圖片 這個情況發生在圖片小於90x90的情況吧

http://www.bkjia.com/PHPjc/728112.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/728112.htmlTechArticle複製代碼 代碼如下: span style=" font-family: Verdana, Arial, Helvetica, sans-serif; word-wrap: normal; word-break: normal; line-height: 19.5px;"span style="word-wrap:normal...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.