詳細步驟
1.選擇網站連結
挑選要使用儲存按鈕的網站連結。
2.程式碼配置工具
將連結貼到程式碼配置工具，然後點擊「取得程式碼」按鈕以產生儲存按鈕程式碼。
3.複製並貼上 HTML 程式碼片段
複製程式碼片段，然後貼至目標網站的 HTML。
完整程式碼範例
複製該程式碼範例，然後貼至您的網站。將 data-uri 值調整為您的網站連結，然後使用 <title> 標籤來調整「已儲存」的標題。
<html>
<head>
<title>Your Website Title</title>
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your save button code -->
<div class="fb-save"
data-uri="http://www.your-domain.com/your-page.html">
</div>
</body>
</html>
立即試試！設定
除了以上設定，您還可變更以下項目：
| 設定 | HTML5 屬性 | 說明 | 預設 |
|---|---|---|---|
|
| 要儲存的頁面絕對連結。 | 目前連結／網址 |
|
|
|
|
商品儲存按鈕
您也可使用商品儲存按鈕：
1.設定商品目錄
如要配合商品使用儲存按鈕，首先需要設定商品目錄。
商品目錄（有時稱為「商品摘要」），是您希望在 Facebook 刊登廣告的商品清單。清單上的每件商品都有特定的屬性，以供產生廣告、商品編號、名稱、說明、連結頁面網址、圖像網址、供應情況等資訊之用。
如何建立商品目錄Facebook 動態商品廣告2.Facebook API 編號
前往應用程式管理中心的設定分頁，新增「網站」平台並提供網站網域。
3.載入 JavaScript SDK
按照以下範例所示，使用應用程式編號載入 JavaScript SDK。將 {your-app-id} 替換為您的應用程式編號。
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId={your-app-id}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>4.取得商品 URI
透過企業管理平台
如要使用商品儲存按鈕，您需要提供 2 項資訊：商品目錄編號，以及商品摘要內的商品編號：
- 在企業管理平台上登入您的企業。
- 前往「企業管理平台設定」>「商品目錄」。
- 點擊要用於附加程式的商品目錄。
- 在商品目錄名稱的標題下，記下商品目錄編號。在本範例中，此編號為
768856339915012。 - 此外，您還需要提供已上載至您商品摘要的商品編號。如要查看商品摘要內的範例，請點擊商品目錄編號。
- 在下一頁點擊頂部的「商品摘要」。
- 點擊包含您要使用的商品之摘要。
- 您會在下一頁看到來自您摘要的商品範例。為使附加程式能夠識別您的商品，我們需要取得您在摘要中列出的每件商品之商品編號。
- 附加程式 URI 採用
product://<catalog_id >/{retailer_id}格式。因此，如果我們要為上述範例中名為Product #45的商品建立 URI，此 URI 應為：product://768856339915012/45（其中商品目錄編號來自第 5 步）。
透過 Graph API
您可透過 Graph API 取得商品 URI。載入單件或多件商品項目時，請建立以下網址格式，同時將 <catalog_id> 替換為目錄編號，將 <retailer_id> 替換為商品的零售商編號：
product://<catalog_id>/<retailer_id>
如需了解更多詳情，請參閱商品項目文件。
5.商品 URI
在儲存按鈕程式碼中，使用 data-uri 的商品網址。例如，如果商品 URI 為 product://949817451770475/143791832，您的程式碼應如下所示：
<div class="fb-save" data-uri="product://949817451770475/143791832"> </div>
變更語言
您可以載入 Facebook JavaScript SDK 的本地化版本，以此變更儲存按鈕的語言。載入 SDK 後，變更 js.src 的值來使用您的本地語言。將 en_US 替換為您的本地語言，例如 fr_FR 為法文（法國）：
js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6";
請參閱 Facebook 本地語言 XML 檔案，了解我們支援的本地語言。
視乎您選擇的語言，您或需要調整社交附加程式的寬度。如需更多資訊，請瀏覽本地化和翻譯頁面。