2013-02-26 47 views
8

我已將集成sharethis集成到我的網站。我想定製將通過Facebook和谷歌加分享的標題和總結,但由於某些原因,facebook和googleplus僅收集URL並且不顯示我在st_title和st_summary變量中提供的標題和摘要。ShareThis Facebook的自定義摘要,url和標題

將此添加到頭部。

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> 
<script type="text/javascript">stLight.options({publisher: "1234"});</script> 

在我的HTML我有這樣的事情

我也不能使用opengraph(元OG標籤)。 我也試過JavaScript來設置標題和摘要,但結果仍然是一樣的。

+0

這可能是因爲Facebook和Google正在抓取您提供的網址並使用該網頁提供的標題/說明。至於分享按鈕,這不能被修復。如果你想使用FB API,你可以手動指定url/title/description/image。 – Sol 2013-03-05 22:36:07

回答

11

嗯,當它來到這一個,你沒有得到在facebook股份的份額標題和自定義url,因爲facebook在獲取這些值時並不考慮span元素的屬性。 Facebook使用開放圖形概念並從網址的meta標籤中抓取網址的URL,該網址的URL是在URL:meta標籤中提供的。要允許Facebook顯示您的標題和自定義網址,請執行以下操作:

1.確保您在stLight.options javascript中添加了「shorten:false」這一行,否則您將無法獲得完整的網站地址 2.將這些標籤添加到您的頭部:(您可以將這些標籤與現有的meta標籤一起添加)

<meta property="og:title" content="Yor desired title"/> 
<meta property="og:type" content="website"/> 
<meta property="og:url" content="Your website url"/> 
<meta property="og:image" content="your custom image path"/> 
<meta property="og:description" content="A short description of your website"/> 

的形象應該是最好200X200 pixels.If你想知道更多,然後... http://developers.facebook.com/docs/technical-guides/opengraph/built-in-objects/

希望它有幫助!

+0

當我們在博客中爲每篇文章使用多個分享按鈕時,我們必須做些什麼。我認爲這個解決方案在那裏不起作用 – 2014-02-17 04:50:40

+0

如果你在同一個頁面中有多個共享按鈕,唯一的解決方案是改變每個按鈕的URL。每個網址都應指向一個頁面,其中Open Graph元標記會針對特定帖子/內容進行正確設置。 編輯每個span標籤的'st_url'屬性。 – bmunslow 2014-06-17 13:35:05