Advan – Menambahkan script di header situs web kamu bisa menjadi langkah penting untuk meningkatkan fungsionalitas dan performa situs. Script seperti Google Analytics, Facebook Pixel, atau script kustom lainnya sering kali perlu ditambahkan ke header situs. Dengan Elementor, kamu bisa menambahkan script ini dengan mudah dan cepat, tanpa perlu menulis kode secara manual di file tema.
Elementor adalah salah satu page builder paling populer untuk WordPress yang memberikan kemudahan dalam menyesuaikan berbagai elemen situs web kamu. Salah satu fitur hebatnya adalah kemampuan untuk menambahkan script langsung di header. Ini sangat berguna untuk berbagai tujuan, seperti melacak aktivitas pengunjung atau menambahkan fitur interaktif.
Berikut ini adalah cara untuk menambahkan script di header menggunakan Elementor:
1. Buka Dashboard WordPress
Langkah pertama adalah masuk ke dashboard WordPress kamu. Di sini, kamu akan mengelola semua pengaturan untuk situs web kamu.
2. Akses Theme Editor
Di dashboard WordPress, pergi ke “Appearance” > “Theme Editor”. Di sini, kamu akan melihat file tema yang digunakan oleh situs web kamu.
3. Pilih Header File
Di dalam Theme Editor, cari file header.php. Ini adalah file yang biasanya digunakan untuk menyertakan script di bagian header situs web.
4. Tambahkan Script di Header
Di dalam file header.php, tambahkan script yang ingin kamu gunakan. Letakkan script tersebut sebelum tag penutup </head>.
5. Menggunakan Plugin untuk Menambahkan Script
Jika kamu tidak nyaman mengedit file tema, kamu bisa menggunakan plugin seperti “Insert Headers and Footers” yang memungkinkan kamu menambahkan script ke header dengan mudah. Instal dan aktifkan plugin tersebut dari menu “Plugins”.
Baca Juga: Cara Menambahkan Call to Action di Header Elementor
6. Akses Plugin Settings
Setelah plugin diaktifkan, pergi ke “Settings” > “Insert Headers and Footers”. Di sini, kamu akan menemukan kotak untuk menambahkan script ke header.
7. Tambahkan Script ke Plugin
Tempelkan script yang ingin kamu tambahkan ke dalam kotak “Scripts in Header”. Klik “Save” untuk menyimpan perubahan.
8. Pratinjau dan Publikasikan
Sebelum mempublikasikan, pratinjau situs web kamu untuk memastikan script berfungsi dengan baik. Pastikan tidak ada error yang muncul akibat penambahan script.
9. Uji Script
Pastikan script yang kamu tambahkan berfungsi sesuai yang diharapkan. Cek apakah Google Analytics melacak pengunjung atau Facebook Pixel mengumpulkan data dengan benar.
10. Backup dan Dokumentasi
Simpan salinan script dan dokumentasikan perubahan yang kamu lakukan. Ini berguna jika kamu perlu mengembalikan pengaturan sebelumnya atau menambahkan script di masa mendatang.
Baca Juga: Kamu Wajib Tahu! Cara Menambahkan Custom CSS di Header Elementor
Menambahkan script di header menggunakan Elementor dan plugin tambahan adalah cara yang efektif untuk meningkatkan fungsionalitas situs web kamu. Dengan mengikuti langkah-langkah di atas, kamu bisa menambahkan berbagai script dengan mudah dan memastikan semuanya berfungsi dengan baik.
Untuk mendukung produktivitas kamu dalam mengelola situs web dan menambahkan script dengan mudah, Advan 360 stylus 2in1 adalah pilihan yang ideal. Laptop ini dilengkapi dengan prosesor Intel Core i3 dan RAM 8GB, memastikan performa optimal untuk berbagai tugas pengembangan web. Layar FHD 14 inci yang jernih memastikan tampilan yang akurat, dan desainnya yang ringan serta portabel memungkinkan kamu bekerja di mana saja dengan mudah. Pilih Advan 360 untuk meningkatkan efisiensi dan produktivitas kerja.***
Editor: Mahfida Ustadhatul Umma