Tombol Simpan

Dengan tombol Simpan, orang-orang dapat menyimpan item atau layanan ke daftar pribadi di Facebook, membagikannya kepada teman, dan menerima pemberitahuan yang relevan. Misalnya, seseorang dapat menyimpan item pakaian, perjalanan, atau tautan yang sedang mereka pikirkan dan kembali ke daftar tersebut untuk digunakan di masa mendatang, atau mendapat pemberitahuan ketika item atau perjalanan memiliki tawaran promosi.

Konfigurator Tombol SimpanContoh KodePengaturan

Langkah demi Langkah

1. Pilih Tautan Situs Web

Pilih tautan situs web yang ingin Anda gunakan dengan tombol Simpan.

2. Konfigurator Kode

Tempelkan tautan ke konfigurator kode dan klik tombol "Dapatkan Kode" untuk membuat kode tombol Simpan.

3. Salin & Tempelkan snippet HTML

Salin dan tempelkan snippet ke dalam HTML situs web tujuan.

Konfigurator Tombol Simpan

Tautan situs web atau produk untuk disimpan
Ukuran Tombol

Contoh Kode Lengkap

Salin & tempelkan contoh kode ke situs web Anda. Sesuaikan nilai data-uri ke tautan situs web Anda. Selanjutnya gunakan tag <title> untuk menyesuaikan judul "disimpan".

<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>
Cobalah sendiri!

Pengaturan

Selain pengaturan di atas, Anda juga dapat mengubah berikut ini:

Pengaturan Atribut HTML5 Keterangan Default

uri

data-uri

Tautan absolut halaman yang akan disimpan.

Tautan/Alamat Saat Ini

Tombol Simpan untuk Produk

Anda juga dapat menggunakan tombol Simpan untuk produk:

1. Siapkan Katalog Produk

Untuk menggunakan tombol Simpan dengan produk, Anda harus menyiapkan katalog produk terlebih dahulu.

Katalog produk terkadang disebut kabar berita produk, merupakan daftar produk yang ingin Anda iklankan di Facebook. Setiap produk dalam daftar memiliki atribut tertentu yang dapat digunakan untuk membuat iklan, ID produk, nama, deskripsi, URL halaman tujuan, URL gambar, ketersediaan, dan sebagainya.

Cara Membuat Katalog ProdukIklan Produk Dinamis Facebook

2. ID API Facebook

Buka tab pengaturan di dasbor aplikasi, tambahkan platform "Situs web", dan masukkan domain situs web Anda.

3. Pemuatan SDK JavaScript

Muat SDK JavaScript menggunakan ID aplikasi Anda seperti tampak dalam contoh di bawah. Ganti {your-app-id} dengan ID aplikasi Anda.

<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. Dapatkan URI Produk

Melalui Pengelola Bisnis

Ada 2 bagian informasi yang Anda perlukan untuk menggunakan tombol Simpan untuk produk: ID katalog produk, dan ID item dari kabar berita produk Anda:

  1. Masuk ke bisnis Anda di pengelola bisnis.
  2. Buka "Pengaturan Bisnis" > "Katalog Produk".
  3. Klik katalog produk yang ingin Anda gunakan untuk plugin tersebut.
  4. Di bawah judul nama Katalog Produk, catat ID Katalog Produk. Dalam contoh kami, ID-nya adalah 768856339915012.
  5. Informasi lain yang diperlukan adalah ID Item yang diunggah di kabar berita produk Anda. Untuk melihat contoh dari kabar berita produk Anda, klik ID Katalog Produk.
  6. Di halaman berikutnya, klik Kabar Berita Produk di bagian atas.
  7. Klik kabar berita yang berisi item yang ingin Anda gunakan.
  8. Di halaman berikutnya, Anda akan melihat sampel item dari kabar berita Anda. Agar plugin dapat mengidentifikasi produk Anda, kami membutuhkan ID Item yang tercantum di kabar berita Anda untuk setiap produk.
  9. URI untuk plugin tersebut mengikuti pola product://<catalog_id >/{retailer_id}. Jadi, jika kami ingin membuat URI untuk produk bernama Product #45 dalam contoh di atas, tampilannya akan seperti ini: product://768856339915012/45 (jika ID katalog produk berasal dari langkah #5).

Melalui API Graf

Anda dapat memperoleh URI produk Anda melalui API Graf. Saat memuat satu atau beberapa item produk, buat format URL berikut ini saat mengganti <catalog_id> dengan ID katalog Anda dan <retailer_id> dengan ID peritel produk Anda:

product://<catalog_id>/<retailer_id>

Pelajari selengkapnya di dokumen item produk.

5. URI Produk

Dalam kode tombol Simpan, gunakan URI produk untuk data-uri. Misalnya, untuk URI produk product://949817451770475/143791832 kode Anda akan terlihat seperti ini:

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

Tampilan Disimpan

Semua tautan yang disimpan akan ditambahkan ke tampilan Disimpan, yang dapat ditemukan di www.facebook.com/saved atau untuk aplikasi seluler melalui navigasi ke Lainnya-> Disimpan.

Contoh

Tautan Disimpan

Mengubah Bahasa

Anda dapat mengubah bahasa tombol Simpan dengan memuat SDK JavaScript Facebook dengan versi yang telah dilokalkan. Ketika memuat SDK, ubah nilai js.src untuk menggunakan lokale Anda. Ganti en_US dengan lokale Anda, mis. fr_FR untuk bahasa Prancis (Prancis):

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

Lokale yang didukung tercantum di file XML Lokale Facebook.

Anda mungkin harus menyesuaikan lebar Plugin Sosial untuk menampung bahasa yang berbeda. Anda dapat menemukan informasi selengkapnya di halaman Pelokalan & Terjemahan kami.