Plugin Kutipan

Dengan plugin kutipan orang dapat memilih teks di halaman Anda dan menambahkannya ke sesuatu yang mereka bagikan, sehingga mereka dapat menceritakan kisah yang lebih ekspresif. Perhatikan bahwa Anda tidak perlu menggunakan fitur Facebook login atau meminta izin tambahan melalui tinjauan aplikasi untuk menggunakan plugin ini.

Berbagi Kutipan untuk Web Seluler

Jika Anda membuat situs web untuk web seluler, atau tombol yang disediakan tidak cocok dengan desain situs web Anda, Dialog Bagikan Web juga mendukung penambahan kutipan ke berbagi tautan.

Berbagi Kutipan untuk iOS & Android

Jika aplikasi native Anda adalah untuk iOS atau Android, Anda harus menggunakan Dialog Bagikan di iOS dan Dialog Bagikan di Android.

Coba PluginContoh KodePengaturan

Coba plugin

Pilih bagian kalimat ini untuk melihat plugin berfungsi.

Contoh Kode

Sesuaikan nilai data-href dengan URL situs web Anda. Pastikan metatag Graf Terbuka Anda adalah yang terbaru dan data-href untuk plugin cocok dengan properti og:url.

<html>
<head>
  <title>Your Website Title</title>
  <!-- Comment #1: OG Tags -->
  <meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Your Website Title" />
  <meta property="og:description"   content="Your description" />
  <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Comment #2: SDK -->
  <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>

  <!-- Comment #3: Content -->
  <h1>Your Headline</h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget tristique nibh, 
    vel consequat purus. Praesent molestie, turpis ut ultrices commodo, felis arcu cursus enim, 
    vel porttitor ante quam vel lacus. Quisque at laoreet sapien. Proin nec purus dolor. Integer 
    pharetra nec ligula a condimentum. Fusce sem orci, porta ut felis id, commodo imperdiet risus. 
  </p>

  <!-- Comment #4: Plugin Code -->
  <div class="fb-quote"></div>

</body>
</html>
Cobalah sendiri!

Komentar Kode

  1. OG Tags: Anda dapat menggunakan tag graf terbuka untuk menyesuaikan contoh tautan.
  2. SDK: Muat SDK Facebook untuk JavaScript.
  3. Content: Konten halaman Anda.
  4. Plugin Code: Kode plugin kutipan Anda dari konfigurator. Anda dapat meletakkan kode ini di mana saja di dokumen, dan hanya akan ditampilkan apabila Anda menyoroti teks di dalam penampung teks tersebut. Dalam contoh ini, kode hanya akan ditampilkan apabila Anda menyoroti teks di dalam isi

Pengaturan

Anda dapat mengubah pengaturan berikut:

Pengaturan Atribut HTML5 Keterangan Default

href

data-href

URL absolut halaman yang akan dikutip.

URL Saat Ini

layout

data-layout

  • quote: Di pilihan teks, tombol dengan ikon Facebook berwarna biru dan teks "Bagikan Kutipan" ditampilkan sebagai lapisan. Ketika seseorang mengekliknya, ini akan membuka dialog bagikan beserta teks yang disoroti sebagai sebuah kutipan.
  • button: Berperilaku sama seperti opsi "kutipan" namun hanya memiliki ikon Facebook berwarna biru di tombol.

quote

Area yang Dapat Dikutip

Beberapa area halaman situs web Anda mungkin tidak dapat dikutip, seperti menu, bilah samping, footer. Anda dapat menentukan area halaman yang dapat dikutip menggunakan:

  • elemen <article> HTML, atau
  • elemen apa saja dengan nama kelas fb-quotable

Anda dapat memadumadankan keduanya jika Anda ingin dan menentukan area yang dapat dikutip.

Jika halaman Anda tidak berisi <article> atau class="fb-quotable", maka seluruh halaman dapat dikutip.

Mengubah Bahasa

Anda dapat mengubah bahasa plugin kutipan dengan memuat SDK JavaScript Facebook versi yang sudah 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.