jQuery Facebook共享圖像問題

Question

我正在嘗試使用jQuery將Facebook共享功能附加到我的網站中。 根據Facebook開發人員手冊，我的問題是，當我分享任何文章時，Facebook分享是，但沒有圖片， 並且在最好的情況下，寫錯了這篇文章。

我在做什么：

1. 在我定義標題，圖片等的標題中附加Facebook meta標簽
2. 將按鈕分享到正文中

然后，我使用我的js代碼將該代碼附加到主體代碼中。

var url = 'http://www.facebook.com/sharer.php?s=100&p[url]='+encodeURIComponent(url)+'&p[title]='+title+'&p[summary]='+summary+'&p[images][0]='+pic;

Answer 1

• 您無法動態更改元標記，因為Facebook不調用JavaScript。 啟動時，必須在頭部分中提供元標記。
• sharer.php僅允許使用一個參數，其網址為： https://www.facebook.com/sharer/sharer.php?u=[your-urlencoded-url] : https://www.facebook.com/sharer/sharer.php?u=[your-urlencoded-url] u=[your-urlencoded-url https://www.facebook.com/sharer/sharer.php?u=[your-urlencoded-url] -共享對話框從URL中獲取OG數據。

Answer 2

我目前正在使用此Open Graph標記，並且它們有效，我將php中的數據庫連接更改為頁面的<header>部分，沒有“ og：image：width”和“ og：image：height”標簽，由於Facebook緩存問題，第一次共享文章時未顯示圖片。

<meta property="og:image" content="/path/to/image" />
<meta property="og:image:width" content="image_width_in_pixels" />
<meta property="og:image:height" content="image-height_in_pixels" />
<meta property="og:url" content="url_being_shared" />
<meta property="og:type" content="article" />
<meta property="og:title" content="title_of_article" />
<meta property="og:description" content="description_of_article" />