Tombol Simpan

Plugin Tombol Simpan telah dihentikan. Plugin ini akan tetap beroperasi dan dapat diakses sampai 15 September 2022. Setelah itu, plugin ini akan dihentikan dan tidak lagi beroperasi.

Dengan tombol Simpan, orang-orang dapat menyimpan item atau layanan ke daftar pribadi di Facebook, membagikannya kepada teman, dan menerima notifikasi yang relevan. Contoh: 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 Simpan Contoh Kode Pengaturan

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 menghasilkan kode tombol Simpan Anda.

3. Salin & Tempelkan snippet HTML

Salin dan tempelkan snippet ke dalam HTML situs web destinasi.

Konfigurator Tombol Simpan

Tautan situs web atau produk untuk disimpan

Ukuran Tombol

large

Dapatkan Kode

Contoh Kode Lengkap

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

<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	Deskripsi	Default
`uri`	`data-uri`	Tautan absolut halaman yang akan disimpan.	Tautan/Alamat Saat Ini
`lazy`	`data-lazy`	`true` berarti menggunakan mekanisme pemuatan lazy-loading untuk browser dengan mengatur atribut iframe `loading="lazy"`. Efeknya adalah browser tidak me-render plugin jika tidak dekat dengan viewport dan mungkin tidak pernah terlihat. Dapat berupa salah satu dari `true` atau `false` (default).	`false`

Tombol Simpan untuk Produk

Anda juga dapat menggunakan tombol Simpan untuk produk:

1. Siapkan Katalog Produk

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

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

Cara Membuat Katalog Produk Iklan Produk Dinamis Facebook

2. ID API Facebook

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

3. Memuat JavaScript SDK

Muat JavaScript SDK menggunakan ID aplikasi Anda seperti yang ditunjukkan pada contoh di bawah ini. 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 beranda produk Anda:

Masuk ke pengelola bisnis Anda.
Buka "Pengelola Bisnis" > "Katalog Produk".
Klik pada katalog produk yang ingin Anda gunakan untuk plugin.
Di bawah judul nama Katalog Produk, catat ID Katalog Produk. Dalam contoh kami, ini adalah 768856339915012.
Informasi lain yang diperlukan adalah ID Barang yang diunggah di beranda produk Anda. Untuk melihat contoh dari beranda produk Anda, klik ID Katalog Produk.
Di halaman berikutnya, klik Beranda Produk di bagian atas.
Klik pada beranda yang berisi barang yang ingin Anda gunakan.
Di halaman berikutnya, Anda akan melihat contoh barang dari beranda Anda. Agar plugin mengidentifikasi produk Anda, kami memerlukan ID Barang yang tercantum di beranda Anda untuk setiap produk.
URI untuk plugin mengikuti pola product://<catalog_id >/{retailer_id}. Jadi jika kita ingin membuat URI untuk produk bernama Product #45 pada contoh di atas akan terlihat seperti ini: product://768856339915012/45 (tempat asal ID katalog produk dari langkah ke-5).

Melalui Graph API

URI produk Anda bisa didapatkan melalui Graph API. Saat memuat satu atau beberapa item produk, buat format URL berikut selagi 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. Contoh: untuk URI produk product://949817451770475/143791832, kode Anda akan terlihat seperti ini:

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

Tampilan Tersimpan

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

Contoh

Tautan Tersimpan

Mengubah Bahasa

Anda dapat mengubah bahasa tombol simpan dengan memuat versi lokal Facebook SDK for JavaScript. Ketika memuat SDK, ubah nilai js.src untuk menggunakan bahasa Anda. Ganti en_US dengan bahasa Anda, contoh: 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 direferensikan di file XML Lokale Facebook.

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

Topik Terkait

Pertanyaan Umum Plugin Sosial Membagikan untuk Webmaster Facebook SDK untuk JavaScript