動態og：Facebook共享圖片按鈕

Question

類似於這篇中篇文章 ，其中針對不同文章顯示了自定義og：image，og：title和og：description，單擊Facebook共享按鈕時，會彈出一個彈出窗口，讓用戶鍵入消息，下面是圖片/標題/描述從元標記（og：image，og：title等）中獲取

當用戶單擊“ facebook共享”按鈕時，我便使用javascript這樣將meta標簽動態更改為自定義圖像/描述

document.head.querySelector("[property='og:image']").setAttribute("content", image_url)

問題是單擊fb共享按鈕時根本沒有顯示圖像-當我在“共享調試器”中輸入網址時，它可以工作，但是在實際網站上卻沒有

Answer 1

不確定您的目標是什么，但是您將無法使用Javascript設置og：image，因為當其自己的服務器請求該URL時，facebook從該URL返回的HTML中獲取圖像url等。 它不是從客戶端獲取數據。