--- title: Codau a widgets: CSS a sgriptiau personol description: Sut i ychwanegu CSS personol, cod i'r pen a'r corff (cownteri, sgyrsiau, picseli), cyfyngiadau a diogelwch. section: account keywords: CSS personol, cod pennawd, cod corff, cownter, Google Analytics, picsel, teclyn sgwrsio updated: 2026-09-16 --- Mae'r adran "Codau a Widgets" yn y Gosodiadau yn caniatáu ichi fewnosod eich cod eich hun i'ch gwefan: cownteri, picseli hysbysebu, widgets sgwrsio, baneri cwcis, yn ogystal â'ch CSS eich hun ar gyfer mireinio'r ymddangosiad. ![Bloc Codau a Widgets](/wiki/img/settings-code.webp "Cod yn y pen ac ar ddiwedd y corff") ## Cod yn y pen a'r corff - **Cod pennawd** — wedi'i fewnosod yn `` pob tudalen wefan. Ar gyfer Google Analytics, Meta Pixel, a thagiau meta gwirio. - Mewnosodir **y cod ar ddiwedd y corff** cyn ``. Ar gyfer teclynnau sgwrsio, baneri cwcis, a sgriptiau sydd angen tudalen wedi'i llwytho. Gludwch y cod cyfan fel y'i darperir gan y gwasanaeth a chliciwch ar "Cadw." Y terfyn yw 20,000 o nodau fesul maes. Dim ond ar y wefan gyhoeddus y mae'r cod yn gweithio, nid yn eich cyfrif. Enghreifftiau: - Google Analytics 4 - darn `gtag.js` yn y pennawd. - Darn o bicsel yn y pen yw Meta Pixel. - Teclyn sgwrsio (Tawk, Crisp, JivoChat) - sgript yn y corff. - Mae gwirio hawliau Google/Bing/Yandex yn fwy cyfleus drwy'r bloc SEO → “Gwirio hawliau”. ## CSS personol Ychwanegir CSS personol drwy'r cynorthwyydd AI neu'r sgwrs AI gysylltiedig: "Ychwanegu CSS: gwneud botymau'n hollol grwn." Mae'r cynorthwyydd yn gwirio'r cod ac yn ei gymhwyso i'r wefan. Ar gyfer addasu manwl gywir, defnyddiwch briodoleddau elfen y wefan, fel `[data-asd="card"]` ar gyfer y cerdyn, `[data-asd="header"]` ar gyfer y pennawd, a `[data-asd="block-hero"]` ar gyfer y bloc arwr. Bydd y cynorthwyydd yn awgrymu rhestr. Mae eich CSS wedi'i storio ar wahân i'r arddull CSS o'r catalog: pan fyddwch chi'n newid yr arddull, mae eich golygiadau'n cael eu cadw. ## Cyfyngiadau a diogelwch - Yn eich CSS, mae'r tagiau a'r mynegiadau `