Cara Memasang Heatmap di Situs WordPress Anda (Satu Baris Kode, 3 Menit)

Ringkasan artikel

Menambahkan heatmap ke WordPress hanya memerlukan menempelkan satu baris kode

Ada tiga cara untuk melakukannya: (1) kolom pengaturan header tema Anda, (2) plugin penyisipan kode, atau (3) mengedit header.php secara langsung

Keberhasilan berarti jumlah kunjungan benar-benar bertambah untuk situs Anda di dasbor HeatMapX — bukan sekadar "tidak ada error"

Khawatir menambahkan heatmap berarti harus berkutat dengan kode? Di WordPress, sebenarnya hanya perlu satu baris kode tag. Panduan ini menjelaskan tiga cara untuk menambahkannya, mulai dari opsi termudah untuk pemula hingga pendekatan yang lebih lanjut.

Langkah 1: Dapatkan Site Key Anda

Pertama, daftar di HeatMapX (tersedia paket gratis), daftarkan situs Anda, dan dapatkan site key Anda. Tidak diperlukan kartu kredit.

Setelah Anda memiliki site key, gunakan tag di bawah ini, ganti YOUR_SITE_KEY dengan key sebenarnya yang Anda terima.

<script src="https://heatmapx.com/tracker.js" data-site-key="YOUR_SITE_KEY"></script>

Tempelkan tag ini ke dalam <head> situs Anda menggunakan salah satu dari tiga metode di bawah ini.

Metode 1 (Direkomendasikan untuk Pemula): Pengaturan Header Tema Anda

Banyak tema populer, seperti Astra atau GeneratePress, menyertakan kolom pengaturan — sering di bawah "Advanced" atau "Custom Scripts" — di mana Anda dapat menyisipkan kode langsung ke bagian <head>.

Di admin WordPress, buka customizer atau panel pengaturan tema aktif Anda
Cari kolom berlabel seperti "Header Scripts," "Custom Code," atau "Advanced"
Tempelkan tag di atas ke kolom tersebut dan simpan

Karena Anda tidak perlu menyentuh file tema apa pun, ini adalah opsi paling aman jika Anda melakukan ini untuk pertama kalinya.

Metode 2: Plugin Penyisipan Kode

Jika tema Anda tidak memiliki kolom header, Anda dapat menggunakan plugin seperti WPCode (sebelumnya bernama Insert Headers and Footers).

Dari layar Plugins, cari dan instal plugin penyisipan kode seperti WPCode, lalu aktifkan
Buka pengaturan plugin dan temukan kolom "Header"
Tempelkan tag di atas dan simpan

Keuntungan pendekatan ini adalah tag tetap bertahan meski Anda mengganti tema. Ini cocok jika Anda berencana mendesain ulang situs Anda di kemudian hari.

Metode 3 (Lanjutan): Edit header.php di Child Theme

Jika Anda terbiasa mengedit kode secara langsung, Anda dapat menambahkan tag langsung ke file tema Anda.

Siapkan child theme untuk tema aktif Anda terlebih dahulu (mengedit tema induk secara langsung berarti perubahan Anda akan terhapus saat tema diperbarui berikutnya — child theme wajib digunakan)
Buka header.php di child theme dan tempelkan tag tepat sebelum wp_head(), atau tepat sebelum tag penutup </head>
Simpan file

Jika Anda mengedit tema induk secara langsung, pembaruan tema berikutnya akan menimpa perubahan Anda dan tag akan hilang. Jika Anda memilih metode ini, selalu lakukan pengeditan melalui child theme.

Cara Memastikan Ini Benar-Benar Berfungsi

Setelah Anda menambahkan tag, jelajahi beberapa halaman di situs Anda sendiri. Namun ini bagian pentingnya.

Halaman yang dimuat tanpa error bukan berarti pelacakan benar-benar berfungsi. Bahkan jika konsol browser Anda tidak menunjukkan masalah apa pun, site key yang salah ketik dapat berarti tidak ada data yang pernah sampai ke HeatMapX.

Satu-satunya cara memeriksa yang dapat diandalkan adalah membuka dasbor HeatMapX, menemukan situs Anda di daftar situs, dan memastikan jumlahnya benar-benar bertambah. Setelah mengunjungi beberapa halaman, jika jumlahnya bertambah, pemasangan Anda berhasil.

FAQ

T. Apakah ini akan memperlambat situs saya? J. Tag ini dimuat secara asinkron dan ringan, sehingga dampaknya terhadap kecepatan pemuatan halaman minimal.

T. Saya menggunakan plugin caching — ada yang perlu diperhatikan? J. Jika Anda menggunakan plugin caching seperti WP Super Cache atau W3 Total Cache, pastikan untuk membersihkan (purge) cache setelah menambahkan tag. Jika versi cache lama terus disajikan, tag yang baru ditambahkan tidak akan berlaku.

T. Saya sudah menambahkan tag, tetapi jumlah di dasbor tidak bertambah J. Penyebab paling umum adalah site key yang tidak cocok — menempelkan key dari situs yang berbeda, atau ada karakter yang terlewat saat Anda menyalinnya. Periksa kembali key tersebut dengan yang ada di dasbor HeatMapX Anda.

Penutup

Menambahkan heatmap ke WordPress pada dasarnya hanya menempelkan satu baris kode. HeatMapX gratis untuk memulai, jadi cobalah dan lihat bagaimana pengunjung sebenarnya mengalami situs Anda.