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 termasuk alat moderasi bawaan dan peringkat relevansi sosial.

Konfigurator Plugin KomentarModerasiPengaturanMenyesuaikan BahasaPertanyaan Umum

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 berikut. Anda dapat menyesuaikan pengaturan seperti width plugin komentar Anda atau jumlah kiriman 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 Kiriman

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 Keterangan Nilai Default

colorscheme

data-colorscheme

Skema warna yang digunakan oleh plugin komentar. Mungkin "terang" atau "gelap".

“terang"

href

data-href

URL absolut sebagai tautan permanen komentar yang dikirimkan di plugin. Semua cerita yang dibagikan di Facebook tentang komentar yang dikirimkan menggunakan plugin komentar akan ditautkan ke URL ini.

URL saat ini.

mobile

data-mobile

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

Deteksi 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 "sosial", "reverse_time", atau "waktu". Berbagai jenis urutan dijelaskan di Pertanyaan Umum

"sosial"

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

Penyortiran Komentar

Orang dapat mengurutkan komentar berdasarkan waktu atau peringkat sosial menggunakan menu di sudut kanan atas plugin komentar.

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

social (default)

Ini juga dikenal sebagai "Top". Plugin komentar menggunakan isyarat sosial untuk memunculkan komentar berkualitas tertinggi. Komentar diurutkan untuk menampilkan komentar yang paling relevan dari teman dan teman dari teman serta utas diskusi yang paling disukai atau aktif di awal. Komentar yang ditandai sebagai spam disembunyikan dari tampilan.

Catatan: Utas komentar yang lebih lama—termasuk yang terhubung dengan objek Graf Terbuka yang dibuat sebelum perilisan plugin komentar asli—tidak akan dapat diurutkan berdasarkan sosial.

time

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

reverse_time

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

Mengubah Bahasa

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

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

Anda mungkin harus menyesuaikan lebar plugin sosial untuk menampung bahasa yang berbeda. Pelajari selengkapnya tentang pelokalan dan penerjemahan.

Moderasi Komentar

Bagian plugin komentar merupakan alat moderasi yang ampuh. Alat ini mempermudah dan mempercepat tim manajemen komunitas Anda untuk memoderasi beberapa komentar sekaligus.

Penyiapan

Untuk menggunakan alat moderasi komentar, Anda harus menyelesaikan instruksi penyiapan moderasi.

Instruksi Penyiapan Moderasi

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


Dasbor

Ada 2 cara untuk menavigasikan alat 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 Alat Moderasi di samping kotak komentar (lihat cuplikan layar di bawah). Tampilan ini hanya akan memperlihatkan komentar yang dikirimkan 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, tergantung pada statusnya. Untuk mengubah status beberapa komentar, gunakan kotak centang di kolom samping 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.

4. Antrean Saya

Untuk memisahkan kinerja antar pengembang, Anda dapat menggunakan fitur ini untuk menetapkan komentar kepada diri Anda untuk moderasi. Komentar yang ditetapkan di sini akan tetap tersedia bagi moderator atau pengurus lain, namun komentar di antrean Anda tidak akan muncul di antrean lain.

Pengaturan

Untuk masing-masing aplikasi, Anda dapat menentukan pengaturan khusus. Gunakan tombol Pengaturan (di kanan atas alat) 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 Anda inginkan menjadi moderator.


Sortir Komentar Berdasarkan

Anda juga dapat mengendalikan penyortiran komentar. Pelajari selengkapnya di Pengurutan Komentar.


Moderasi

Anda dapat mengubah keterlihatan default untuk komentar yang baru. Misalnya, 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.


Dengan perilisan SDK Facebook versi 4.28.0, Pencerminan Komentar tidak berlaku. Ini akan didukung hingga 5 Februari 2018.

Pencerminan Komentar

