Der Tab Benutzerdefiniertes Javascript führt dein eigenes JavaScript in deinem Shop aus. Nutze ihn für kleine Funktionen, die die Builder-Einstellungen und Apps nicht abdecken.
Wo du es findest
Öffne den Builder, klicke auf das Zahnrad-Symbol und öffne den Tab Benutzerdefiniertes Javascript. Das Feld heißt Javascript-Code: Gilt für den gesamten Shop. Füge deinen Code ohne <script>-Tags ein. Schreibe nur reines JavaScript.
Wann dein Code läuft
- Er läuft einmal, wenn ein Käufer deinen Shop öffnet, nachdem die Seite angezeigt wurde.
- Er läuft nicht auf jeder Seite erneut. Wenn ein Käufer innerhalb deines Shops auf eine andere Seite wechselt, ändert sich die Seite ohne komplettes Neuladen, daher läuft dein Code kein zweites Mal. Wenn dein Code Elemente auf einer bestimmten Seite ändert, sorge dafür, dass er mit Seitenwechseln umgehen kann, oder nutze stattdessen einen Abschnitt mit eigenem Code auf dieser Seite.
- In der Vorschau des Builders läuft der Code auch, und er läuft erneut, wenn du ihn änderst.
- Dein Code läuft in einem eigenen Bereich, daher kollidieren Namen, die du festlegst, nicht mit dem Shop. Wenn dein Code beim Ausführen einen Fehler auslöst, wird der Fehler abgefangen und bringt deinen Shop nicht zum Absturz. Der Fehler bleibt verborgen: wenn also nichts passiert, teste deinen Code Schritt für Schritt.
Nutze lieber eine App, wenn möglich
Für viele Skripte, die Händler hier einfügen, gibt es eine eigene App, die die Aufgabe besser erledigt:
- Tracking für Facebook, TikTok, Snapchat, Pinterest, X oder Google Ads: nutze die Pixel-Apps. Siehe Pixel und Conversion API.
- Google Analytics oder Tags, die du im Google Tag Manager verwaltest: nutze die App Google Tag Manager.
- Verifizierungscodes für Google Search Console, Meta, TikTok oder Snapchat: nutze die App Domain-Prüfer. Code in diesem Tab gelangt nicht so in den Head deiner Seite, wie es die Verifizierung erfordert.
- Live-Chat: siehe Crisp Live-Chat.
Diese Apps senden Ereignisse wie Käufe für dich im richtigen Moment.
Shopweiter Code oder ein Abschnitt mit eigenem Code
- Tab Benutzerdefiniertes Javascript: jede Seite, läuft einmal pro Besuch.
- Abschnitt Eigener Code: eine Seite, mit eigenem HTML, CSS und JavaScript, und er läuft jedes Mal, wenn dieser Abschnitt angezeigt wird. Siehe Eigener Code.
Tipps
- Füge niemals geheime Schlüssel oder Passwörter ein. Jeder kann diesen Code in seinem Browser lesen.
- Teste nach dem Veröffentlichen deinen Live-Shop auf einem Handy und einem Computer.
- Skripte von Drittanbietern können deinen Shop verlangsamen. Füge nur hinzu, was du brauchst.
- Wenn etwas kaputtgeht, leere das Feld, veröffentliche und füge deinen Code Stück für Stück wieder hinzu.
- Ein KI-Assistent, der mit deinem Shop verbunden ist, braucht deine Erlaubnis, um eigenen Code zu ändern. Siehe Zugriff von Assistenten verwalten.
Gut zu wissen
Benutzerdefiniertes Javascript gehört zu dem Markt, den du bearbeitest. Wiederhole es in jedem Markt, der es braucht. Änderungen werden live, wenn du auf Veröffentlichen klickst.