--- title: "Was ist Script-Verwaltung? Individuellen Code über das Panel in einen E-Commerce-Shop einfügen, Einsatzzwecke, Scripts sicher hinzufügen, Einfluss auf die Ladezeit, Test und Rücknahme, Script-Budget und Checkliste" description: "Was ist Script-Verwaltung? Erfahren Sie, wofür Sie im Panel eigenen Code in einen E-Commerce-Shop einfügen, wie das sicher geht, wie sich das auf die Seitengeschwindigkeit auswirkt und wie Sie es rückgängig machen." url: https://www.faprika.com/de/blog/was-ist-script-verwaltung language: de site: Faprika --- # Was ist Script-Verwaltung? Individuellen Code über das Panel in einen E-Commerce-Shop einfügen, Einsatzzwecke, Scripts sicher hinzufügen, Einfluss auf die Ladezeit, Test und Rücknahme, Script-Budget und Checkliste > Was ist Script-Verwaltung? Erfahren Sie, wofür Sie im Panel eigenen Code in einen E-Commerce-Shop einfügen, wie das sicher geht, wie sich das auf die Seitengeschwindigkeit auswirkt und wie Sie es rückgängig machen. Eines Tages fehlt in einem E-Commerce-Shop etwas: ein Live-Chat-Fenster für den Austausch mit Besuchern, eine Messaging-Schaltfläche auf der Startseite, der Tracking-Code, den Werbe- und Analysetools verlangen, oder eine kleine optische Korrektur auf einer einzelnen Seite. Für nichts davon muss der Shop neu geschrieben werden, aber für alles muss ein Stück Code in die Seiten eingefügt werden. Die Frage, wo, für wen, in welcher Reihenfolge und wie umkehrbar Sie diesen Code einfügen, bestimmt unmittelbar Geschwindigkeit und Darstellung des Shops. In diesem Leitfaden **Script-Verwaltung** wird hier als Disziplin des Einfügens von eigenem Code über das Panel behandelt: was sie ist, wofür sie genutzt wird, wie die einzelnen Felder ausgefüllt werden, wie sich Code auf die Seitengeschwindigkeit auswirkt, wie Sie ihn nach dem Einfügen testen, wie Sie bei Problemen zurücksetzen und welche Fehler am häufigsten vorkommen. Dazu gibt es zwei kleine Werkzeuge: einen Budgetrechner, der die Script-Last einer Seite schätzt, und eine Prüfung mit acht Punkten für das sichere Einfügen von Scripts. Zur Gesamtgeschwindigkeit des Shops siehe [die Bedeutung der Shop-Geschwindigkeit](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit); zur Auslieferung statischer Dateien [CDN rehberi](https://www.faprika.com/blog/cdn-nedir-ve-ne-ise-yarar) gibt es eigene Artikel; hier betrachten wir nur die Geschwindigkeits- und Sicherheitsseite von Code, der nachträglich in eine Seite eingefügt wird. Kerngedanke „Script-Verwaltung heißt anzuerkennen, dass das Einfügen von Code in einen Shop keine einmalige Aufgabe ist, sondern eine fortlaufende Bestandsliste. Jeder Code braucht einen Zweck, einen Verantwortlichen, eine Position und einen Weg zurück; jedes Script ohne Namen, ohne Test und mit vergessenem Einfügegrund kostet den Shop unbemerkt Geschwindigkeit und Ordnung.“ ## Was ist die Skriptverwaltung? Die Script-Verwaltung ist der Bereich, in dem Sie Code wie HTML, CSS und jQuery in den Seiten eines E-Commerce-Shops über das Panel hinzufügen, bearbeiten und bei Bedarf entfernen. Ziel ist es, den Seiten dynamische und interaktive Bereiche hinzuzufügen. In Faprika ist dieser Bereich die Script-Verwaltung unter Inhaltsverwaltung. Wenn Sie sie öffnen und „Neu hinzufügen“ wählen, legen Sie ein Script-Feld an; der Code, den Sie schreiben, wird an der gewählten Position in den Seiten des Shops eingefügt. Sie müssen also weder Vorlagendateien von Hand bearbeiten noch Code auf einen Server hochladen. Der Code liegt als Eintrag vor: Er hat einen Namen, eine Position, eine Sprache und einen Umfang; Sie können ihn ein- und ausschalten, ändern oder löschen. Die Schritte im Panel finden Sie in der [Anleitung zur Script-Verwaltung](https://www.faprika.com/de/anleitungen/skriptverwaltung). Eine Bedingung dieses Bereichs sollten Sie von Anfang an kennen: Es sind ausreichende Programmierkenntnisse nötig. Wie auch die Anleitung warnt, können Änderungen ohne ausreichende Programmierkenntnisse zu Darstellungsfehlern führen. Deshalb ist die Script-Verwaltung kein Bereich für „Kopieren und Einfügen“, sondern einer, in dem Sie wissen, was Sie tun, und den Weg zurück vorbereitet haben. Lesempfehlung Warum ist die Website-Geschwindigkeit im E-Commerce so wichtig? ## Wofür wird die Script-Verwaltung verwendet? Die Script-Verwaltung dient für kleine, gezielte Ergänzungen, die die Vorlage nicht bietet: Tracking- und Messcodes, ein Live-Chat-Fenster, eine Messaging-Schaltfläche, eine eigene Schaltfläche oder eine Stilkorrektur stehen an erster Stelle. In der Anleitung gibt es zwei Beispiele: eine Schaltfläche „Per Nachricht bestellen“ auf der Startseite und ein Live-Chat-Fenster (Hilfe). In der Praxis erweitern sich die Einsatzgebiete rund um diese Beispiele. Die folgende Grafik fasst vier häufige Einsatzarten und den jeweils wichtigsten Punkt zusammen. *Görsel: Anwendungsfälle der Script-Verwaltung: Tracking-Code, Live-Chat-Fenster, eigene Schaltfläche und Stilkorrektur (Vier häufige Einsatzgebiete der Script-Verwaltung)* | Einlösung | Typischer Codetyp | Empfohlene Position | Zu beachten | | --- | --- | --- | --- | | Tracking- und Messcode | Script | Seitenanfang (Header) oder Seitenende (Footer), laut Anleitung des Tools | Läuft im gesamten Shop; eine falsche Einrichtung verfälscht Daten und erhöht die Last | | Live-Chat-Fenster | Script | In der Regel das Seitenende (Footer) | Auswirkung auf Darstellung und erstes Laden; Überschneidung mit anderen Schaltflächen auf dem Smartphone | | Messaging- oder eigene Schaltfläche | HTML + CSS | Passende Seite und Position | Stimmt der Link, ist die Tippfläche auf dem Smartphone groß genug | | Stilkorrektur | CSS | Seitenanfang (Header) | Den Umfang eng halten; das Aussehen anderer Seiten nicht beeinträchtigen | ### Tracking- und Messcodes Werbe- und Analysetools verlangen meist einen kurzen Code, der auf jeder Seite des Shops eingefügt wird. Mit der Script-Verwaltung halten Sie diesen Code in einem einzigen Eintrag unter einem Namen. Zu wissen, welcher Code wo läuft, ist die Voraussetzung dafür, den Code später auch entfernen zu können, wenn Sie ein Tool nicht mehr nutzen. Zur serverseitigen Messung lesen Sie auch den Artikel zum [serverseitigen Conversion-Tracking](https://www.faprika.com/de/blog/was-ist-serverseitiges-conversion-tracking). ### Live-Chat-Fenster Auch das Fenster in der Seitenecke für den Austausch mit Besuchern ist ein Stück Code. Da das Fenster ein Element ist, das Besucher sehen, gehört es hinsichtlich Geschwindigkeit und Darstellung zu den Ergänzungen, die am meisten Sorgfalt verlangen. Zur Wirkung von Live-Support auf den Verkauf [canlı destek yazısı](https://www.faprika.com/blog/e-ticaret-siteleri-icin-canli-destek-bolumu-kullanmanin-avantajlari) gibt es einen eigenen Artikel; hier zählt nur, wie der Code in den Shop eingefügt wird. ### Eigene Schaltflächen und kleine Oberflächenergänzungen Kleine Oberflächenelemente wie eine Messaging-Schaltfläche auf der Startseite, ein zusätzlicher Infokasten auf einer Seite oder ein Kampagnenhinweis werden mit HTML und CSS eingefügt. Laut Anleitung wird HTML-Code ohne umschließendes Tag eingefügt; für Stile öffnen Sie ein style-Tag, für jQuery ein script-Tag. ### Stilkorrekturen Wenn auf einer einzelnen Seite eine kleine Anpassung am Erscheinungsbild der Vorlage nötig ist, genügt oft eine CSS-Regel. Die goldene Regel lautet hier, den Umfang eng zu halten: Schreiben Sie Regeln, die nur das gewünschte Element betreffen und eine Seite statt den ganzen Shop. Tipp Erst den Zweck notieren, dann den Code Schreiben Sie vor dem Hinzufügen eines Scripts einen Satz: „Dieser Code läuft für diesen Zweck, auf diesen Seiten, für diese Personen.“ Wenn Sie den Satz nicht formulieren können, ist der Code noch nicht bereit. Derselbe Satz hilft später bei der Entscheidung, ob Sie den Code entfernen. ## Welche Felder gibt es im Panel der Script-Verwaltung? Beim Anlegen eines Script-Felds im Panel gibt es die Felder Script-Code, Sprache, Seitenposition, Script-Name, Parameter aktiv und Eingeschränkte Benutzergruppe. Jedes Feld bestimmt, wann, wo und für wen der Code läuft. *Görsel: Faprika-Panel, Inhaltsverwaltung, Bildschirm Script-Verwaltung: Formular für ein neues Script-Feld, Script-Code, Sprache, Seitenposition und Script-Name (Formular für ein neues Script-Feld in der Script-Verwaltung (Werte sind Beispiele))* ### Script-Code Der von Ihnen erstellte HTML-, CSS- und jQuery-Code wird in dieses Feld eingefügt. Denken Sie daran, für CSS ein style-Tag und für jQuery ein script-Tag zu öffnen; HTML-Code wird ohne umschließendes Tag eingefügt. Das folgende Beispiel ist ein allgemeiner, harmloser Ausschnitt, der nur die Struktur zeigen soll.
Bu bölüm örnek bir bilgi notudur.
 Im Beispiel stehen drei Teile getrennt: die Stilregel in einem style-Tag, das sichtbare Element als HTML ohne Tag und das Verhalten in einem script-Tag. Dieselbe Trennung auch in echtem Code beizubehalten, erleichtert die Fehlersuche. ### Sprache In diesem Feld wählen Sie, ob der Script-Code nur in einer Sprache oder in allen Sprachen gilt. In einem mehrsprachigen Shop möchten Sie einen Teil mit Text wie „Per Nachricht bestellen“ nicht in jeder Sprache gleich anzeigen; dann ist es sinnvoll, pro Sprache einen eigenen Eintrag anzulegen. ### Seitenposition Dieses Feld bestimmt, in welchem Teil der Seite der Code eingefügt wird. Bei „Header“ steht der Code im head-Tag, bei „Footer“ im body-Tag, aber ganz am Ende. Diese Wahl verändert sowohl den Ausführungszeitpunkt als auch die Auswirkung auf die Geschwindigkeit; sie wird in einem späteren Abschnitt gesondert behandelt. ### Script-Name Dies ist der Name, mit dem Sie Scripts voneinander unterscheiden; er muss eindeutig sein und darf sich nicht wiederholen. Wenn der Name den Zweck des Codes und das Datum des Hinzufügens beschreibt („Live-Chat-Fenster, November“), versteht jeder, der den Eintrag sechs Monate später ansieht, sofort, warum er dort steht. ### Parameter aktiv Enthält der verwendete Code Parameter, klicken Sie oben auf die Schaltfläche „Parameter aktiv“ und legen die gewünschten Parameter fest. Hier gilt eine Regel, vor der die Anleitung warnt: Ein Parameter kann nur auf den Seitentypen verwendet werden, für die er gültig ist. Wenn Sie einen Produktparameter verwenden, muss unbedingt der Seitentyp Produkt gewählt sein; sonst findet der Parameter keinen Wert. ### Eingeschränkte Benutzergruppe Sie können Script-Code nach Benutzergruppen einschränken. Im Beispiel der Anleitung wird der Script-Code für Nicht-Mitglieder nicht eingefügt. So verringern Sie unnötige Last bei Ergänzungen, die nur ein bestimmtes Publikum betreffen; Näheres zu Gruppen finden Sie im Artikel zu [Benutzergruppen](https://www.faprika.com/de/blog/was-sind-benutzergruppen). Lesetipp Was sind Benutzergruppen? | Feld | Was bestimmt es? | Was Sie wissen sollten | | --- | --- | --- | | Script-Code | Hinzuzufügendes HTML, CSS und jQuery | Für CSS ein style-Tag, für jQuery ein script-Tag öffnen; HTML steht ohne Tag | | Sprache | Sprachen, in denen der Code läuft | Eine Sprache oder alle Sprachen | | Seitenposition | Position des Codes auf der Seite | Header im head, Footer ganz am Ende des body | | Script-Name | Name des Eintrags | Muss eindeutig sein | | Parameter aktiv | Parameter, die in den Code gelangen | Funktioniert nur auf den Seitentypen, für die er gültig ist | | Eingeschränkte Benutzergruppe | Für wen der Code eingefügt wird | Zum Beispiel kann er für Nicht-Mitglieder entfallen | ## Wie wirkt sich ein Script auf die Seitengeschwindigkeit aus? Jedes Script bedeutet zusätzliche Arbeit, die der Browser herunterladen, auswerten und ausführen muss. Je mehr Scripts es gibt, je größer sie sind und je früher sie auf der Seite geladen werden, desto langsamer öffnet sich die Seite. Die Geschwindigkeit hat drei Komponenten, und jede entspricht einer Entscheidung in der Script-Verwaltung. Die erste ist die Anzahl: Jedes neue Script bedeutet eine zusätzliche Anfrage oder zusätzliche Arbeit. Die zweite ist die Größe: Ein umfangreicher Code oder zusätzliche Dateien, die er nachlädt, brauchen länger zum Herunterladen. Die dritte ist der Zeitpunkt: Code, der am Seitenanfang (Header) geladen wird, kann das Anzeigen der Seite aufhalten; Code am Seitenende (Footer) bleibt in der Regel hinter dem Inhalt. Da die genaue Wirkung davon abhängt, was der Code tut, sollten Sie messen, statt eine Zahl zu nennen. Vor dem Messen lohnt sich ein grobes Budget. Mit dem folgenden Werkzeug geben Sie eigene Schätzwerte für die Anzahl der Scripts auf der Seite, die durchschnittliche Größe und die durchschnittliche Verzögerung ein und sehen die Gesamtlast. Geben Sie zusätzlich eine Annahme zum Verzögern des Ladens ein, zeigt es, wie viel Sie gewinnen könnten, wenn Scripts bis zur ersten Interaktion zurückgehalten werden. Das Ergebnis beruht auf Ihren Annahmen und ersetzt keine echte Messung. Budget der Script-Last Anzahl der Scripts auf der Seite Durchschnittliche Script-Größe (KB) Durchschnittliche Verzögerung pro Script (ms) Anteil der Verzögerung, den Sie durch späteres Laden einsparen (%) Gesamtgröße der Scripts**240 KB** Geschätzte Gesamtverzögerung**720 ms** Geschätzter Gewinn durch späteres Laden**360 ms** Mittlere Last: Es lohnt sich, einen Teil der Skripte zu verzögern und ungenutzte zu entfernen. Das Ergebnis beruht auf den von Ihnen eingegebenen Annahmen; die tatsächliche Verzögerung hängt davon ab, was der Code tut und wie die Verbindung des Besuchers ist. Die Schwellen für leicht, mittel und schwer dienen nur der besseren Lesbarkeit dieses Beitrags und sind kein Standard. Beachten Sie beim Lesen des Tools zwei Punkte. Erstens addieren sich Verzögerungen in der Praxis nicht exakt; manche Skripte laufen parallel. Das Tool liefert deshalb eine „geschätzte“, einfache Summe: Ziel ist nicht, die genaue Millisekunde zu finden, sondern zu sehen, wie die Last mit der Anzahl wächst. Zweitens liegt der größte Gewinn oft nicht im Verzögern, sondern darin, ein überflüssiges Skript gar nicht erst einzubinden. ### Header oder Footer? Die Wahl der Seitenposition ist für die Geschwindigkeit die wichtigste Entscheidung. Code im Header landet im head-Tag und wird vom Browser vor dem Rendern der Seite verarbeitet; Code im Footer steht ganz am Ende des body und läuft, nachdem der Inhalt dargestellt wurde. - **Geeignet für den Header:** Stilregeln, die schon vor dem Rendern der Seite benötigt werden, und Messcodes, deren eigene Anleitung „in den head einfügen“ vorgibt. - **Geeignet für den Footer:** Elemente, die erst nach dem Rendern der Seite erscheinen müssen, etwa ein Live-Chat-Fenster oder eine Messaging-Schaltfläche, sowie jQuery-Code, der sich an Seitenelemente bindet. Die Regel ist einfach: Nennt die Anleitung des Tools eine Position, folgen Sie ihr; andernfalls setzen Sie den Code in den Footer und verschieben ihn nur bei Bedarf in den Header. So verringern Sie das Risiko von Code, der die Seite unnötig warten lässt. Tipp Jedes Skript hat seinen Preis Solange der Code eines nicht mehr genutzten Tools auf der Website bleibt, wird er weiterhin geladen und ausgeführt. Den Code zu entfernen, wenn Sie ein Tool aufgeben, ist eine der günstigsten Maßnahmen für mehr Geschwindigkeit. Okumanızı öneririz CDN Nedir? Ve Ne İşe Yarar? ## So fügen Sie Ihrer Website sicher ein Skript hinzu Ein Skript sicher hinzuzufügen gelingt in vier Schritten: Quelle prüfen, Geltungsbereich eingrenzen, zuerst testen und einen Weg zum Zurücksetzen bereithalten. Keiner davon ist technisch schwierig; schwierig ist es, im Zeitdruck nicht alle zu überspringen. *Görsel: Ablauf zum Hinzufügen eines Scripts: Zweck festhalten, Quelle prüfen, Umfang eingrenzen, testen, veröffentlichen und beobachten, bei Bedarf zurücksetzen (Sicherer Ablauf zum Hinzufügen von Scripts)* ### 1. Quelle prüfen Der Code, den Sie in das Panel einfügen, läuft im Browser jedes Besuchers Ihrer Website. Fügen Sie deshalb nie Code hinzu, dessen Herkunft Sie nicht kennen. Code aus dem Einrichtungsbildschirm eines Tools hat nicht dasselbe Vertrauen wie Code aus einem Artikel oder von einer unbekannten Person. Fügen Sie keinen Code hinzu, den Sie nicht verstehen oder dessen Funktion Sie nicht nachlesen können; prüfen Sie ihn nach Möglichkeit gemeinsam mit dem Autor des Codes oder dem Anbieter des Tools. ### 2. Geltungsbereich eingrenzen Sorgen Sie dafür, dass der Code nur dort läuft, wo er gebraucht wird. Sprachauswahl, Seitentyp, Parameternutzung und eine eingeschränkte Benutzergruppe sind die Mittel zur Eingrenzung. Code, der nur auf der Produktseite nötig ist, auf der gesamten Website auszuführen, ist eine Last, die am Ende alle Besucher tragen. Auch im CSS-Teil des Codes sollten die Selektoren nur das Zielelement treffen. ### 3. Zuerst testen Legen Sie vor der Veröffentlichung fest, wo Sie den Code testen. Haben Sie keine Testumgebung, beginnen Sie zumindest mit einer Seite mit begrenzter Wirkung oder einer eingeschränkten Benutzergruppe. Prüfen Sie beim Testen nicht nur, ob es funktioniert, sondern auch, ob etwas anderes kaputtgegangen ist: Kontrollieren Sie kritische Pfade wie Startseite, Produktseite, Warenkorb und Bestellschritt. ### 4. Einen Weg zum Zurücksetzen bereithalten Auch die Schulung selbst empfiehlt das: Tritt ein Problem auf, können Sie das Skript deaktivieren oder den Skriptbereich löschen. Deshalb wird jeder Code als eigener Eintrag hinzugefügt; mehrere Aufgaben in einem Eintrag zu bündeln, erschwert es, bei Problemen den Verursacher zu finden. Sichern Sie vor jeder Änderung die alte Version des Codes irgendwo. Ein realer Ablauf zum Hinzufügen lässt sich so zusammenfassen: 1. Schreiben Sie Zweck und Verantwortlichen in einem Satz auf. 2. Prüfen Sie die Quelle des Codes; fügen Sie keinen Code hinzu, den Sie nicht verstehen. 3. Legen Sie Skriptname, Sprache, Seitenposition und Geltungsbereich fest. 4. Veröffentlichen Sie zuerst mit eingeschränktem Geltungsbereich und prüfen Sie die kritischen Seiten. 5. Gibt es kein Problem, erweitern Sie den Geltungsbereich; gibt es eines, deaktivieren Sie den Eintrag. 6. Wird der Code nicht mehr benötigt, löschen Sie den Eintrag. Tipp Immer nur eine Änderung Wenn Sie mehrere Skripte gleichzeitig hinzufügen, können Sie nicht erkennen, welches ein Problem verursacht. Veröffentlichen Sie jede Ergänzung einzeln und prüfen Sie danach die Seiten; tritt ein Problem auf, kommt nur ein einziger Eintrag als Ursache infrage. Okumanızı öneririz E-Ticaret Sitesi Güvenlik Sistemleri ## Sicherheit und Daten in der Skriptverwaltung Jedes Skript, das der Website hinzugefügt wird, läuft im Browser des Besuchers mit denselben Rechten wie Ihre Seite. Was der eingefügte Code erfasst und wohin er es sendet, ist daher sowohl eine Sicherheits- als auch eine Datenschutzfrage. Beantworten Sie vor dem Hinzufügen von Code drei Fragen: Welche Informationen des Besuchers liest oder sendet der Code, wurde der Besucher über diese Informationen wie erforderlich informiert, und läuft der Code auf einer Zahlungs- oder Anmeldeseite? Der Geltungsbereich von Code, der in Zahlungs- und Mitgliedschaftsschritten läuft, sollte so eng wie möglich gehalten werden; wird er nicht benötigt, gehört er gar nicht auf diese Seiten. Verwenden im Browser laufende Tracking-Codes Cookies, kommt auch die Cookie-Verwaltung ins Spiel; Einzelheiten finden Sie unter [çerezler](https://www.faprika.com/blog/cerezler-e-ticaret-sitenizin-sagligi-icin-iyi-mi-kotu-mu) und [KVKK-Konformität](https://www.faprika.com/de/blog/kvkk-konformitaet) . Zu allgemeinen Cybersicherheitsmaßnahmen gibt es den Beitrag [Cybersicherheit im E-Commerce](https://www.faprika.com/de/blog/cybersicherheit-im-e-commerce). Für die Skriptverwaltung lautet die Kurzregel: Fügen Sie nur Code aus einer vertrauenswürdigen Quelle hinzu, halten Sie den Geltungsbereich eng und entfernen Sie Code, den Sie nicht mehr verwenden. ## So testen Sie ein hinzugefügtes Skript Beim Testen eines Skripts prüfen Sie zuerst, ob der Code funktioniert, dann, ob der Rest der Seite intakt bleibt, und zuletzt die Auswirkung auf die Geschwindigkeit. Alle drei Punkte werden getrennt auf dem Desktop und auf dem Smartphone kontrolliert. - **Funktion:** Ist das hinzugefügte Element sichtbar, führt die Schaltfläche zum richtigen Ziel, öffnet und schließt sich das Fenster? - **Layout:** Sind die übrigen Bereiche der Seite an ihrem Platz geblieben, gibt es keine Überschneidungen mit anderen Elementen? Überlagern sich Elemente in der unteren rechten Ecke (Live-Chat, Messaging-Schaltfläche)? - **Kritische Pfade:** Funktionieren Produktseite, Warenkorb und Bestellschritt wie zuvor? - **Smartphone:** Ist das hinzugefügte Element auf einem kleinen Bildschirm lesbar und antippbar? - **Geschwindigkeit:** Ist die Seite spürbar langsamer als zuvor? Messen Sie dieselbe Seite vor und nach dem Hinzufügen mit derselben Methode und vergleichen Sie. - **Geltungsbereich:** Läuft der Code nur auf der vorgesehenen Seite, in der vorgesehenen Sprache und für die vorgesehene Benutzergruppe? Bei der Geschwindigkeitsmessung ist es wichtig, gleiche Bedingungen beizubehalten: dieselbe Seite, dieselbe Verbindung, dasselbe Werkzeug. Kleine Unterschiede können Messrauschen sein; bei einem deutlichen Unterschied sollten Sie erwägen, den Code zu verzögern, seine Position zu ändern oder ihn zu entfernen. | Problem | Mögliche Ursache | Erster Schritt | | --- | --- | --- | | Das hinzugefügte Element ist nicht sichtbar | Der Geltungsbereich ist falsch (Sprache, Seitentyp, Benutzergruppe) oder der Code ist fehlerhaft | Prüfen Sie die Felder des Geltungsbereichs; probieren Sie eine andere Seitenposition | | Das Seitenlayout ist durcheinander | Die CSS-Regel ist zu weit gefasst | Deaktivieren Sie den Eintrag; grenzen Sie die Selektoren ein | | Der Parameter ist leer | Der Parameter ist für diesen Seitentyp nicht gültig | Wählen Sie den zum Parameter passenden Seitentyp | | Die Seite ist langsamer geworden | Viele oder große Skripte, frühe Position | Verschieben Sie die Position in den Footer; entfernen Sie Überflüssiges | | Eine Schaltfläche oder ein Fenster überschneidet sich mit einem anderen Element | Mehrere Elemente wurden in dieselbe Ecke eingefügt | Trennen Sie die Positionen; prüfen Sie zusätzlich auf dem Smartphone | ## Die häufigsten Fehler in der Skriptverwaltung Die meisten Fehler entstehen nicht durch den Code selbst, sondern durch die Art, wie er hinzugefügt wird: Hinzufügen ohne Zweck, ein zu weiter Geltungsbereich, fehlende Tests und vergessenes Entfernen stehen ganz oben auf dieser Liste. 1. **Einfügen ohne Verständnis:** Code unklarer Herkunft ins Panel einzufügen. Die Warnung der Schulung ist eindeutig: Ohne ausreichende Programmierkenntnisse kann das Design beschädigt werden. 2. **Alles in einen Eintrag packen:** Tritt ein Problem auf, ist es schwerer zu finden, welcher Teil es verursacht hat. 3. **Den Geltungsbereich zu weit lassen:** Code, der nur auf der Produktseite nötig ist, auf der gesamten Website auszuführen. 4. **Einen Parameter beim falschen Seitentyp verwenden:** bei einem Produktparameter nicht den Seitentyp Produkt wählen. 5. **Denselben Code zweimal hinzufügen:** zum Beispiel denselben Messcode sowohl in die Vorlage als auch ins Panel setzen; Daten werden doppelt gezählt und die Last steigt. 6. **Den Namen nicht eindeutig machen und nicht beschreiben:** Nach sechs Monaten weiß niemand mehr, wozu welcher Eintrag da ist. 7. **Ohne Test veröffentlichen:** besonders auf dem Smartphone und im Bestellschritt. 8. **Ungenutzten Code stehen lassen:** Der Code aufgegebener Tools läuft weiter und belastet die Seite. Tipp Vierteljährliche Skriptinventur Sehen Sie alle paar Monate alle Einträge in der Skriptverwaltung durch: Wird er noch genutzt, sind Name und Zweck klar, stimmt der Geltungsbereich? Ungenutztes zu löschen schützt sowohl die Geschwindigkeit als auch die Ordnung. Lesetipp Was ist Live-Besuchertracking? ## Checkliste für das sichere Hinzufügen von Skripten Die folgenden acht Punkte sind die Prüfung, die Sie vor und nach dem Hinzufügen eines Skripts durchführen. Am sichersten ist es, den Code erst zu veröffentlichen, wenn alle Punkte abgehakt sind. *Görsel: Checkliste für das sichere Hinzufügen von Scripts: Zweck, Quelle, Umfang, Position, Name, Test, Rücksetzen und Bestandsliste (Acht Prüfungen vor dem Hinzufügen eines Scripts)* Prüfung beim Hinzufügen von Skripten Zweck und Verantwortlicher des Codes sind in einem Satz festgehalten Die Quelle des Codes ist geprüft, seine Funktion ist verstanden Der Geltungsbereich ist nach Sprache, Seitentyp und Benutzergruppe eingegrenzt Die Seitenposition (Header oder Footer) ist bewusst gewählt Der Skriptname ist eindeutig und beschreibt den Zweck Auf Desktop und Smartphone getestet, einschließlich kritischer Seiten Ein Weg zum Zurücksetzen ist bereit: Der Eintrag lässt sich deaktivieren, der alte Code ist gesichert Ungenutzte Skripte wurden geprüft und entfernt Zutreffende Punkte**2 / 8** Ihre Routine zum Hinzufügen von Skripten scheint noch nicht gefestigt zu sein. Klären Sie zuerst Zweck, Quelle und Geltungsbereich und bereiten Sie dann Tests und einen Weg zum Zurücksetzen vor. Die Grundschritte sind vorhanden, aber es gibt noch Lücken. Vervollständigen Sie die Punkte Test, Zurücksetzen und Inventur. Ihre Skriptverwaltung ist gut organisiert. Wiederholen Sie dieselbe Disziplin bei jedem neuen Eintrag. | Feld | Prüfpunkt | Erledigt? | | --- | --- | --- | | Zweck | In einem Satz festgehalten, Verantwortlicher bekannt | Ja / Nein | | Quelle | Geprüft, Code verstanden | Ja / Nein | | Geltungsbereich | Nach Sprache, Seitentyp und Benutzergruppe eingegrenzt | Ja / Nein | | Standort | Header oder Footer bewusst gewählt | Ja / Nein | | Name | Eindeutig und aussagekräftig | Ja / Nein | | Test | Desktop, Smartphone und kritische Seiten | Ja / Nein | | Rückgängig machen | Weg zum Deaktivieren und alter Code sind bereit | Ja / Nein | | Bestandsaufnahme | Ungenutztes entfernt | Ja / Nein | ## Wann ist die Skriptverwaltung die richtige Lösung? Die Skriptverwaltung ist die richtige Lösung, wenn der Bedarf der Website eine kleine, gezielte und umkehrbare Ergänzung ist. Erfordert der Bedarf eine Änderung der Struktur der Website oder fehlen Programmierkenntnisse, sollte ein anderer Weg gewählt werden. Die Skriptverwaltung ist in folgenden Fällen sinnvoll: den Code eines Tools auf der gesamten Website einbinden, eine kleine Schaltfläche auf der Startseite platzieren, auf einer einzelnen Seite eine Stilkorrektur vornehmen. Vorsicht ist in diesen Fällen geboten: Code in kritischen Schritten wie Zahlung oder Mitgliedschaft einfügen, die Grundfunktion der Website verändern wollen, Code unklarer Herkunft ausprobieren. Hier ist es sicherer, zunächst mit Ihrem Team oder dem Faprika-Team zu sprechen oder jemanden mit den nötigen Programmierkenntnissen zu finden. Erledigt eine fertige Funktion oder Erweiterung dieselbe Aufgabe, ist auch sie weniger riskant als Code von Hand einzufügen; die fertigen Lösungen von Faprika finden Sie auf der Seite [Erweiterungen](https://www.faprika.com/de/erweiterungen). ## Skriptverwaltung mit Faprika In Faprika erfolgt die Skriptverwaltung im Bereich Skriptverwaltung unter Inhaltsverwaltung: Sie legen einen neuen Skriptbereich an, wählen Code, Sprache, Seitenposition, Namen und Geltungsbereich und deaktivieren den Eintrag, wenn ein Problem auftritt. Der praktische Vorteil dieses Bereichs: Der Code bleibt als eigene Einträge bestehen, ohne die Vorlagendateien anzufassen. Da jeder Code einen Namen, eine Position und einen Geltungsbereich hat, lässt sich leicht erkennen, welcher Code wo läuft, und Änderungen sind leicht rückgängig zu machen. Die Optionen für Sprache und Benutzergruppe helfen Ihnen, Code nur dort auszuführen, wo er gebraucht wird. Die Schritte zur Nutzung des Panels finden Sie in der [Schulung zur Skriptverwaltung](https://www.faprika.com/de/anleitungen/skriptverwaltung), die Verfügbarkeit der Funktion je Paket auf der Seite [E-Commerce-Pakete](https://www.faprika.com/de/preise). Wenn Sie besprechen möchten, wie Sie es auf Ihrer eigenen Website umsetzen, können Sie sich an unser Team wenden. ## Häufig gestellte Fragen **Was ist Script-Verwaltung?** Die Skriptverwaltung ist der Bereich, mit dem Sie HTML-, CSS- und jQuery-Code über das Panel zu den Seiten eines E-Commerce-Shops hinzufügen. In Faprika öffnen Sie sie über Skriptverwaltung unter Inhaltsverwaltung und legen mit „Neu hinzufügen“ einen Skriptbereich an. **Wofür wird die Skriptverwaltung genutzt?** Sie dient für kleine Ergänzungen, die die Vorlage nicht bietet: Tracking-Code, Live-Chat-Fenster, Messaging-Schaltfläche, eigene Schaltfläche oder Stilkorrektur. Ziel ist es, den Seiten dynamische und interaktive Bereiche hinzuzufügen. **Braucht man für die Script-Verwaltung Programmierkenntnisse?** Ja. Ohne ausreichende Programmierkenntnisse können Änderungen in diesem Bereich zu Darstellungsfehlern führen. Wenn Sie einen Code nicht verstehen, fügen Sie ihn nicht ein; bei Problemen können Sie das Script deaktivieren oder das Script-Feld löschen. **Was ist der Unterschied zwischen Header und Footer?** Wenn Sie im Feld Seitenposition „Header“ wählen, wird der Code in das head-Tag eingefügt; bei „Footer“ in das body-Tag, ganz am Ende. Nennt die Anleitung des Tools eine Position, folgen Sie ihr; andernfalls setzen Sie den Code in den Footer und verschieben ihn bei Bedarf in den Header. **Verlangsamt ein Script die Seitengeschwindigkeit?** Jedes Script bedeutet einen zusätzlichen Download und zusätzlichen Ausführungsaufwand; Anzahl, Größe und frühes Laden können das Öffnen der Seite verzögern. Da die Wirkung vom Code abhängt, sollten Sie dieselbe Seite vor und nach dem Hinzufügen mit derselben Methode messen und vergleichen. **Kann man ein Script nur bestimmten Benutzern anzeigen?** Ja. Mit dem Feld „Eingeschränkte Benutzergruppe“ können Sie Script-Code nach Benutzergruppen einschränken; Sie können zum Beispiel festlegen, dass der Code für Nicht-Mitglieder nicht eingefügt wird. Über das Feld „Sprache“ können Sie den Code außerdem in nur einer Sprache oder in allen Sprachen ausführen. Sorgen Sie dafür, dass jeder Code, den Sie Ihrer Website hinzufügen, sauber und sicher läuft Benennen Sie Ihre Skripte in Faprika im Panel, grenzen Sie deren Geltungsbereich ein und deaktivieren Sie sie bei Bedarf mit einem Klick; nehmen Sie die nötigen Ergänzungen vor und schützen Sie dabei Geschwindigkeit und Layout Ihrer Website. Lassen Sie uns Ihre Website gemeinsam planen. Demo anfordern #### Das könnte Sie auch interessieren - [**Warum ist die Website-Geschwindigkeit im E-Commerce wichtig?**](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit) - [**CDN Nedir? Ve Ne İşe Yarar?**](https://www.faprika.com/blog/cdn-nedir-ve-ne-ise-yarar) - [**Was sind Benutzergruppen?**](https://www.faprika.com/de/blog/was-sind-benutzergruppen) - [**Was ist serverseitiges Conversion-Tracking?**](https://www.faprika.com/de/blog/was-ist-serverseitiges-conversion-tracking)