社交附加程式常見問題

一般問題

「讚好」、「分享」與「傳送」按鈕適用網頁、iOS 與 Android 平台。內嵌帖子與專頁附加程式則只適用網頁平台。

  • 網頁版:如果您有在網頁中使用社交附加程式,您就不須要持有 Facebook 開發人員帳戶。
  • iOS/Android 版:如果您是在 iOS 或 Android 應用程式中使用社交附加程式,您就必須註冊成為開發人員。
  • 網頁版:如果您有在網頁中使用社交附加程式,您就不須要建立 Facebook 應用程式來整合社交附加程式。
  • iOS/Android 版:如果您是在 iOS 或 Android 應用程式中使用社交附加程式,那麼您就必須建立 Facebook 應用程式並其綁定於您的應用程式識別碼。
  • 網頁版:如果您有在網頁中使用社交附加程式,您就不須要提交整合作業以供審查。您可以直接使用任何一個社交附加程式。
  • iOS/Android 版:如果您是在 iOS 或 Android 應用程式中使用社交附加程式,您就必須透過應用程式管理中心的「應用程式審查」標籤,提交「讚好」按鈕的整合作業以供審查。

若用戶透過社交附加程式瀏覽 Facebook 與您的網站,瀏覽器就會傳送資訊給我們,以便在網頁中載入 Facebook 的內容。我們收到的資料包含該訪客的用戶編號、他們瀏覽的網站、日期與時間,以及其他瀏覽器相關資料。我們會記錄這些資訊的部分內容,並用以改善我們的產品與服務,以及向用戶展示更多有趣且實用的廣告

如果您是使用 HTML5 或 XFBML 版,當您實體化代碼庫時,應加入語言代碼。

載入 SDK 後,變更 js.src 的值來使用您的語言設定。將 en_US 替換為您的語言設定,例如 fr_FR 為法文(法國):

// Example 1:
'https://connect.facebook.net/fr_FR/sdk.js';

// Example 2:
js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6"; 

支援的語言設定列於 Facebook 語言設定 XML 檔中。

您可能需要調整社交附加程式的寬度來容納不同的語言。詳情請參閱本地化和翻譯頁面。

  • 網頁版:如果您有在網頁中使用社交附加程式,您就不須要提交整合作業以供審查。您可以直接使用任何一個社交附加程式。
  • iOS/Android 版:如果您是在 iOS 或 Android 應用程式中使用社交附加程式,您就必須透過應用程式管理中心的「應用程式審查」標籤,提交「讚好」按鈕的整合作業以供審查。

取決不同社交附加程式的設定,您可能須要安裝手機、平板與桌面電腦的個別版本。請參閱常見問題或「開始使用」文件以深入瞭解您要安裝的附加程式。 注意事項:我們不建議使用 CSS 媒體查詢來調整附加程式的大小。

我要將某個網頁移至另一個網址,您無法直接將讚好次數、分享次數或回應次數移到新的網址,但您可以使用舊的網址當作新網址中讚好或分享次數的標準來源。請見下方操作指示的後台說明。

後台

在轉換網址作為讚好或分享動作的目的地時,Facebook 會採用一個程序將標準網址轉換為載入網址。載入網址時,網絡爬蟲會尋找:

1.HTTP 301 或 302 重新導向方法 2.使用「og:url」在網頁中開啟圖表標籤 3.使用 RFC 6596 中描述的「rel=canonical」。(Facebook 的網絡爬蟲僅支援內容,而不支援 HTTP 標頭。)

如果上述任何方法產生一個不同於原本載入網址的網址,那麼該指定網址就會被視為原始網址的「標準網址」。如有需要,網絡爬蟲也會遵循重新導向鏈找出標準網址。

所有讚好次數與分享次數都會轉至標準網址,而非載入網址。

範例:

提示:使用我們的偵錯工具 以查看 Facebook 在爬行您的網頁時會看到什麼內容。

