Facebook集成，特定產品頁面上的推薦按鈕+顯示產品圖像

我有一個關於如何整合facebook插件，recommendbutton的問題。我從Facebook那裏得到了像按鈕一樣的代碼，並將它放在我希望顯示的頁面上。但是這隻會在當前頁面上創建一個類似於網站和文本的隨機圖片。Facebook集成，特定產品頁面上的推薦按鈕+顯示產品圖像

我希望按鈕與產品圖片和說明相關聯。有沒有人有這樣的代碼分享？

來源

2012-02-20 Thommie

你需要這個opengraph標籤。詳情請參閱http://developers.facebook.com/docs/reference/plugins/like/。

來源

2012-02-20 10:45:22 Rufinus

如何動態地設置的URL的ImagePath和說明？ – Thommie 2012-02-20 14:46:16

這是一個好的解決方案 - > http://www.juje.me/2011/02/adding-facebook-like-button-in-c-net/ ??? – Thommie 2012-02-20 19:19:00

肯定爲什麼不... – Rufinus 2012-02-21 09:23:50

看看http://ogp.me/瞭解OG元標籤的含義，這些標籤可以幫助Facebook以更有意義的方式展示您的產品。您可以使用調試工具https://developers.facebook.com/tools/debug測試URL以查看OG標籤是否已正確添加。

如果您的頁面位於登錄頁面後面，您需要有一個頁面版本，該頁面在未登錄時仍顯示OG標記和基本內容，或者有一個規則顯示用戶代理是Facebook的刮板。有關使用的用戶代理字符串的信息，請參閱https://developers.facebook.com/docs/reference/plugins/like/#scraperinfo。

來源

2012-02-20 10:51:59

我該如何使用它獲取當前頁面的URL /描述和圖像？這是靜態的 – Thommie 2012-02-20 13:44:41

您將元數據添加到您的靜態內容的，並且Facebook會將此內容以正確的格式創建內容預覽。調試工具將幫助您在Facebook看到該頁面時看到該頁面。 – 2012-02-21 10:52:22

嗨，我認爲Facebook無法抓取頁面，因爲您需要登錄該頁面。如何解決這個問題？ – Thommie 2012-06-21 18:01:03

只是數據的href添加到您的Facebook類似的代碼：

  <div id="{{ item.product.code }}" 
        class="fb-like" 
        data-share="false" 
        data-href="{{ url }}" 
        data-width="250" 
        data-show-faces="true"> 
      </div>

來源

2014-11-07 20:24:13 shacharsol

Facebook集成，特定產品頁面上的推薦按鈕+顯示產品圖像

回答

相關問題