Sitebuilder kümmert sich automatisch um viele Aspekte der Website-Entwicklung, einschließlich der Generierung des notwendigen HTML-, CSS- und JavaScript-Codes. Durch die Verwendung von benutzerdefinierten Code-Abschnitten kannst du jedoch zusätzliche Funktionen, Tracking-Tools, Dienste von Drittanbietern oder Anpassungen integrieren, die nicht direkt von den Standardfunktionen des Sitebuilders unterstützt werden.
Die Möglichkeit, benutzerdefinierten Code in bestimmten Abschnitten einer Website hinzuzufügen, wie zum Beispiel innerhalb des <head>-Tags, nach dem <body>-Tag oder vor dem </body>-Tag, gibt dir mehr Flexibilität und Kontrolle über die Funktionalität und das Erscheinungsbild deiner Website.
Die meisten Tools von Drittanbietern geben an, zu welchem Tag ihr Code hinzugefügt werden soll. Wenn dies nicht spezifiziert ist, solltest du es zuerst mit dem <head>-Tag versuchen.
Mit Sitebuilder hast du vier Orte, an denen du benutzerdefinierten Code zu deiner Website hinzufügen kannst:
- In den Website-Einstellungen für die gesamte Website
- In den Seiteneinstellungen für eine einzelne Seite
- In einem benutzerdefinierten Block unter Verwendung des HTML-Widgets
- Über das HTML Embed-Blocks.
Hinzufügen von benutzerdefiniertem Code für die gesamte Website
Benutzerdefinierter Code für die gesamte Website bezieht sich auf benutzerdefinierten HTML-, CSS- oder JavaScript-Code, der auf deine gesamte Website angewendet wird, anstatt auf bestimmte Seiten oder Abschnitte. Dies ermöglicht es dir, Funktionalitäten oder Designelemente auf allen Seiten deiner Website hinzuzufügen.
Um benutzerdefinierten Code für die gesamte Website hinzuzufügen, befolge diese Schritte:
-
Wenn du im Sitebuilder bist, klicke auf die Hauptmenü-Schaltfläche oben links und dann auf Einstellungen in der Seitenleiste.
-
In den Website-Einstellungen findest du im Menü den Benutzerdefinierten Code-Tab.
- Kopiere den HTML-Code und füge ihn ein (oder schreibe ihn direkt in das Feld):
- Innerhalb des <head>-Tags: In diesem Feld hinzugefügter Code wird in den <head>-Tag auf jeder Seite deiner Website eingefügt.
- Nach dem <body>-Tag: In diesem Feld hinzugefügter Code wird nach dem Öffnen des <body>-Tags auf jeder Seite deiner Website eingefügt
- Vor dem </body>-Tag: In diesem Feld hinzugefügter Code wird vor dem Schließen des </body>-Tags auf jeder Seite deiner Website eingefügt.
- Klicke auf Übernehmen, um die Änderungen zu speichern.
Die Ergebnisse sind in diesem Stadium nicht sichtbar. Du musst Veröffentlichen, damit dein Code ausgeführt wird. Wenn du überprüfen möchtest, wie der Code funktioniert, bevor du veröffentlichst, verwende die Vorschau-Schaltfläche auf der Topbar.
Hinzufügen von benutzerdefiniertem Code pro Seite
- In der Topbar klicke auf Seiten, um den Seitenmanager zu öffnen.
- Im Seitenmanager wähle die Seite aus, zu der du benutzerdefinierten Code hinzufügen möchtest, und klicke auf das Einstellungen-Symbol.
-
Im Seiteneinstellungen-Menü klicke auf den Benutzerdefinierten Code-Tab und füge den für diese Seite gültigen HTML-Code in das entsprechende Feld ein.
- Klicke auf Übernehmen und Veröffentlichen. Dein benutzerdefinierter Code wird deiner Seite hinzugefügt.
Hinweis: Wenn du Inhalte an einer bestimmten Stelle auf deiner Website-Seite mit benutzerdefiniertem Code hinzufügen möchtest, kannst du einen Html-Embed-Block oder ein HTML-Widget im Benutzerdefinierten Block verwenden.