社交附加程式常見問題

一般問題

讚好按鈕、分享按鈕和傳送按鈕可用於網頁、iOS 和 Android。內嵌帖子和專頁附加程式則僅可用於網頁。

  • 網頁版:如果您在網頁中使用社交附加程式,便需要擁有 Facebook 開發人員帳戶,才能獲取應用程式編號。
  • iOS/Android:如果您在 iOS 或 Android 應用程式中使用社交附加程式,便需要擁有 Facebook 開發人員帳戶,才能獲取應用程式編號。
  • 網頁版:如果您在網頁中使用社交附加程式,便需要擁有 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" />

這個方法會告訴網絡爬蟲標準網址位於舊位置,然後它便會使用標準網址產生頁面的讚好和分享次數。任何新的讚好和分享動作都將繼續累積計算至舊網址。

如要使用此方法,舊網址最少要在 Facebook 網絡爬蟲載入時,仍然能夠使用開放式圖表標籤顯示文件,並傳回 HTTP 200 回應。如果您希望其他用戶端前往該網址時獲重新導向,則必須將 301 HTTP 回應傳送至所有非 Facebook 網絡爬蟲用戶端。舊網址必須包含指向自己的 og:url 標籤。

如欲了解如何識別 Facebook 網絡爬蟲,請查看我們的分享最佳操作實例指南

此方法也適用於 rel=canonical,但我們仍是建議首選使用 og:url

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

另一種方法則是在 Facebook 網絡爬蟲前往新網址時,將之重新導向至舊網址。與上述方法一樣,舊的網址必須是含有開放式圖表標題的有效文件。如要於舊網址加入重新導向,則 Facebook 網絡爬蟲前往舊網址時不得重新導向。

您只能嵌入公開內容。如果帖子、專頁或網址設有任何私隱限制,則無法嵌入。此規定適用於讚好按鈕、專頁附加程式,以及內嵌帖子和影片。

如要快速測試可否嵌入某段內容,您可嘗試使用瀏覽器的「無痕模式」或「私密瀏覽」功能載入相關內容。

讚好、分享及傳送 - 常見問題

如果動態是由讚好、分享或傳送您的頁面而建立,則您可以使用中繼標籤,將簡單的 HTML 頁面轉換成開放式圖表物件,使之變得更加豐富。

如果您打算在網站的任何頁面中使用讚好按鈕、分享按鈕或傳送按鈕,則請務必閱讀我們的最佳操作實例指南,以確保發佈至 Facebook 的動態運作良好,並展示予最多的用戶。

我們建議您在應用程式或網站中包含所有按鈕,方便用戶選擇分享內容的方式。

當用戶點擊有關已分享連結的流動態內的連結時,ref 設定會將兩個參數加入推薦網址:

  • fb_ref - ref 參數
  • fb_source - 讚好/分享:出現點擊動作的流類型(homeprofilesearchtickertickerdialogother)和動態類型(onelinemultiline)會以底線連接起來。傳送:出現點擊動作的動態類型(message)。

例如:

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

您可以使用自己的分析軟件追蹤這些參數。

如果讚好按鈕、分享按鈕或傳送按鈕的位置靠近 HTML 元素邊緣,且 CSS overflow 屬性設定為 hidden,則點擊該按鈕後,飛出視窗或會被裁剪或完全隱藏。如要解決問題,您可以將 overflow 屬性設定為 hidden 以外的值(如 visiblescrollauto)。

Facebook 需要抓取分享至 Facebook 的連結,以了解在 Facebook.com、iOS 版 Facebook 及 Android 版 Facebook 的預覽資訊中展示哪個連結。為確保屬性保持最新狀態,我們每 30 天會執行這個動作一次。當您將網址輸入至除錯工具時,我們也會抓取連結頁面。

Facebook 會觀察網址的快取標題,並按偏好順序查看 ExpiresCache-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,並在應用程式的審核工具設定中更新審核員清單。