1001siteWissensdatenbank
Stilkatalog Konto eröffnen

Codes und Widgets: benutzerdefiniertes CSS und Skripte

Aktualisiert: 16. September 2026

Im Abschnitt „Codes und Widgets“in den Einstellungen können Sie Ihren eigenen Code in Ihre Website einfügen: Zähler, Werbepixel, Chat-Widgets, Cookie-Banner sowie Ihr eigenes CSS zur Feinabstimmung des Erscheinungsbilds.

Codes und Widgets Block
Code im Kopf und am Ende des Körpers

Code im Kopf und Körper#

  • Head-Code – wird in <head> Bereich jeder Webseite eingefügt. Für Google Analytics, Meta-Pixel und Verifizierungs-Meta-Tags.
  • Der Code am Ende des Bodys wird vor </body> eingefügt. Dies gilt für Chat-Widgets, Cookie-Banner und Skripte, die eine geladene Seite benötigen.

Fügen Sie den gesamten vom Dienst bereitgestellten Code ein und klicken Sie auf „Speichern“. Die maximale Zeichenanzahl pro Feld beträgt 20.000. Der Code funktioniert nur auf der öffentlichen Website, nicht in Ihrem Konto.

Beispiele:

  • Google Analytics 4 - gtag.js Fragment im Head-Bereich.
  • Meta Pixel ist ein Fragment eines Pixels im Kopf.
  • Chat-Widget (Tawk, Crisp, JivoChat) - Skript im Body.
  • Die Überprüfung der Google/Bing/Yandex-Rechte ist bequemer über den SEO-Block → „Überprüfung der Rechte“.

Benutzerdefiniertes CSS#

Benutzerdefiniertes CSS wird über den KI-Assistenten oder den zugehörigen KI-Chat hinzugefügt: „CSS hinzufügen: Schaltflächen komplett rund machen.“Der Assistent prüft den Code und wendet ihn auf der Website an. Für eine präzise Anpassung verwenden Sie Website-Elementattribute wie [data-asd="card"] für die Karte, [data-asd="header"] für den Header und [data-asd="block-hero"] für den Hero-Block. Der Assistent schlägt Ihnen eine Liste mit passenden Attributen vor.

Ihr CSS wird getrennt vom CSS-Stil aus dem Katalog gespeichert: Wenn Sie den Stil ändern, bleiben Ihre Änderungen erhalten.

Einschränkungen und Sicherheit#

  • In Ihrem CSS sind die Tags <style>, <script>, @import und Ausdrücke verboten - sie werden bei der Validierung entfernt.
  • Skripte im Head- und Body-Bereich werden im Browser des Besuchers ausgeführt. Fügen Sie nur Code von vertrauenswürdigen Diensten ein.
  • Falls die Website nach dem Einfügen nicht mehr korrekt angezeigt wird, leeren Sie das Feld und speichern Sie die Datei – die Website wird dann wieder normal aussehen.

Fragen und Antworten#

Der Zähler zählt nicht.#

Stellen Sie sicher, dass der Code in den Head-Bereich eingefügt und gespeichert ist und die Website unter einer öffentlichen Adresse (nicht über Ihr Konto) erreichbar ist. Werbeblocker können die Verifizierung beeinträchtigen.

Ist es möglich, eine Karte oder ein Formular einzufügen?#

Ja, als „Benutzerdefinierter HTML“-Block auf der Seite über den KI-Assistenten. Siehe Startseite und Menü.

Haben Sie die Antwort nicht gefunden? Schreiben Sie uns auf Telegram · WhatsAppAls Markdown öffnen