Webador ✖ Free ✖ Lite ✔ Pro ✔ Business
In den meisten Fällen musst du dich bei Webador überhaupt nicht um Programmiercode kümmern. Wir fügen automatisch alle wichtigen Hintergrundinformationen, SEO-Tags (wie einen 'description'- und einen 'title'-Tag) für deine Website hinzu. Dies brauchst du also nicht selbst zu tun.
Es gibt jedoch fortgeschrittene Anwendungen, bei denen es nützlich oder notwendig ist, einen kleinen externen Codeschnipsel im Hintergrund der Website zu hinterlegen. Typische Beispiele, wofür du diese Funktion gebrauchen könntest, sind:
- Verifizierungscodes: Um gegenüber Plattformen wie der Google Search Console oder Pinterest zu bestätigen, dass du der rechtmäßige Inhaber der Domain bist.
- Tracking-Codes & Pixel: Für detaillierte Webanalysen oder Werbekampagnen (z. B. Google Analytics, Facebook-Pixel oder Hotjar).
- Externe Widgets: Wie beispielsweise externe Live-Chats, Pop-ups oder spezielle Cookie-Banner von Drittanbietern.
Wichtig zu wissen: Du musst diese Funktion nicht nutzen, um eine voll funktionsfähige, professionelle und erfolgreiche Website zu betreiben. Sie ist rein optional für spezifische externe Dienste gedacht.
⚠ Bitte beachte: Die Funktionalität und Kompatibilität von eigenem HTML-Code können wir nicht garantieren und können hierfür leider auch keinen Support anbieten.
Schritt 1
Klicke im Editor in der oberen Menüleiste auf den Punkt Einstellungen.
Schritt 2
Wähle in der linken Menüleiste die erweiterten Einstellungen. Hier findest du das Element Benutzerdefinierter HTML-Code.
Schritt 3
Im sich öffnenden Fenster für die Benutzerdefinierten HTML-Code-Einstellungen kannst du deinen Code nun präzise konfigurieren:
- Aktiviert-Schalter: Hiermit kannst du den eingefügten Code jederzeit schnell ein- oder ausschalten, ohne den Code selbst löschen zu müssen.
- Titel: Gib dem Code einen eindeutigen Namen (z. B. "Google Analytics"), damit du auch später noch genau weißt, welcher Anbieter sich dahinter verbirgt.
-
Stelle im Code (Platzierung): Wähle aus, an welcher technischen Position der Code platziert werden soll:
- <head>: Ideal für Inhaber-Verifizierungen, Meta-Tags, globale CSS-Styles oder externe Schriftarten.
- <body> - Start: Für Tracking-Pixel, die sofort beim allerersten Laden der Seite anspringen sollen.
- <body> - Ende: Optimal für Chat-Widgets oder Skripte, da diese Position verhindert, dass die Ladegeschwindigkeit deiner sichtbaren Website gebremst wird.
- HTML: Füge hier per Copy-Paste den eigentlichen Code-Schnipsel ein, den du von deinem Drittanbieter erhalten hast.
Schritt 4
Vergiss nicht, deine Änderungen über den Button zu Speichern.
✔ Tipp: Möchtest du deinen eigenen HTML-Code nicht global im Hintergrund der gesamten Website einbinden, sondern als sichtbares Element an einer ganz bestimmten Stelle auf einer einzelnen Unterseite (z. B. ein Buchungsformular oder ein eingebettetes Video)? Verwende dafür stattdessen das Element Einbettungscode (HTML) direkt im Editor.