Plugin Komentar

Dengan plugin komentar, orang dapat mengomentari konten di situs web Anda menggunakan akun Facebook mereka. Orang-orang juga bisa memilih untuk berbagi aktivitas komentarnya dengan teman-teman (dan teman dari teman mereka) di Facebook. Plugin komentar juga menyertakan fitur moderasi bawaan.

Perubahan Plugin Sosial di Wilayah Eropa

Anda mungkin mulai melihat beberapa dampak pada Plugin Sosial karena permintaan persetujuan cookie yang diperbarui yang akan ditampilkan kepada orang-orang yang menggunakan produk Facebook di Wilayah Eropa. Kami tidak akan lagi mendukung Plugin Sosial "Suka" dan "Komentar" untuk pengguna Wilayah Eropa, kecuali jika keduanya 1) Masuk ke akun Facebook mereka, dan 2) telah memberikan persetujuan untuk kontrol "Cookie Aplikasi dan Situs Web". Jika kedua persyaratan ini terpenuhi, pengguna akan dapat melihat dan berinteraksi dengan plugin seperti tombol "Suka" atau "Komentar". Jika salah satu persyaratan di atas tidak terpenuhi, pengguna tidak akan dapat melihat plugin.

Wilayah Eropa adalah daftar negara tertentu yang meliputi:

  • Uni Eropa (EU): Austria, Belgia, Bulgaria, Kroasia, Republik Siprus, Republik Ceko, Denmark, Estonia, Finlandia, Prancis, Jerman, Yunani, Hongaria, Irlandia, Italia, Latvia, Lituania, Luksemburg, Malta, Belanda, Polandia, Portugal, Rumania, Slowakia, Slovenia, Spanyol, Swedia

  • Non-Anggota Uni Eropa, tetapi di wilayah Hanya EEA/EFTA atau Serikat Pabean: [Hanya EEA/EFTA] Islandia, Liechtenstein, dan Norwegia; Swiss: [Serikat Pabean Uni Eropa] seluruh Kepulauan Channel, Pulau Man, Monako; Pangkalan kedaulatan Kerajaan Inggris Raya di Siprus; [Serikat Pabean Eropa] Andorra, San Marino, Kota Vatikan.

  • Non-anggota Uni Eropa, tetapi bagian dari Wilayah Terluar Eropa (OMR): Martinik, Mayotte, Guadeloupe, Guyana Prancis, Réunion, Saint-Martin, Madeira, Azores, Kepulauan Canaria.
  • Inggris Raya (semua Kepulauan Britania)

Langkah demi Langkah

1. Pilih URL atau Halaman

Pilih URL situs web yang ingin Anda gunakan dengan plugin komentar.

2. Konfigurator Kode

Salin dan tempel URL ke konfigurator kode di bawah. Anda dapat menyesuaikan pengaturan seperti width plugin komentar Anda atau jumlah postingan yang ingin Anda tampilkan secara default (num_posts). Klik tombol Dapatkan Kode untuk membuat kode plugin komentar Anda.

3. Salin dan Tempelkan snippet kode

Salin dan tempelkan snippet kode ke HTML situs atau halaman web yang Anda inginkan untuk menerapkan komentar.

Generator Kode Plugin Komentar

URL untuk mengomentari
Lebar
Jumlah Postingan

Pengaturan

Konfigurator kode di atas hanya menggunakan sub-bagian dari semua kemungkinan pengaturan untuk plugin komentar Anda. Anda juga dapat mengubah pengaturan berikut:

Pengaturan Atribut HTML5 Deskripsi Nilai Default

colorscheme

data-colorscheme

Skema warna yang digunakan oleh plugin komentar. Mungkin "light" (terang) atau "dark" (gelap).

"light"

href

data-href

URL absolut tempat komentar yang diposting di plugin akan dikaitkan secara permanen. Semua cerita yang dibagikan di Facebook tentang komentar yang diposting menggunakan plugin komentar akan ditautkan ke URL ini.

URL 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

mobile

data-mobile

