Nút Lưu

Plugin nút Lưu đã ngừng hoạt động. Plugin này sẽ vẫn hoạt động và có thể truy cập cho đến hết ngày 15/09/2022. Sau thời điểm đó, plugin này sẽ chấm dứt và không còn hoạt động nữa.

Với nút Lưu, mọi người có thể lưu các mặt hàng hoặc dịch vụ vào một danh sách riêng tư trên Facebook, chia sẻ với bạn bè và nhận thông báo có liên quan. Ví dụ: một người có thể lưu mặt hàng quần áo, chuyến đi hoặc liên kết mà họ đang cân nhắc và quay lại danh sách đó để sử dụng trong tương lai. Ngoài ra, họ có thể nhận được thông báo khi có chương trình khuyến mãi cho mặt hàng hoặc chuyến đi đó.

Bộ cấu hình nút LưuMã mẫuCài đặt

Hướng dẫn từng bước

1. Chọn liên kết trang web

Chọn liên kết của trang web mà bạn muốn sử dụng với nút Lưu.

2. Bộ cấu hình mã

Dán liên kết đó vào bộ cấu hình mã rồi nhấp vào nút "Nhận mã" để tạo mã nút Lưu.

3. Sao chép và dán đoạn mã HTML

Sao chép và dán đoạn mã đó vào HTML của trang web đích.

Bộ cấu hình nút Lưu

Liên kết của trang web hoặc sản phẩm cần lưu
Kích thước nút

Mã mẫu đầy đủ

Sao chép và dán mã mẫu vào trang web của bạn. Điều chỉnh giá trị data-uri cho liên kết trang web của bạn. Tiếp theo, hãy sử dụng thẻ <title> để điều chỉnh tiêu đề "đã lưu".

<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>
Hãy tự trải nghiệm!

Cài đặt

Ngoài những cài đặt trên, bạn cũng có thể thay đổi các cài đặt sau:

Cài đặt Thuộc tính HTML5 Mô tả Mặc định

uri

data-uri

URL tuyệt đối của trang sẽ được lưu.

Liên kết/địa chỉ hiện tại

lazy

data-lazy

Nếu bạn đặt thông số này thành true, hệ thống sẽ sử dụng cơ chế tải từng phần của trình duyệt bằng cách đặt thuộc tính loading="lazy" cho iframe. Khi đó, trình duyệt sẽ không hiển thị plugin nếu plugin này ở xa vùng hiển thị và có thể không bao giờ xuất hiện. Có thể có giá trị là true hoặc false (mặc định).

false

Nút Lưu cho sản phẩm

Bạn cũng có thể sử dụng nút Lưu cho sản phẩm:

1. Thiết lập danh mục sản phẩm

Để sử dụng nút Lưu với sản phẩm, trước tiên, bạn cần thiết lập một danh mục sản phẩm.

Danh mục sản phẩm (đôi khi gọi là nguồn cấp dữ liệu sản phẩm) là danh sách các sản phẩm bạn muốn quảng cáo trên Facebook. Mỗi sản phẩm trong danh sách này có các thuộc tính cụ thể mà bạn có thể dùng để tạo quảng cáo, ID sản phẩm, tên, nội dung mô tả, URL trang đích, URL hình ảnh, khả năng cung cấp, v.v.

Cách tạo danh mục sản phẩmQuảng cáo sản phẩm động trên Facebook

2. ID API Facebook

Chuyển đến tab cài đặt trong bảng điều khiển ứng dụng, thêm nền tảng "Trang web" và cung cấp miền của trang web bạn có.

3. Tải Javascript SDK

Tải JavaScript SDK bằng ID ứng dụng của bạn như minh họa trong ví dụ bên dưới. Thay thế {your-app-id} bằng ID ứng dụng của bạn.

<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. Lấy URI của sản phẩm

Thông qua Trình quản lý kinh doanh

