--- title: Kode dan widget: CSS dan skrip kustom description: Cara menambahkan CSS kustom, kode ke bagian head dan body (penghitung, obrolan, piksel), pembatasan, dan keamanan. section: account keywords: CSS kustom, kode head, kode body, penghitung, Google Analytics, piksel, widget obrolan updated: 2026-09-16 --- Bagian "Kode dan Widget" di Pengaturan memungkinkan Anda untuk menyisipkan kode Anda sendiri ke situs web Anda: penghitung, piksel iklan, widget obrolan, spanduk cookie, serta CSS Anda sendiri untuk menyempurnakan tampilan. ![Blok Kode dan Widget](/wiki/img/settings-code.webp "Kode di bagian kepala dan di bagian akhir badan.") ## Kode di bagian kepala dan badan - **Kode header** — disisipkan ke dalam `` setiap halaman situs web. Untuk Google Analytics, Meta Pixel, dan tag meta verifikasi. - **Kode di akhir body** disisipkan sebelum ``. Untuk widget obrolan, banner cookie, dan skrip yang memerlukan halaman yang dimuat. Salin seluruh kode yang diberikan oleh layanan tersebut dan klik "Simpan". Batas karakter adalah 20.000 karakter per kolom. Kode ini hanya berfungsi di situs web publik, bukan di akun Anda. Contoh: - Google Analytics 4 - fragmen `gtag.js` di bagian head. - Meta Pixel adalah fragmen dari sebuah piksel di bagian kepala. - Widget obrolan (Tawk, Crisp, JivoChat) - skrip di dalam isi pesan. - Verifikasi hak akses Google/Bing/Yandex lebih mudah dilakukan melalui blok SEO → “Verifikasi hak akses”. ## CSS Kustom CSS kustom ditambahkan melalui asisten AI atau obrolan AI yang terhubung: "Tambahkan CSS: buat tombol menjadi bulat sempurna." Asisten memeriksa kode dan menerapkannya ke situs. Untuk kustomisasi yang tepat, gunakan atribut elemen situs, seperti `[data-asd="card"]` untuk kartu, `[data-asd="header"]` untuk header, dan `[data-asd="block-hero"]` untuk blok hero. Asisten akan menyarankan daftar. CSS Anda disimpan secara terpisah dari gaya CSS dari katalog: saat Anda mengubah gaya, perubahan Anda akan tetap tersimpan. ## Keterbatasan dan keamanan - Dalam CSS Anda, tag dan ekspresi `