Nilai boolean yang menentukan apakah akan menampilkan versi seluler yang dioptimalkan atau tidak.

Terdeteksi otomatis

num_posts

data-numposts

Jumlah komentar yang ditampilkan secara default. Nilai minimalnya adalah 1.

10

order_by

data-order-by

Urutan yang akan digunakan ketika menampilkan komentar. Mungkin "reverse_time" atau "time". Berbagai jenis urutan dijelaskan di bagian Pengurutan Komentar.

"reverse-time"

width

data-width

Lebar plugin komentar di halaman web. Ini bisa berupa nilai piksel atau persentase (mis: 100%) untuk lebar fleksibel. Versi seluler plugin komentar mengabaikan parameter lebar, dan sebaliknya memiliki lebar fleksibel sebesar 100%. Lebar minimal yang didukung oleh plugin komentar adalah 320 piksel.

550

Pengurutan Komentar

Orang dapat mengurutkan komentar berdasarkan waktu menggunakan menu di bagian kanan atas plugin komentar.

Anda dapat menentukan urutan default menggunakan atribut data-order-by dan salah satu dari nilai ini:

reverse_time (default)

Komentar ditampilkan dalam urutan terbalik dari waktu posting, dengan komentar terbaru di bagian atas, dan komentar terlama di bagian bawah.

time

Komentar ditampilkan dengan urutan waktu posting, dengan komentar terlama di bagian atas, dan yang terbaru di bagian bawah.

Mengubah Bahasa

Anda dapat mengubah bahasa plugin Komentar dengan memuat Facebook SDK for Javascript versi yang sudah dilokalkan. Ketika memuat SDK, ubah nilai src untuk menggunakan bahasa Anda. Contoh: jika Anda mengganti en_US dengan bahasa Anda seperti fr_FR untuk bahasa Prancis:

src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1"

Anda mungkin harus menyesuaikan lebar plugin sosial untuk mengakomodasi berbagai bahasa. Pelajari selengkapnya tentang pelokalan dan penerjemahan.

Moderasi Komentar

Bagian plugin komentar merupakan fitur moderasi yang serbabisa. Fitur ini mempermudah dan mempercepat tim manajemen komunitas Anda untuk memoderasi beberapa komentar sekaligus.

Pengaturan

Untuk menggunakan fitur moderasi komentar, Anda harus menyelesaikan instruksi pengaturan moderasi.

Instruksi Pengaturan Moderasi

Harap diperhatikan bahwa Anda tidak dapat menggunakan Graph API untuk membalas komentar yang dibuat melalui Plugin Komentar.


Dasbor

Ada 2 cara untuk menavigasikan fitur moderasi:

1. Tampilan moderasi berbasis aplikasi: Buka developers.facebook.com/tools/comments. Anda akan mendapatkan daftar semua aplikasi Facebook Anda, yang memungkinkan Anda memoderasi semua komentar yang berkaitan dengan masing-masing aplikasi. Jika Anda tidak menggunakan aplikasi Facebook dengan plugin komentar, Anda tidak akan dapat menggunakan tampilan ini.

2. Tampilan moderasi berbasis halaman: Klik tautan Fitur Moderasi di samping kotak komentar (lihat cuplikan layar di bawah). Tampilan ini hanya akan memperlihatkan komentar yang diposting ke halaman web (URL) ini.

Tampilan Moderasi

Kami menampilkan kedua tampilan moderasi dalam cuplikan layar di bawah. Jika Anda menggunakan tampilan moderasi berbasis aplikasi, Anda dapat menggunakan menu untuk beralih antar aplikasi.

Di tabel moderasi, Anda dapat menyetujui atau menyembunyikan komentar, bergantung pada statusnya. Untuk mengubah status beberapa komentar, gunakan kotak centang di kolom sebelah kiri.

1. Tampilan Moderasi berbasis Halaman

Pada tampilan moderasi ini, semua komentar untuk URL tertentu akan ditampilkan.

2. Tampilan Moderasi berbasis Aplikasi

