2012-10-31 75 views
2

我有一個任務,使社交網絡的東西。JavaScript Facebook共享選項

據我發現,有2個選項。一個是通過你的新聞源,另一個是通過Sharer。在下面的圖表中,我展示了兩者。 The first asks you to post it to your wall, the second asks you to share it.
第一次使用dialog/feed,第二次使用sharer.php。

關於如何分享內容是有區別的。第一個分享我喜歡它的方式,第二個以我不喜歡的方式展示它。 The first asks you to post it to your wall, the second asks you to share it.

我不喜歡第二個共享整個頁面的事實。我想爲頁面中的每個圖像分享圖標,並共享該特定圖標,但不是整個頁面。是否有可能讓共享圖標看起來像第二張圖片,但共享第一張圖片的內容?它應該在Javascript/HTML中看起來如何?

如果您需要我使用的任何代碼,請詢問。

+2

請注意,sharer.php正被棄用 –

回答

10

對於第二個選項,看起來像第一個 - 並使用特定的圖像 - 你必須在共享URL中使用的Open Graph標籤:http://ogp.me/

第二個選項與「sharer.php做「, 我猜。它只是將網站的網址作爲參數,其餘的信息則從頁面中的Open Graph標籤加載。您還可以定義多個共享圖標,以便用戶在共享之前瀏覽它們。

例如,如果你想有一個特定的形象展現出來,你需要這個標籤:

<meta property="og:image" content="http://mydomain.com/myimage.jpg" /> 

順便說一句,你隨時可以測試在Facebook的調試器中的Open Graph標籤:

https://developers.facebook.com/tools/debug

它也刷新標籤,如果他們沒有正確顯示在共享窗口中,只需將鏈接放入調試器aga在。