在 Facebook 分享

「分享」可讓用戶輕鬆地將您網站或行動應用程式的內容帶到 Facebook。當用戶點擊「分享」或「發送」按鈕等的社交外掛程式時,就會觸發分享。此時會啟動對應的「分享」或「訊息」對話方塊。您也可以選擇自行設計按鈕,用以啟動其中一個對話方塊或自訂分享介面。

本文件說明以下內容:

分享生態系統

在 Facebook 上進行分享需要一些核心元件:

網址:大多數情況下(包括從行動應用程式分享時),無論您分享的內容是文章、圖像、影片或其他項目,在 Facebook 上都是視為連結來分享

Facebook 網路爬蟲:當用戶分享您的內容時,我們的網路爬蟲會抓取網頁並在 Facebook 上以預覽的方式呈現

開放社交關係圖標籤:新增「開放社交關係圖」中繼標籤至網頁 HTML 的 <head>,會將內容的標題、說明及縮圖圖像等結構化資訊提供給網路爬蟲

分享介面:有數個不同的一般用戶體驗可供您選擇,以便用戶從您的網站將應用程式分享至 Facebook。以下是其運作方式簡介:

按鈕觸發 啟動的分享介面 發佈行為

「分享」按鈕

網頁版:「分享」對話方塊

行動版:快速應用程式切換到原生「分享」對話方塊

顯示在「動態時報」和「活動紀錄」中。

可能顯示在「動態消息」中。

「發送」按鈕

網頁版:「訊息」對話方塊

行動版:快速應用程式切換到原生「訊息」對話方塊

傳送為 Facebook 訊息

自訂按鈕

可以啟動:

「分享」對話方塊

「訊息」對話方塊

自訂分享介面

跟隨「分享」對話方塊的發佈行為的自訂分享介面。

內容類型

用戶可以將以下種類的內容分享至 Facebook:

  • 連結 ─ 大多數內容是參照 HTML 網頁的網址。若要提供最相關的資訊,您應該使用 Facebook 特定的中繼標籤來標記您的網頁。請參閱網站管理員的分享指南

  • 相片 ─ 直接上傳一或多張用戶產生的相片。

  • 影片 ─ 直接上傳用戶產生的影片。

  • 多媒體 ─ 直接上傳相片和影片的組合。

  • 開放社交關係圖動態 ─ 透過強型別 API,使用開放社交關係圖動作和物件來建立豐富的動態

您可以從用戶在「動態消息」中分享的內容透過連結回到您的應用程式。應用程式連結可從分享的內容啟動您的應用程式。您甚至可以連結至應用程式內的特定內容。

分享引文

您可以在應用程式建置以下兩種分享引文的方式:用戶定義或是發佈商定義。用戶定義的引文分享讓用戶可自行反白文字並分享。發佈商定義的引文分享讓您可以預先挑選文字以便分享,並在文字旁放置分享按鈕。

主題標籤

您可以為分享的連結、相片或影片新增主題標籤。

分享方式

我們希望讓用戶透過您的應用程式向分享對象分享內容時,過程既簡易又有彈性。透過這些選項,您可以首先為使用應用程式的用戶選擇分享體驗,然後選擇實作方法。

無論使用何種平台,您都可選擇預先建立的預設選項,亦或完全原生、完全自訂的體驗,或者介於這兩者之間的方法。

按鈕

如果您要以最簡單的方式和 Facebook 整合分享,應該使用可觸發我們的對話方塊的按鈕。Facebook SDK 有提供可供您使用的按鈕。這些選項都不需要實作「Facebook 登入」。

網頁版

您可以使用社交外掛程式,例如「讚」、「分享」和「發送」按鈕。桌面和行動版網頁都有提供這些按鈕。

行動版

我們還備有 iOSAndroid 專用的原生「讚」、「分享」和「發送」按鈕。

自訂

您也可以自行建立可在所有平台觸發「讚」、「分享」或「發送」的自訂按鈕。

原生對話方塊

當您使用原生 Facebook 對話方塊時,不需要新增「Facebook 登入」便能夠啟用分享。它們和原生按鈕類似,都是隨開即用的實作。

「分享」對話方塊

「分享」對話方塊是可讓用戶分享內容的簡單方式,而且不需要登入您的應用程式或者授予任何權限。網路、Android 和 iOS 都有提供這個對話方塊。

在行動裝置上,當用戶使用「分享」對話方塊進行分享時,對話方塊會執行快速應用程式切換到裝置上的 Facebook 應用程式。如果用戶未安裝原生 Facebook 應用程式,我們還提供網路對話方塊作為後援。

「訊息」對話方塊

使用「訊息」對話方塊可讓用戶將內容私下分享至 Messenger。此對話方塊和「分享」對話方塊類似,是不需要實作「Facebook 登入」或要求 publish_actions 權限的原生分享元件。

「訊息」對話方塊可讓用戶分享連結、圖像和開放社交關係圖動態。在行動裝置上,用戶必須安裝原生 Messenger 應用程式。

自訂分享介面

如果您要自訂網站或應用程式的分享體驗,您可以自行建立可在所有平台觸發我們的對話方塊的按鈕,您也可以使用可呼叫 Graph API 的自訂按鈕自訂對話方塊。

若要在您的應用程式中新增自訂分享對話方塊,您需要實作 Facebook 登入。您還需要要求 publish_actions 權限,該權限需要登入審查

最佳化您的內容

標記

務必使用「開放社交關係圖」標籤來標記您的網站 HTML,以便管理內容在 Facebook 上的呈現方式。如果沒有這些標籤,Facebook 網路爬蟲將盡最大的努力來識別您內容中的標題、說明和圖像。

透過將「開放社交關係圖」標籤新增至網頁 HTML 的 <head> 來最佳化內容,以便在 Facebook 上分享。這些標籤描述分享的內容,其中包括圖像、影片或文章等內容類型以及任何其他屬性。

請參閱分享專用的標記以深入瞭解您應該加到內容中的標籤相關資訊。

更新網址

如果您將內容移至新網址,該原始網址上的「讚」、「分享」和「留言」不會自動移轉。若要在新網址繼續匯總這些動作,您應該將 Facebook 網路爬蟲指向代表您內容之標準 URL 的舊網頁。請深入瞭解本文件中為網站管理員提供的相關資訊