Pada tampilan moderasi ini, semua komentar untuk aplikasi Anda akan ditampilkan.

3. Antrean Ditandai

Komentar yang sudah ditandai oleh pengguna atau Facebook akan ditampilkan di sini. Komentar dalam daftar ini mungkin bersifat publik atau disembunyikan, tergantung pengaturan yang diterapkan dan bagaimana komentar dilaporkan.

Pengaturan

Untuk masing-masing aplikasi, Anda dapat menentukan pengaturan khusus. Gunakan tombol Pengaturan (di sisi kanan atas fitur) untuk membuka dialog pengaturan.


Moderator

Anda dapat mempromosikan orang lain menjadi moderator komentar Anda. Mulai ketikkan nama teman ke kotak input dan typehead akan muncul untuk membantu memilih orang yang ingin Anda jadikan moderator.


Urutkan Komentar Berdasarkan

Anda juga dapat mengontrol pengurutan komentar. Pelajari selengkapnya di Pengurutan Komentar.


Moderasi

Anda dapat mengubah visibilitas default untuk komentar yang baru. Contoh: Anda mungkin ingin menyetujui semua komentar baru. Jika komentar tidak disetujui, komentar tersebut hanya akan dapat dilihat oleh penulis komentar hingga moderator menyetujui komentar tersebut.

Ada tiga mode moderasi yang berbeda:

Publik

Semua komentar akan bersifat publik. Komentar juga akan muncul di tab Tinjauan.

Tertutup

Semua komentar akan disembunyikan.

Pengguna Diblokir

Di tab Pengguna Diblokir, moderator dapat mencari pengguna yang diblokir. Jika komentar baru diterbitkan dari pengguna yang diblokir, komentar ini akan secara otomatis memiliki visibilitas terbatas dan muncul di tab Tinjauan.


Pengaturan URL

Menutup Utas

Anda dapat menutup utas komentar di URL tempat Anda menggunakan plugin komentar. Dengan melakukan hal ini, berarti orang-orang tidak akan dapat menambahkan komentar baru ke diskusi di halaman web tersebut. Anda dapat menutup utas di menu Pengaturan URL.

Menimpa Tutup Otomatis

Jika Anda mengaktifkan tutup otomatis, maka Anda dapat menimpa utas yang tertutup, yang akan membukanya lagi untuk komentar. Untuk melakukan hal ini, buka Pengaturan URL dan aktifkan Timpa Tutup Otomatis. Selanjutnya, atur status penutupan yang diinginkan untuk URL yang Anda moderasi.

Pengaturan Moderasi

Untuk menggunakan fitur moderasi, Anda harus menghubungkan akun Facebook atau aplikasi Facebook ke implementasi plugin komentar Anda.

Pengaturan menggunakan Akun Facebook (Preferensi)

Jika situs Anda memiliki banyak kotak komentar, kami rekomendasikan agar Anda menentukan ID aplikasi Facebook sebagai entitas pengelola yang berarti bahwa semua administrator aplikasi akan dapat memoderasi komentar. Dengan melakukan ini, antarmuka moderator di Facebook sebagai tempat mengelola komentar dari semua plugin yang dikelola oleh ID aplikasi Anda dapat dimoderasi bersama-sama secara mudah.

<meta property="fb:app_id" content="&#123;YOUR_APP_ID&#125;" />

Selain orang yang Anda tambahkan menggunakan pengaturan Moderator, semua admin aplikasi Anda juga akan dapat memoderasi komentar, namun hanya moderator yang akan menerima notifikasi untuk komentar baru jika Anda mengaktifkan notifikasi.

Saat Anda menerapkan beberapa kotak komentar di situs Anda dan menghubungkannya ke aplikasi dengan memberikan ID aplikasi, pengaturan moderasi yang Anda pilih akan berlaku ke semua kotak komentar Anda.

Contoh: perubahan pengaturan moderasi menjadi memiliki visibilitas terbatas akan memengaruhi semua kotak komentar dalam ID aplikasi yang sama. Jika Anda perlu menerapkan berbagai pengaturan moderasi di area situs Anda yang berbeda, Anda harus menggunakan dua ID aplikasi atau lebih. Anda dapat menggunakan berbagai pengaturan moderasi pada masing-masing grup kotak komentar.

