--- title: Mga code at widget: pasadyang CSS at mga script description: Paano magdagdag ng custom na CSS, code sa head at body (mga counter, chat, pixel), mga paghihigpit at seguridad. section: account keywords: Pasadyang CSS, head code, body code, counter, Google Analytics, pixel, chat widget updated: 2026-09-16 --- Ang seksyong "Mga Code at Widget" sa Mga Setting ay nagbibigay-daan sa iyong maglagay ng sarili mong code sa iyong website: mga counter, advertising pixel, chat widget, cookie banner, pati na rin ang sarili mong CSS para sa pag-aayos ng hitsura. ![Bloke ng mga Code at Widget](/wiki/img/settings-code.webp "Kodigo sa ulo at sa dulo ng katawan") ## Kodigo sa ulo at katawan - **Head code** — ipinasok sa `` ng bawat pahina ng website. Para sa Google Analytics, Meta Pixel, at mga meta tag para sa pag-verify. - **Ang code sa dulo ng katawan ng code** ay ipinasok bago ``. Para sa mga chat widget, cookie banner, at script na nangangailangan ng naka-load na pahina. I-paste ang buong code na ibinigay ng serbisyo at i-click ang "I-save." Ang limitasyon ay 20,000 character bawat field. Gumagana lamang ang code sa pampublikong website, hindi sa iyong account. Mga Halimbawa: - Google Analytics 4 - fragment ng `gtag.js` sa head. - Ang Meta Pixel ay isang piraso ng isang pixel sa ulo. - Widget ng chat (Tawk, Crisp, JivoChat) - script sa katawan. - Mas maginhawa ang pag-verify ng mga karapatan ng Google/Bing/Yandex sa pamamagitan ng SEO block → "Pag-verify ng mga karapatan". ## Pasadyang CSS Ang custom CSS ay idinaragdag sa pamamagitan ng AI assistant o ng konektadong AI chat: "Magdagdag ng CSS: gawing ganap na pabilog ang mga button." Sinusuri ng assistant ang code at inilalapat ito sa site. Para sa tumpak na pagpapasadya, gamitin ang mga katangian ng site element, tulad ng `[data-asd="card"]` para sa card, `[data-asd="header"]` para sa header, at `[data-asd="block-hero"]` para sa hero block. Magmumungkahi ang assistant ng isang listahan. Ang iyong CSS ay nakaimbak nang hiwalay mula sa estilo ng CSS mula sa katalogo: kapag binago mo ang estilo, ang iyong mga pag-edit ay napanatili. ## Mga Limitasyon at Kaligtasan - Sa iyong CSS, ipinagbabawal ang mga tag at expression na `