--- title: Kod dan widget: CSS dan skrip tersuai description: Cara menambah CSS tersuai, kod pada kepala dan badan (kaunter, sembang, piksel), sekatan dan keselamatan. section: account keywords: CSS tersuai, kod kepala, kod badan, kaunter, Google Analytics, piksel, widget sembang updated: 2026-09-16 --- Bahagian "Kod dan Widget" dalam Tetapan membolehkan anda memasukkan kod anda sendiri ke dalam laman web anda: kaunter, piksel pengiklanan, widget sembang, sepanduk kuki, serta CSS anda sendiri untuk memperhalusi penampilan. ![Blok Kod dan Widget](/wiki/img/settings-code.webp "Kod di kepala dan di hujung badan") ## Kod di kepala dan badan - **Kod kepala** — dimasukkan ke dalam `` setiap halaman laman web. Untuk Google Analytics, Meta Pixel dan tag meta pengesahan. - **Kod di hujung badan** dimasukkan sebelum ``. Untuk widget sembang, sepanduk kuki dan skrip yang memerlukan halaman yang dimuatkan. Tampalkan keseluruhan kod seperti yang disediakan oleh perkhidmatan dan klik "Simpan". Hadnya ialah 20,000 aksara setiap medan. Kod ini hanya berfungsi di laman web awam, bukan dalam akaun anda. Contoh: - Google Analytics 4 - serpihan `gtag.js` dalam kepala. - Meta Piksel ialah serpihan piksel di bahagian kepala. - Widget sembang (Tawk, Crisp, JivoChat) - skrip dalam isi. - Mengesahkan hak Google/Bing/Yandex adalah lebih mudah melalui blok SEO → “Pengesahan hak”. ## CSS Tersuai CSS tersuai ditambah melalui pembantu AI atau sembang AI yang disambungkan: "Tambah CSS: jadikan butang bulat sepenuhnya." Pembantu menyemak kod dan menggunakannya pada tapak. Untuk penyesuaian yang tepat, gunakan atribut elemen tapak, seperti `[data-asd="card"]` untuk kad, `[data-asd="header"]` untuk pengepala dan `[data-asd="block-hero"]` untuk blok wira. Pembantu akan mencadangkan senarai. CSS anda disimpan secara berasingan daripada gaya CSS daripada katalog: apabila anda menukar gaya, suntingan anda akan dikekalkan. ## Had dan keselamatan - Dalam CSS anda, tag dan ungkapan `