1001siteTietokanta
Tyyliluettelo Avaa tili

Koodit ja widgetit: mukautettu CSS ja skriptit

Päivitetty: 16. syyskuuta 2026

Asetusten "Koodit ja widgetit" -osiossa voit lisätä verkkosivustollesi omaa koodia: laskureita, mainospikseleitä, chat-widgetejä, evästebannereita sekä oman CSS:n ulkoasun hienosäätöä varten.

Koodit ja widgetit -lohko
Koodi päässä ja rungon lopussa

Koodi päässä ja kehossa#

  • Otsikkokoodi – lisätään jokaisen verkkosivustosivun <head> -osaan. Google Analyticsia, metapikseliä ja vahvistusmetatageja varten.
  • Rungon lopussa oleva koodi lisätään ennen </body>. Keskusteluwidgeteille, evästebannereille ja skripteille, jotka vaativat ladatun sivun.

Liitä koko palvelun tarjoama koodi ja napsauta "Tallenna". Merkkien enimmäismäärä on 20 000 merkkiä kenttää kohden. Koodi toimii vain julkisella verkkosivustolla, ei tililläsi.

Esimerkkejä:

  • Google Analytics 4 - gtag.js -fragmentti otsikossa.
  • Metapikseli on päässä olevan pikselin fragmentti.
  • Chat-widget (Tawk, Crisp, JivoChat) - skripti rungossa.
  • Googlen/Bingin/Yandexin oikeuksien varmistaminen on kätevämpää SEO-lohkon →”Oikeuksien varmentaminen” kautta.

Mukautettu CSS#

Mukautettu CSS lisätään tekoälyavustajalla tai yhdistetyssä tekoälychatissa: "Lisää CSS: tee painikkeista täysin pyöreitä." Avustaja tarkistaa koodin ja lisää sen sivustolle. Tarkkoja mukautuksia varten käytä sivuston elementtien attribuutteja, kuten [data-asd="card"] kortille, [data-asd="header"] otsikolle ja [data-asd="block-hero"] sankariblokille. Avustaja ehdottaa luetteloa.

CSS-tyylisi tallennetaan erillään luettelon CSS-tyylistä: kun muutat tyyliä, muokkauksesi säilyvät.

Rajoitukset ja turvallisuus#

  • CSS:ssäsi <style>, <script> ja @import -tagit ja -lausekkeet ovat kiellettyjä – ne poistetaan validoinnin aikana.
  • Otsikon ja rungon skriptit suoritetaan vierailijan selaimessa. Lisää koodia vain luotettavista palveluista.
  • Jos sivusto "rikkoutuu" liittämisen jälkeen, tyhjennä kenttä ja tallenna - sivusto palaa normaaliin ulkoasuunsa.

Kysymyksiä ja vastauksia#

Laskuri ei laske#

Varmista, että koodi on liitetty otsikkoon, tallennettu ja sivusto on auki julkisessa osoitteessa (ei tililläsi). Mainostenesto-ohjelmat voivat häiritä vahvistusta.

Onko mahdollista lisätä kartta tai lomake?#

Kyllä, "Mukautettu HTML" -lohkona sivulla tekoälyavustajaa käyttäen. Katso Etusivu ja Valikko.