Bạn cần cung cấp 2 phần thông tin thì mới sử dụng được nút Lưu cho sản phẩm, đó là ID danh mục sản phẩm và ID mặt hàng trong nguồn cấp dữ liệu sản phẩm của bạn:

  1. Đăng nhập vào doanh nghiệp của bạn trên trình quản lý kinh doanh.
  2. Chuyển đến phần "Cài đặt cho doanh nghiệp" > "Danh mục sản phẩm".
  3. Nhấp vào danh mục sản phẩm bạn muốn sử dụng cho plugin này.
  4. Bên dưới tiêu đề của tên Danh mục sản phẩm, hãy ghi lại ID danh mục sản phẩm. Trong ví dụ này, ID đó là 768856339915012.
  5. Ngoài ra, bạn cần cung cấp cả ID mặt hàng đã tải lên nguồn cấp dữ liệu sản phẩm của mình. Để xem các ví dụ về ID mặt hàng trong nguồn cấp dữ liệu sản phẩm của bạn, hãy nhấp vào ID danh mục sản phẩm.
  6. Trên trang tiếp theo, hãy nhấp vào Nguồn cấp dữ liệu sản phẩm ở trên cùng.
  7. Nhấp vào nguồn cấp dữ liệu có chứa các mặt hàng bạn muốn sử dụng.
  8. Trên trang tiếp theo, bạn sẽ thấy ví dụ về các mặt hàng trong nguồn cấp dữ liệu của mình. Để plugin này nhận diện được sản phẩm, chúng tôi sẽ cần ID mặt hàng có trong nguồn cấp dữ liệu của bạn cho từng sản phẩm.
  9. URI của plugin có dạng product://<catalog_id >/{retailer_id}. Vì vậy, nếu chúng ta muốn tạo URI cho sản phẩm có tên là Product #45 trong ví dụ trên, URI này sẽ có dạng như sau: product://768856339915012/45 (trong đó ID danh mục của sản phẩm được lấy từ bước 5).

Thông qua API Đồ thị

Bạn có thể lấy URI của sản phẩm thông qua API Đồ thị. Khi tải một hoặc nhiều món sản phẩm, hãy tạo định dạng URL sau đây khi thay <catalog_id> bằng ID danh mục của bạn và thay <retailer_id> bằng ID nhà bán lẻ của sản phẩm:

product://<catalog_id>/<retailer_id>

Hãy tìm hiểu thêm trong tài liệu về món sản phẩm.

5. URI của sản phẩm

Trong mã nút Lưu, hãy sử dụng URI của sản phẩm cho data-uri. Ví dụ: đối với URI của sản phẩm product://949817451770475/143791832, mã của bạn có dạng như sau:

<div class="fb-save" 
  data-uri="product://949817451770475/143791832">
</div>

Chế độ xem đã lưu

Tất cả liên kết đã lưu sẽ được thêm vào chế độ xem Đã lưu. Để xem phần này, bạn có thể truy cập www.facebook.com/saved hoặc chuyển đến mục Thêm -> Đã lưu trên ứng dụng di động.

Ví dụ

Liên kết đã lưu

Thay đổi ngôn ngữ

Bạn có thể thay đổi ngôn ngữ của nút Lưu bằng cách tải phiên bản đã được bản địa hóa của Facebook SDK dành cho JavaScript. Khi bạn tải SDK, hãy thay đổi giá trị của js.src để sử dụng ngôn ngữ của bạn. Hãy thay thế en_US bằng ngôn ngữ của bạn, ví dụ: fr_FR cho tiếng Pháp (Pháp):

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

Bạn có thể tham chiếu các ngôn ngữ được hỗ trợ trong file XML ngôn ngữ Facebook.

Bạn có thể phải điều chỉnh chiều rộng của Plugin xã hội để sử dụng các ngôn ngữ khác nhau. Bạn có thể tìm thêm thông tin trên trang Bản địa hóa và dịch thuật của chúng tôi.