--- title: Kódok és widgetek: egyedi CSS és szkriptek description: Hogyan adjunk hozzá egyéni CSS-t, kódot a fejléchez és a törzshöz (számlálók, chatek, pixelek), korlátozásokat és biztonságot. section: account keywords: Egyedi CSS, head kód, body kód, számláló, Google Analytics, pixel, chat widget updated: 2026-09-16 --- A Beállítások „Kódok és widgetek” részében saját kódot illeszthetsz be a weboldaladba: számlálókat, hirdetési pixeleket, chat widgeteket, süti bannereket, valamint saját CSS-t a megjelenés finomhangolásához. ![Kódok és widgetek blokk](/wiki/img/settings-code.webp "Kód a fejben és a törzs végén") ## Kód a fejben és a testben - **Head kód** – minden weboldal `` részébe illesztve. Google Analytics, Meta Pixel és ellenőrző metacímkékhez. - **A törzs végén lévő kód** `` elé kerül beszúrásra. Csevegőwidgetek, süti bannerek és betöltött oldalt igénylő szkriptek esetén. Illeszd be a szolgáltatás által megadott teljes kódot, majd kattints a „Mentés” gombra. A mezőnkénti maximális karakterszám 20 000 karakter. A kód csak a nyilvános weboldalon működik, a fiókodban nem. Példák: - Google Analytics 4 – `gtag.js` kódrészlet a fejlécben. - A Meta Pixel egy pixel töredéke a fejben. - Csevegő widget (Tawk, Crisp, JivoChat) - szkript a törzsben. - A Google/Bing/Yandex jogok ellenőrzése kényelmesebb a SEO blokkon keresztül → „Jogok ellenőrzése”. ## Egyéni CSS Az egyéni CSS-t a mesterséges intelligencia asszisztensen vagy a csatlakoztatott mesterséges intelligencia csevegésen keresztül lehet hozzáadni: „CSS hozzáadása: gombok teljesen kerek formázása.” Az asszisztens ellenőrzi a kódot, és alkalmazza azt a webhelyen. A pontos testreszabáshoz használjon webhelyelem-attribútumokat, például `[data-asd="card"]` a kártyához, `[data-asd="header"]` a fejléchez és `[data-asd="block-hero"]` a fő blokkhoz. Az asszisztens javasolni fog egy listát. A CSS-ed a katalógusban található CSS-stílustól elkülönítve tárolódik: a stílus módosításakor a szerkesztések megmaradnak. ## Korlátozások és biztonság - A CSS-ben a `