控制標準網址後,您就可以將內容從某個網址轉移到另一個網址,同時保留讚好與分享次數,但前提是您必須讓 Facebook 繼續將新網址轉換至舊網址。共有兩種方法可以執行這個操作:

新增一個「og:url」標籤至新網址,並指向舊網址(建議做法)

在新網址中,您應該包含一個連到舊網址的連結。舉例來說,如果您的新網址是「https://example.com/new-url」,而舊網址是「https://example.com/old-url」,您應該將這段連結加入「new-url」:

<meta property="og:url" content="https://example.com/old-url" />

使用這種方法可以告知網絡爬蟲:標準網址位在舊位置上,網絡爬蟲便會使用該網址產生網頁的讚好次數與分享次數。任何新獲得的讚好次數與分享次數也會持續在舊網址中累積。

這個方法也須要舊網址繼續以開放式圖表標籤顯示文件,並回傳 HTTP 200 回應(至少在 Facebook 網絡爬蟲載入時必須這樣操作)。如果您希望其他客戶訪問網址時重新導向,請務必傳送您的 301 HTTP 回應至所有非 Facebook 網絡爬蟲的客戶端。舊網址應包含其本身的「og:url」標籤,並指向自己。

請參閱我們的分享最佳操作實例指南,以瞭解如何辨識 Facebook 網絡爬蟲。

這個方法也適用「rel=canonical」,但我們建議使用「og:url」。

重新導向 Facebook 網絡爬蟲至舊網址

另一個操作方法是每當 Facebook 網絡爬蟲訪問新網址時,將其重新導向至舊網址。若要執行上述方法,舊網址一定要是擁有開放式圖表標頭的有效文件。且如果您想要在舊網址中加入重新導向,必須確保 Facebook 網絡爬蟲訪問舊網址時不會重新導向。

只有公開內容才能內嵌。如果帖子、專頁或網址設有任何一種私隱限制,就會無法內嵌,讚好按鈕、專頁附加程式以及內嵌帖子和影片也是如此。

有個方法可以快速測試特定內容是否可以內嵌:嘗試使用瀏覽器的「無痕」或「私密瀏覽」功能載入內容。

讚好、分享與傳送:常見問題

透過讚好、分享或傳送您的網頁所建立的動態可使用中繼標籤 將簡單的 HTML 網頁轉換成開放式圖表物件,這樣動態就會變得更加豐富生動。

如果您打算在網站上的任何網頁使用「讚好」、「分享」或「傳送」按鈕,請參閱我們的最佳操作實例指南,以確保您在 Facebook 上發佈的動態擁有絕佳的外觀,進而打造出最高的散佈機率。

建議您在應用程式或網站中加入所有的按鈕,以便用戶自行選擇分享您內容的偏好方式。

當用戶從分享連結的串流動態中點擊連結,就會觸發「ref」設定讓兩個參數相加至轉介人網址:

  • 「fb_ref」 - 「ref」參數
  • 「fb_source」 - 讚好/分享:串流類型(「home」、「profile」、「search」、「ticker」、「tickerdialog」或「other」)是用戶點擊的地方;動態類型(「oneline」或「multiline」)則會以底線符號合併。傳送:動態類型(「message」)是用戶點擊的地方。

舉例來說:

http://www.facebook.com/l.php?fb_ref=top_left&fb_source=profile_oneline

您可以使用您的分析工具軟件來追蹤這些參數。

如果「讚好」、「分享」或「傳送」按鈕位置附近擁有 CSS「overflow」屬性且設為「hidden」的 HTML 元素邊緣,那麼點擊按鈕後,彈出視窗可能就會被剪掉或完全隱藏起來。補救方式可透過將「overflow」屬性設定為「hidden」以外的值,例如「visible」、「scroll」或「auto」。

