Benutzerdefinierter Code kann zu verschiedenen Teilen Ihrer Website hinzugefügt werden, um bestimmte Dinge zu erreichen. Wenn Sie den Code aus einer anderen Quelle beziehen, ist es wichtig zu verstehen, wo dieser Code platziert werden muss.
Wenn Ihr Code Ihnen sagt, dass Sie einen Teil in die Header einfügen sollen, suchen Sie in diesem Artikel nach der Anleitung zu „Header“, um zu sehen, wie Sie ihn in den Header einfügen.
Sobald Sie wissen, wo Ihr Code platziert werden muss, können Sie diesem Tutorial und den unten stehenden Referenzen folgen, um herauszufinden, wo und wie Sie Ihren Code auf Ihrer Website platzieren können.
Website-weit vs. einzelne Seite
Je nachdem, wo Sie Ihren Code einfügen, können Sie ihn entweder Website-weit (erscheint dann auf allen Seiten) oder nur auf einer einzelnen Seite einfügen. An den Stellen, an denen Sie in diesem Tutorial angewiesen werden, Code zu platzieren, können Sie erkennen, ob es sich um eine Website-weite Änderung oder nur um eine einzelne Seite handelt.
Platzieren von Code über das HTML-Widget
Das HTML- kann verwendet werden, um auf einfache Weise Code auf Ihrer Website zu platzieren. Wenn Sie einen Code haben, der nur auf der Website platziert werden muss, befolgen Sie einfach die folgenden Anweisungen.
- Öffnen Sie den Editor.
- Klicken Sie in der linken Seitenleiste auf Widgets.
- Suchen Sie nach HTML.
- Ziehen Sie das HTML- an eine beliebige Stelle auf Ihrer Website.
- Fügen Sie Ihren Code ein.
- Fertig.
HTML-Widget Website-weit vs. einzelne Seite
Je nachdem, wo Sie Ihr HTML- platzieren, wird es entweder auf allen Seiten Ihrer Website oder nur auf einer einzigen Seite angezeigt.
Wenn Sie das HTML- entweder im Header oder im Footer platzieren, wird es gleichzeitig auf allen Seiten der Website platziert. Das liegt daran, dass jede Website den Header und den Footer teilt.
Wenn Sie das HTML- an einer anderen Stelle platzieren, wird es nur im Textkörper angezeigt.
Code in den Header einfügen
Website-weiter Header
Um den Code im Website-weiten Header zu platzieren, folgen Sie den Anweisungen unten.
- Öffnen Sie Ihren Editor.
- Gehen Sie auf Einstellungen in der linken Seitenleiste.
- Klicken Sie auf Header-HTML.
- Fügen Sie hier Ihren Code ein und sparen Sie.
Header auf einer einzelnen Seite
Um den Code im Header nur einer einzigen Seite zu platzieren, folgen Sie den nachstehenden Anweisungen.
- Klicken Sie in der Seitenleiste auf Seiten.
- Klicken Sie auf der Seite, in die Sie es einfügen möchten, auf das Symbol Einstellungen (
). - Klicken Sie auf SEO.
- Scrollen Sie nach unten zu Header-HTML.
- Fügen Sie hier Ihren Code ein und sparen Sie.
Platzieren Sie Code nach dem öffnenden Textkörper-Tag
Wir verfügen derzeit nicht über eine Funktion, um Code direkt nach dem öffnenden Textkörper-Tag zu platzieren. Sie können den Code aber direkt in die Datei „body-end.html“ einfügen. Es gibt zwei Möglichkeiten, das zu tun: im Entwicklermodus oder in den Einstellungen.
So fügen Sie im Entwicklermodus Code direkt in die Datei „body-end.html“ ein:
- Klicken Sie auf das Symbol Entwicklermodus (
) oben rechts. - Klicken Sie auf Site HTML / CSS , um die Auswahl zu erweitern.
- Klicken Sie auf body-end.html.
- Fügen Sie Ihren Code in die letzte Zeile hier ein.
- Speichern und fertig.
So fügen Sie in den Einstellungen Code direkt in die Datei „body-end.html“ ein:
Klicken Sie in der Seitenleiste auf Einstellungen.
Klicken Sie auf Head HTML.
Fügen Sie Ihren Code im Feld HTML für Textkörper-Ende ein.
Klicken Sie auf Speichern.
Hinzufügen von Tracking-Code zu einem Kontaktformular
Um einen Tracking-Code zu einem Kontaktformular hinzuzufügen, folgen Sie den unten stehenden Anweisungen.
- Navigieren Sie zu der Seite, auf der sich Ihr Kontaktformular befindet.
- Klicken Sie mit der linken Maustaste auf Ihr Kontaktformular, um die Optionen zu öffnen.
- Klicken Sie auf Einreichung.
- Klicken Sie auf Tracking.
- Fügen Sie hier Ihren Konversions-Tracking-Code ein.
Hinzufügen von Code zu einem Widget
Um einen beliebigen Code zu einem beliebigen hinzuzufügen, folgen Sie den nachstehenden Anweisungen.
- Suchen Sie die Seite, auf der sich Ihr befindet.
- Klicken Sie mit der rechten Maustaste auf das , um das Kontextmenü zu öffnen.
- Klicken Sie auf HTML/CSS bearbeiten
- Bei Bedarf Code hier hinzufügen oder bearbeiten.
Hinweise, Überlegungen und Fehlerbehebung
Erstellen Sie immer eine Sicherungskopie
Es wird empfohlen, vor dem Hinzufügen von benutzerdefiniertem Code immer eine Sicherungskopie Ihrer Website zu erstellen. Dies liegt daran, dass der benutzerdefinierte Code schwer zu beheben ist und eine Website möglicherweise zum Absturz bringen kann, wenn er nicht richtig ausgeführt wird.
Mein Code verschwindet, wenn ich ihn im Kopfbereich platziere
Dies ist sehr häufig bei Pixel-Tracking-Codes. Der Kopfbereich (<head>) akzeptiert keinen Code, der <img>, <iframe>, und mehr ist. Er akzeptiert normalerweise nur <link>, <script> und <meta>.
Wenn Sie den Code einfügen müssen, der dort nicht gespeichert wird, fügen Sie ihn stattdessen einfach in den Header ein, wo sich Ihre Navigationslinks und Logos befinden.
Andernfalls fügen Sie es in die body-end.html ein, wie in der obigen Anleitung beschrieben.
Mein Code funktioniert nicht
Wenn Sie Code haben, der auf der Website nicht funktioniert, liegt das höchstwahrscheinlich daran, dass der Code nicht korrekt formatiert ist oder nicht über HTTPS läuft.
Wenn Sie irgendwelche Links in Ihrem Code haben (http:// oder //) und Ihre Website HTTPS verwendet oder Sie in der Vorschau sind, dann müssen Sie das ändern, sodass es stattdessen https:// ist. Der Grund dafür ist, dass der Nicht-HTTPS-Code bei einer mit HTTPS geladenen Verbindung (Seitenvorschau, Editor usw.) nicht funktioniert.