Dengan Pencerminan Komentar, orang-orang dapat berpartisipasi dalam satu percakapan, baik dalam komentar yang berasal dari halaman web atau Halaman Facebook Anda. Ketika Anda membagikan tautan ke situs web Anda di Halaman Facebook, komentar di halaman web tersebut juga akan muncul sebagai komentar di kiriman Halaman Facebook dan sebaliknya. Ini akan membuat percakapan yang lebih kaya di Halaman Facebook dan situs web Anda karena komentar tersebut akan muncul di kedua tempat.

Anda dapat menyalakan pencerminan komentar di alat moderasi dengan cara membuka tab Pengaturan. Untuk menyalakan pencerminan komentar, Anda harus menjadi pengurus di Halaman Facebook yang ingin Anda aktifkan pencerminan komentarnya.

Jika Anda ingin orang-orang dapat menyertakan foto di komentar dengan mengaktifkan pencerminan komentar, maka Anda juga harus menyalakan Izinkan pengunjung ke Halaman untuk menerbitkan kiriman untuk halaman Anda. Agar komentar dicerminkan secara benar, halaman Facebook Anda harus diubah ke publik untuk semua orang.

Komentar yang dicerminkan akan berdampak pada halaman web baru setelah pengaturan diaktifkan. Setelah pencerminan komentar dinyalakan untuk halaman web tertentu, tidak ada cara lain untuk menonaktifkan pencerminan (Anda hanya dapat mematikan pencerminan untuk halaman web baru di masa mendatang), jadi apabila fitur penutup otomatis diaktifkan dan komentar dibagikan ke Halaman Facebook Anda, maka komentar baru dapat tetap dibuat dari kiriman Halaman Facebook, tetapi bukan dari halaman web Anda.

Apakah orang-orang akan tahu bahwa kami mencerminkan komentar? Saat seseorang mulai menulis komentar di situs web Anda, mereka akan melihat pesan yang memberi tahu bahwa komentarnya juga akan muncul di Halaman Facebook Anda. Pesan yang sama muncul saat seseorang mulai menulis komentar di artikel yang dikirimkan ke Halaman Facebook Anda.


Bagaimana cara kerja moderasi? Semua komentar, baik yang berada di kiriman Halaman Facebook atau yang ada di artikel asli pada situs web Anda akan muncul di alat moderasi komentar Facebook utama Anda, sehingga semua komentar yang ditampilkan di halaman artikel dapat dimoderasi. Jika Anda menyembunyikan komentar di alat moderasi, ini akan disembunyikan secara otomatis di Halaman Facebook.

Pengaturan URL

Menutup Utas

Anda dapat menutup utas komentar di URL di mana 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 nyalakan Timpa Tutup Otomatis. Selanjutnya, atur status penutupan yang diinginkan untuk URL yang Anda moderasi.

Penyiapan Moderasi

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

Siapkan dengan menggunakan Akun Facebook (Disarankan)

Jika situs Anda memiliki banyak kotak komentar, kami sarankan agar Anda menentukan ID aplikasi Facebook sebagai entitas pengelola yang berarti bahwa semua pengurus 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="{YOUR_APP_ID}" />

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

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.

Misalnya, perubahan pengaturan moderasi menjadi memiliki visibilitas terbatas akan mempengaruhi 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.

Tetapkan Akun Facebook sebagai Pengurus

Untuk menetapkan akun Facebook sebagai pengurus implementasi plugin komentar, sertakan elemen meta berikut di bagian <head> dari masing-masing dokumen tempat Anda menggunakan plugin komentar:

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>

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

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID_1}"/>
<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID_2}"/>

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> untuk mencocokkan bagian lain dari situs web Anda. Catatan: fitur ini sekarang tidak tersedia di HTML5.

Misalnya, 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 API Graf. Misalnya, 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>

Webhook

Anda dapat menyiapkan webhook agar memiliki skrip di pemberitahuan server Anda saat komentar baru dikirimkan. Untuk memulai:

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

Tetapi sebelum itu, lihat dokumentasi Webhook 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 mereka kirimkan:

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 Webhook, Anda akan melihat "plugin_comment" dan "plugin_comment_reply" di bagian Webhook 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 Webhook.