Facebook 必須抓取分享到 Facebook 的連結才能知道應該連結哪個預覽資訊,以便顯示於 Facebook.com 或 iOS 及 Android 版 Facebook。這個操作每 30 天就會執行一次,以便確保所有顯示資料都是最新的版本。如果您將連結網頁的網址輸入偵錯工具,那麼 Facebook 也會抓取該連結網頁。

Facebook 會在您的網址中查看快取標頭,查看的偏好順序為「Expires」與「Cache-Control」。就算您指定較長的抓取時間,Facebook 依然會每隔 30 天就抓取網頁一次。

在某些情況下,除了提供訪客觀看的網頁,您可能會想提供其他的網頁版本給我們的抓取程式(包含更多的開放式圖表中繼資料)。如果是這種情況,您可以鎖定抓取程式使用的瀏覽器代理:

facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)

可以。只要在按鈕的「href」設定中指定您 Facebook 專頁的網址即可。

讚好按鈕常見問題

社交附加程式中建有完整性與防止垃圾訊息的防護機制,這個按鈕就是其中一項設定。如果您在正式推出「讚好」按鈕前曾進行大量的測試,您就可能就會不經意地觸發這些防護機制。此外,網絡中部份網域較有可能包含垃圾訊息,這些網域可能就會常常看到這個確認步驟。

雖然這個確認操作會給「讚好」按鈕增加一個額外的步驟,但當有特定用戶人數分別確認讚好之後,該確認步驟將不再出現,然後系統就會顯示正常的「讚好」按鈕。

該顯示數字是下列的的總計:

  • 您的網址獲得的讚好次數
  • 您的網址獲得的分享次數(包含複製/貼上連結到 Facebook)
  • 與您的網址相關的 Facebook 動態所獲得的讚好次數及回應次數

若要取得單獨顯示「分享」按鈕的程式碼,請參閱我們的分享按鈕 文件。

選項如下:

版面 預設尺寸

standard 的陣列

寬度下限:225 像素。
預設寬度:450 像素。
高度:不含相片為 35 像素;含相片為 80 像素。

box_count 的陣列

寬度下限:55 像素。
預設寬度:55 像素。
高度:65 像素。

button_count 的陣列

寬度下限:90 像素。
預設寬度:90 像素。
高度:20 像素。

button 的陣列

寬度下限:47 像素。
預設寬度:47 像素。
高度:20 像素。

分享按鈕常見問題

該顯示數字是下列的的總計:

  • 您的網址獲得的讚好次數
  • 您的網址獲得的分享次數(包含複製/貼上連結到 Facebook)
  • 與您的網址相關的 Facebook 動態所獲得的讚好次數及回應次數

若要取得單獨顯示「分享」按鈕的程式碼,請參閱我們的分享按鈕 文件。

可以,雖然我們建議使用「分享」按鈕以提供網站訪客最簡單也最一致的使用體驗,但我們還是有提供獨立的對話框,您可透過使用 JavaScript SDK 或網址連結家以觸發。請參閱使用對話框的指南

回應附加程式常見問題

  • 新增標點符號(例如:句子最後的句號)
  • 刪除多餘的空格
  • 展開簡化用字(例如將英文的 plz 改成 please)
  • 在標點符號後加入空格(例如:將英文的 Hi,Cat 改成 Hi, Cat)
  • 修正常見文法錯誤(例如:將英文的「dont」改成「don’t」

您可以在附加程式的設定區塊中啟用文法篩選器。

您可以透過 Graph API 存取所有網址上的回應。只要傳送 HTTP GET 要求即可:

https://graph.facebook.com/v2.6/?fields=og_object{comments}
  &id=<YOUR_URL>
  &access_token=<YOUR_TOKEN>

如需詳細的操作指示,請參考回應審查 指南。如果您無法使用「fb:admins」中繼資料來設定版主名單,您可以設定「fb:app-id」,然後在應用程式的審查工具 設定中更新版主名單。