Cara Menambahkan Custom Header/Footer Script di WordPress (LarisTurbo)

Panduan lengkap Custom Header/Footer Script: menyisipkan CSS/JS global di wp_head dan wp_footer, script per halaman lewat metabox, tanpa edit tema.

Custom Header/Footer Script memungkinkan Anda menyisipkan kode HTML, CSS (<style>), atau JavaScript (<script>) di header atau footer situs—tanpa mengedit file tema. Berguna untuk pixel verifikasi, font custom, chat widget, atau tracking ringan yang belum punya integrasi khusus di LarisTurbo.

Script global berlaku untuk semua halaman. Anda juga bisa menambahkan script hanya untuk halaman tertentu lewat metabox saat mengedit post, page, atau product.

Peringatan keamanan: Field script tidak difilter ketat (unfiltered). Hanya admin tepercaya yang boleh mengisi kode. Salah paste script berbahaya bisa membahayakan seluruh situs.

Tutorial ini menjelaskan aktivasi, field global, metabox per halaman, dan praktik aman. Label field mengikuti teks asli di plugin.

Yang dilakukan fitur ini

Custom Header Script (global) → dicetak di hook wp_head (di dalam <head>)
Custom Footer Script (global) → dicetak di hook wp_footer (sebelum </body>)
Script per halaman → ditambahkan setelah script global, hanya di halaman yang dikonfigurasi
Mendukung post, page, product WooCommerce, dan download

Output melewati force_balance_tags() WordPress untuk menutup tag HTML yang tidak lengkap.

Prasyarat

Plugin LarisTurbo For WooCommerce by TokoPressID terpasang dan lisensi aktif
Akses Administrator untuk mengedit script (jangan berikan ke editor/author)
Kode yang akan dipasang sudah Anda pahami asal-usulnya

Cara membuka pengaturan

Login ke WordPress Admin.
Buka LarisTurbo → For Integrations.
Buka Custom Header/Footer Script, lalu klik Settings.

Opsi yang tersedia (Settings)

Label di plugin	Jenis	Fungsi
Enable Custom Header/Footer Script	Checkbox	Menyalakan fitur script global dan metabox per halaman

Custom Header Script

Label di plugin	Jenis	Fungsi
Custom Header Script	Textarea (unfiltered)	Kode untuk semua halaman di lokasi `wp_head`

Deskripsi: This custom script will be applied on the wp_head location.

Placeholder contoh:

<style> /* some style for all pages */ </style>
<script> /* some script for all pages */ </script>

Label di plugin	Jenis	Fungsi
Custom Footer Script	Textarea (unfiltered)	Kode untuk semua halaman di lokasi `wp_footer`

Deskripsi: This custom script will be applied on the wp_footer location.

Placeholder contoh:

<script> /* some script for all pages */ </script>

Field header/footer global hanya muncul setelah Enable Custom Header/Footer Script dicentang.

Metabox Custom Header/Footer Script (per halaman)

Saat mengedit post, page, product, atau download:

Label di plugin	Jenis	Fungsi
Add custom header/footer script for this {post_type}	Checkbox	Mengaktifkan script khusus halaman ini
Custom Header Script	Textarea	Script tambahan di `wp_head` untuk halaman ini saja
Custom Footer Script	Textarea	Script tambahan di `wp_footer` untuk halaman ini saja

Deskripsi per field: This custom script will be applied on wp_head location. / … wp_footer location.

Field header/footer halaman hanya muncul setelah checkbox dicentang.

Urutan output di frontend:

Script global dari Settings
Script per halaman dari metabox (jika aktif)

Langkah-langkah setup

1. Script untuk seluruh situs

Centang Enable Custom Header/Footer Script.
Tempel kode verifikasi atau tracking ke Custom Header Script dan/atau Custom Footer Script.
- Verifikasi domain (meta tag) → biasanya Header
- Chat widget, analytics ringan → sering Footer
Simpan pengaturan.
Buka halaman depan → View Page Source → pastikan kode muncul di <head> atau sebelum </body>.

2. Script hanya untuk satu halaman

Edit halaman target (misalnya landing page kampanye).
Di metabox Custom Header/Footer Script, centang Add custom header/footer script for this page.
Tempel kode di Custom Header Script atau Custom Footer Script sesuai kebutuhan.
Update/publish.
Buka halaman tersebut di frontend dan verifikasi — halaman lain tidak boleh memuat script ini.

3. Contoh use case

Kebutuhan	Lokasi	Scope
Google Search Console verification meta	Header global	Semua halaman
Font `@import` custom	Header global	Semua halaman
Pixel retargeting pihak ketiga	Footer global	Semua halaman
Script A/B test satu landing page	Header/footer halaman	Satu page saja
CSS override khusus halaman promo	Header halaman	Satu page saja

Praktik aman

Jangan paste kode dari sumber tidak dikenal
Untuk tracking resmi (Meta, Google, dll.), utamakan integrasi LarisTurbo di For Integrations — lebih terstruktur dan teruji
Backup situs sebelum menambahkan script kompleks
Jika situs tiba-tiba lambat atau rusak setelah save, kosongkan field script dari database atau nonaktifkan fitur via Enable Custom Header/Footer Script

Troubleshooting

Script tidak muncul di frontend

Pastikan Enable Custom Header/Footer Script dicentang dan disimpan
Untuk script per halaman, pastikan checkbox Add custom header/footer script aktif
Plugin cache (WP Rocket, LiteSpeed, dll.) bisa menyajikan HTML lama — bersihkan cache
Cek apakah tema memanggil wp_head() dan wp_footer() dengan benar

Script muncul di halaman yang salah

Script global memang berlaku sitewide — pindahkan ke metabox per halaman jika hanya untuk satu URL
Script per halaman hanya fire di singular post/page/product/download yang dikonfigurasi

JavaScript error di konsol

Validasi sintaks kode Anda
Beberapa script harus di footer, bukan header — pindahkan ke Custom Footer Script
Konflik dengan script tema/plugin lain — uji dengan menonaktifkan sementara

Meta Pixel / GA4 / GTM — pakai fitur ini?

Tidak disarankan jika integrasi LarisTurbo tersedia untuk channel tersebut — gunakan Meta Pixel & CAPI, GTM, atau GA4 Integration agar tidak dobel dan lebih mudah dirawat

Ringkasan

Alur umum: Enable Custom Header/Footer Script → tempel kode global di Header/Footer → simpan → verifikasi view source. Untuk satu halaman saja, gunakan metabox Add custom header/footer script. Hati-hati dengan kode tidak terpercaya — field ini punya akses penuh ke output HTML situs.