Sematan dan widget
Widget Peringkat Catur yang Dapat Disematkan
Widget peringkat catur yang dapat disematkan memungkinkan klub, situs web pelatihan, blog, dan portal liga menambahkan kalkulator peringkat Elo yang berfungsi langsung ke halaman mereka sendiri. Daripada menghubungkan pengunjung ke alat eksternal, Anda dapat menempatkan kalkulator tepat di sebelah hasil turnamen, artikel pelatihan, atau pengumuman acara di tempat yang paling berguna. Halaman ini mencakup mode widget yang tersedia, petunjuk pengaturan, pedoman ukuran, dan apa yang diharapkan dalam hal kinerja dan dukungan berkelanjutan. Untuk alur langkah demi langkah, gunakan Cara Menyematkan Kalkulator Peringkat Catur di Situs Web Anda.
Mode Widget yang Tersedia
Widget tersedia dalam tiga konfigurasi: Hanya Perubahan Peringkat (opsi paling ringkas, menampilkan peringkat pemain, peringkat lawan, hasil, faktor K, dan bidang keluaran), Hanya Peringkat Awal (untuk halaman klub yang terutama melayani pemain baru memperkirakan peringkat pertama mereka yang diterbitkan), dan Mode Gabungan (keduanya kalkulator dalam antarmuka tab, identik dengan kalkulator beranda). Anda dapat melanjutkan dengan Dokumentasi API Peringkat Catur untuk panduan terkait.
Ketiga mode tersebut sepenuhnya responsif dan akan beradaptasi dengan lebar penampung halaman Anda. Lebar minimum yang disarankan adalah 320 piksel untuk tata letak satu kolom. Wadah yang lebih luas akan menampilkan kalkulator dalam tata letak yang lebih luas dengan pemisahan visual yang lebih baik antara bagian masukan dan keluaran.
Cara Menambahkan Widget ke Situs Anda
- 1 Pilih mode widget yang Anda inginkan (perubahan peringkat, peringkat awal, atau gabungan) dan salin cuplikan penyematan yang sesuai dari panel pengaturan di bawah.
- 2 Tempelkan cuplikan HTML ke laman tempat Anda ingin kalkulator muncul. Di WordPress, gunakan blok HTML Khusus. Di Squarespace, gunakan blok Kode. Dalam HTML statis, tempel langsung ke markup.
- 3 Widget dimuat secara asinkron untuk menghindari pemblokiran render halaman Anda. Ini diinisialisasi secara otomatis setelah skrip selesai dimuat.
- 4 Pratinjau laman Anda di desktop dan setidaknya satu area pandang seluler. Sesuaikan lebar atau bantalan wadah jika kalkulator terasa terlalu sempit atau terlalu lebar untuk tata letak Anda.
Gaya, Performa, dan Privasi
Widget ini menggunakan stylesheet terisolasi yang tercakup dalam wadahnya, sehingga tidak akan mengganggu CSS situs Anda yang sudah ada. Total payload di bawah 50 KB yang di-gzip, termasuk logika perhitungan, gaya, dan semua perilaku interaktif. Tidak ada font eksternal atau kerangka kerja berat yang dimuat.
Dari segi privasi, widget melakukan semua perhitungan di sisi klien. Tidak ada data masukan pengguna yang dikirim ke server kami saat pengunjung menggunakan kalkulator tertanam. Satu-satunya permintaan jaringan adalah pemuatan skrip awal. Hal ini membuat widget ini cocok untuk situs yang perlu meminimalkan pengumpulan data pihak ketiga.
Dukungan dan Versi
- Versi widget dipasangi pin: cuplikan sematan Anda memuat versi tertentu yang tidak akan berubah tanpa tindakan Anda.
- Ketika versi widget baru tersedia (fitur baru, pembaruan profil aturan), jalur migrasi opsional disediakan.
- Jika Anda mengalami masalah tampilan, periksa persyaratan lebar wadah minimum (320 piksel) sebelum melaporkan bug.
- Untuk dukungan teknis, pertanyaan perizinan, atau konfigurasi widget khusus, gunakan formulir kontak.
Strategi Penempatan Terbaik
Penempatan widget paling efektif menempatkan kalkulator di tempat pertanyaan pengguna muncul secara alami. Pada halaman hasil turnamen, letakkan tepat setelah tabel silang. Pada artikel pelatihan tentang K-factor, sematkan artikel tersebut sehingga pembaca dapat menguji nilai saat mereka membaca. Di beranda liga, letakkan di sidebar atau bagian pahlawan sebagai utilitas akses cepat.
Hindari menempatkan widget di dalam wadah yang sangat bertingkat, di paruh bawah pada halaman yang panjang, atau tanpa konteks apa pun di sekitarnya. Pengenalan singkat satu kalimat di atas widget secara dramatis meningkatkan keterlibatan dibandingkan dengan kalkulator yang tidak dapat dijelaskan yang muncul di tengah halaman.