---
title: Mga code ug widget: gipahaom nga CSS ug mga script
description: Unsaon pagdugang og custom CSS, code sa head ug body (counters, chats, pixels), mga restriksyon ug seguridad.
section: account
keywords: Gipahaom nga CSS, head code, body code, counter, Google Analytics, pixel, chat widget
updated: 2026-09-16
---

Ang seksyon nga "Mga Code ug Widget" sa Settings nagtugot kanimo sa pagsal-ot sa imong kaugalingong code sa imong website: mga counter, advertising pixel, chat widget, cookie banner, ingon man ang imong kaugalingong CSS para sa pag-fine-tune sa hitsura.

![Bloke sa mga Kodigo ug Widget](/wiki/img/settings-code.webp "Kodigo sa ulo ug sa tumoy sa lawas")

## Kodigo sa ulo ug lawas

- **Head code** — gisulod `<head>` sa matag panid sa website. Para sa Google Analytics, Meta Pixel, ug mga meta tag sa pag-verify.
- **Ang code sa katapusan sa lawas sa code** gisal-ot sa dili pa ang `</body>`. Para sa mga chat widget, cookie banner, ug mga script nga nanginahanglan og na-load nga panid.

Idikit ang tibuok code nga gihatag sa serbisyo ug i-klik ang "Save." Ang limitasyon sa karakter kay 20,000 ka karakter kada field. Ang code mogana lang sa pampublikong website, dili sa imong account.

Mga pananglitan:

- Google Analytics 4 - tipik sa `gtag.js` sa ulohan.
- Ang Meta Pixel usa ka tipik sa usa ka pixel sa ulo.
- Chat widget (Tawk, Crisp, JivoChat) - script sa lawas.
- Mas sayon ang pag-verify sa mga katungod sa Google/Bing/Yandex pinaagi sa SEO block → “Pag-verify sa mga katungod”.

## Gipahaom nga CSS

Ang custom CSS gidugang pinaagi sa AI assistant o sa konektado nga AI chat: "Idugang ang CSS: himoa nga hingpit nga lingin ang mga buton." Gisusi sa assistant ang code ug gi-apply kini sa site. Para sa tukmang pag-customize, gamita ang mga attribute sa site element, sama sa `[data-asd="card"]` para sa card, `[data-asd="header"]` para sa header, ug `[data-asd="block-hero"]` para sa hero block. Ang assistant mosugyot og lista.

Ang imong CSS gitipigan nga gilain gikan sa estilo sa CSS gikan sa katalogo: kung imong usbon ang estilo, ang imong mga pag-edit mapreserbar.

## Mga Limitasyon ug Kaluwasan

- Sa imong CSS, gidili ang mga tag ug ekspresyon nga `<style>`, `<script>`, `@import` - kini tangtangon atol sa pag-validate.
- Ang mga script sa head ug body gipatuman sa browser sa bisita. Isulod lang ang code gikan sa mga serbisyo nga imong gisaligan.
- Kon ang site "maguba" human sa pag-paste, hawani ang field ug i-save - ang site mobalik sa normal nga hitsura niini.

## Mga Pangutana ug Tubag

### Dili maihap ang counter

Siguruha nga ang code na-paste sa header, na-save, ug ang site bukas sa usa ka public address (dili sa imong account). Ang mga ad blocker mahimong makabalda sa beripikasyon.

### Posible ba nga magsal-ot og mapa o porma?

Oo, isip usa ka "Custom HTML" block sa panid pinaagi sa AI assistant. Tan-awa ang [Home ug Menu](/wiki/ceb/home-and-menu).