Anda dapat memilih untuk menetapkan fb:app_id atau fb:admins, tetapi tidak keduanya.

Menetapkan Akun Facebook sebagai Admin

Untuk menetapkan akun Facebook sebagai admin penerapan plugin komentar, sertakan elemen meta berikut di bagian <head> dari masing-masing halaman web tempat Anda menggunakan plugin komentar:

<meta property="fb:admins" content="&#123;YOUR_FACEBOOK_USER_ID&#125;"/>

Untuk menambahkan beberapa moderator, tambahkan lebih dari satu elemen, masing-masing dengan satu ID Facebook:

<meta property="fb:admins" content="&#123;YOUR_FACEBOOK_USER_ID_1&#125;"/>
<meta property="fb:admins" content="&#123;YOUR_FACEBOOK_USER_ID_2&#125;"/>

Penghitung Komentar

Penggunaan nilai fb:comments-count akan menampilkan jumlah komentar di URL yang diberikan di elemen <span> pada halaman web Anda. Anda dapat menggunakan CSS untuk memberikan gaya pada elemen <span> agar cocok dengan bagian lain dari situs web Anda. Catatan: fitur ini sekarang tidak tersedia di HTML5.

Contoh: untuk menampilkan jumlah komentar di example.com, gunakan kode ini:

<span class="fb-comments-count" data-href="https://example.com/"></span>
awesome comments 

Ini akan menampilkan:

69391 awesome comments

Jumlah komentar yang di URL yang diberikan dapat diakses menggunakan Graph API. Contoh: jumlah komentar di example.com yang tersedia melalui properti comment_count pada kolom share dari node URL:

https://graph.facebook.com/v2.4/?fields=share{comment_count}&amp;id=<YOUR_URL>

Webhooks

Anda dapat menyiapkan Webhooks agar memberi tahu skrip di server Anda saat ada komentar baru. Untuk memulai:

  1. Buka Dasbor Aplikasi Anda
  2. Klik "+ Tambahkan Produk" di navigasi kiri
  3. Di bagian Webhooks, klik "Siapkan"
  4. Pilih "Aplikasi" di menu pilihan
  5. Klik tombol "Berlangganan topik ini"
  6. Di bagian dialog, masukkan URL skrip yang akan menerima notifikasi, mis. https://example.org/mywebhook.php
  7. Masukkan token - string apa pun yang Anda pilih. Token tersebut akan dikirimkan ke skrip Anda untuk diverifikasi
  8. Langkah terakhir di proses pengaturan adalah mengeklik tombol "Verifikasi dan Simpan"

Tetapi sebelum itu, lihat dokumentasi Webhooks untuk detail selengkapnya tentang cara menerapkan skrip Anda.

Berikut adalah contoh singkat cara mywebhook.php sederhana terlihat di PHP.

Mulai dengan verifikasi:

<?php
if ($_GET['hub_verify_token'] === 'make-up-a-token') {
  echo $_GET['hub_challenge'];
}

make-up-a-token ini adalah string yang sama dengan string yang Anda masukkan di langkah 7 di atas.

Lalu, masukkan semua komentar seperti yang diposting:

file_put_contents(
  'log.txt',
  "\n" . file_get_contents('php://input'),
  FILE_APPEND
);
?>

Harap diingat bahwa $_POST PHP tidak akan berfungsi, Anda memerlukan file_get_contents('php://input')

Setelah Anda memverifikasi Webhooks, Anda akan melihat "plugin_comment" dan "plugin_comment_reply" di bagian Webhooks Dasbor Aplikasi Anda.

Klik "Tes" untuk memeriksa dua kali penerapan Anda dengan tanggapan sederhana, lalu "Berlangganan" untuk menyiarkan langsung.

Detail selengkapnya tentang tanggapan Anda yang tersedia di dokumentasi referensi Webhooks.