Widget EmojiSup

Ingin bilah emoji seperti ini di situs Anda?

Widget reaksi gratis ini terpasang dalam satu menit. Tanpa pendaftaran, tanpa akun, tidak ada yang perlu diatur di sisi kami.

Pemasangan

Pada bagian HEAD situs Anda, tambahkan:

<script src="https://api.emojisup.org/widget.js?4"></script>

Pada bagian BODY, di tempat bilah itu harus muncul, tambahkan:

<div data-emojisup></div>

Pemasangan selesai sampai di sini. Setelah dimuat, skrip menyambungkan lembar gayanya, menelusuri halaman untuk elemen ber-atribut data-emojisup, lalu menggambar bilah reaksi di setiap elemen itu.

Pengenal widget

Pengenal tiap widget dibentuk dari alamat halaman, sehingga satu halaman bisa memuat beberapa widget dan tiap halaman menyimpan penghitungnya sendiri. Parameter kampanye seperti utm_source atau fbclid diabaikan, jadi pengunjung yang datang dari iklan melihat penghitung yang sama dengan yang lain.

Pengenal juga bisa Anda tentukan sendiri:

<div data-emojisup id="my-article-42"></div>

Jika pengenalnya berubah, widget mulai dari awal dan penghitungnya kembali ke nol.

Pengaturan

Setiap pengaturan adalah atribut pada elemen yang sama dan semuanya boleh dilewati.

data-emojisup-set — hanya menampilkan reaksi yang Anda sebutkan, dipisahkan koma:

<div data-emojisup data-emojisup-set="👍,❤️,🔥,🤣"></div>

data-emojisup-theme — memilih warna: light secara bawaan, dark untuk latar gelap, auto mengikuti pengaturan sistem pengunjung.

data-emojisup-size — menentukan ukuran: s, m secara bawaan, atau l.

data-emojisup-align — merapikan barisnya: left, center, atau right. Tanpa atribut ini reaksi tersebar selebar bloknya.

<div data-emojisup data-emojisup-theme="dark" data-emojisup-size="l" data-emojisup-align="center"></div>

Dan inilah widget yang sama dengan tema gelap, empat reaksi, dan di tengah:

Konten yang dimuat belakangan

Jika widget berada di dalam konten yang datang belakangan, panggil ini setelah konten itu ada:

<script>
    emojiSup.update();
</script>

Metode ini menelusuri halaman lagi dan menjalankan widget baru. Agar sebuah widget berhenti memperbarui penghitungnya, panggil emojiSup.destroy().

Apa yang disimpan widget

Widget memasang satu kuki saja, ev_user_id, berlaku satu tahun. Isinya sebuah pengenal acak dan tidak ada yang lain: berkat itu widget mengingat reaksi mana yang dipilih pengunjung ini, sehingga pilihannya bertahan setelah halaman dimuat ulang. Pada tiap permintaan, widget mengirim alamat halaman tempat bilah itu berada, karena begitulah penghitung dipisahkan per halaman. Tidak ada nama, tidak ada alamat surel, tidak ada data formulir.

Penghitung diperbarui selama tab terbuka dan terlihat. Di tab latar belakang widget berhenti bertanya ke server, dan setelah beberapa menit tanpa klik ia melambat dengan sendirinya.

Pertanyaan

Benar-benar gratis? Ya, dan tidak ada akun yang perlu dibuat.

Berapa banyak widget dalam satu halaman? Sebanyak yang Anda perlukan. Beri tiap widget id-nya sendiri.

Bisakah pengunjung mengganti reaksinya? Bisa. Satu reaksi per pengunjung per widget: menekan yang lain memindahkan suaranya, menekan yang sama menariknya kembali.

Apakah penghitung bertahan setelah situs dirombak? Bertahan, selama alamat halaman atau id yang Anda tetapkan tidak berubah.

Perlu jQuery? Tidak. Skripnya tanpa dependensi dan berukuran sekitar 45 KB.