Shopify stellt Script Tags ein: Apps verlieren sie am 1. Oktober, Storefronts am 1. März

Am 1. März 2027 lädt eine Storefront, und die Live-Chat-Bubble ist nicht da. Das Pop-up, das E-Mail-Adressen gesammelt hat, ist weg. Der Größenberater auf der Produktseite fehlt. Nichts im Admin erklärt, warum.

Der Grund ist ein Changelog-Eintrag vom 24. August, der sich an Entwickler richtet. Shopify stellt Storefront Script Tags ein und hat feste Fristen gesetzt.

Zwei Termine, und welcher davon Ihrer ist

Ein Script Tag ist eine Möglichkeit für eine App, ihr JavaScript auf jeder Storefront-Seite zu laden, ohne den Theme-Code anzufassen. Shopify hat den Ersatz 2021 als Theme App Extensions mit App Embed Blocks ausgeliefert und legt jetzt die Endtermine fest.

Diese Abkündigung betrifft nur die Storefront. Script Tags liefen nie im Checkout.

Die scriptTags-Query und die scriptTagDelete-Mutation funktionieren nach dem 1. Oktober weiter. Audits und Aufräum-Workflows laufen also ganz normal.

Was ausfällt, und der Schalter, den nur der Händler umlegen kann

Die App-Kategorien, die traditionell Script Tags genutzt haben: Live-Chat, Pop-ups und E-Mail-Erfassung, Bewertungssterne und Trust Badges, Währungsumschalter, Session Recording und Heatmaps sowie ältere Tracking-Pixel. Viele dieser Apps wurden vor Jahren installiert und vergessen. Shopify hat keine Liste betroffener Apps veröffentlicht. Auch eine Zahl der betroffenen Händler nennt das Unternehmen nicht.

Die Falle liegt in der Funktionsweise des Ersatzes. Sichtbare Funktionen werden durch einen App Embed Block innerhalb einer Theme App Extension ersetzt. App Embed Blocks sind inaktiv, bis der Händler sie im Theme-Editor einschaltet. Die App kann sie nicht stellvertretend für den Händler aktivieren.

Sie gelten pro Theme, also deaktiviert das Veröffentlichen eines neuen Themes den Embed wieder. Ein Black-Friday-Theme ist das klassische Beispiel. Die Konsequenz: Der Entwickler liefert ein Update aus, schickt eine E-Mail, und bis jemand im Shop den Onlineshop öffnet, zu Themes geht, auf Anpassen klickt, App Embeds auswählt und den Schalter umlegt, läuft die Funktion entweder noch über den alten Script Tag oder gar nicht. Der Händler muss diesen Schritt bei jedem Theme-Wechsel wiederholen. Nach dem 1. März hört es komplett auf.

Ein weiteres konkretes Risiko stammt aus Shopifys eigener Dokumentation. Solange ein Script Tag und sein Embed gleichzeitig laufen, lädt das Skript doppelt. Analytics zählen doppelt, und die Oberfläche wird zweimal gerendert. Die Reihenfolge ist strikt: Embed ausliefern, prüfen, dass er im veröffentlichten Theme aktiv ist, dann den Tag löschen. Niemals zuerst löschen.

Das Fünf-Minuten-Audit für Händler

Es gibt keinen Admin-Report für diese Migration. Das Install-Banner erscheint nur bei der Installation, bestehende Händler sehen also nichts in ihrem Dashboard. Der Seitenquelltext zeigt alles.

Öffnen Sie die Startseite des Shops in einem Desktop-Browser. Zeigen Sie den Seitenquelltext mit dem üblichen Tastenkürzel an (Strg+U oder Cmd+Option+U). Suchen Sie im Text nach asyncLoad.

Jede URL darunter, die auf ?shop=ihrshop.myshopify.com endet, ist ein Script Tag. Die Domain nennt meist die App. Dann gleichen Sie mit Onlineshop, Themes, Anpassen, App Embeds ab. Eine App, die an beiden Stellen auftaucht, ist mitten in der Migration.

Eine App, die im Quelltext steht, aber nicht in den App Embeds, ist die, der Sie schreiben sollten. Die Frage für die E-Mail wörtlich: "Nutzt Ihre App auf der Storefront noch Script Tags, und wann erscheint der Ersatz als App Embed?" Support-Teams aktiv gepflegter Apps wissen genau, was gemeint ist.

Der Zeitplan für Händler ist simpel. Audit im September. Von Mitte Oktober bis Dezember, in der Hochsaison, den App-Stack nicht anfassen. Im Januar und Februar Embeds einschalten und die Apps entfernen, deren Anbieter nie geantwortet haben.

Ein Nebeneffekt ist eine Erwähnung wert. Script Tags laden auf jeder Seite, ob gebraucht oder nicht. Browser müssen dadurch unnötigen Code herunterladen. Embeds lassen sich auf bestimmte Templates begrenzen, etwa der Größenberater nur auf Produktseiten. Das Ausmisten macht den Shop meist schneller.

Wenn Ihnen die App gehört, liefern Sie den Embed vor dem 1. Oktober aus

Warum der 1. Oktober für App-Betreiber wichtiger ist als der 1. März, liegt an den Neuinstallationen. Danach kann eine frische Installation keinen Script Tag mehr anlegen, die App ist also für jeden neuen Kunden defekt. Der Shop zeigt bei der Installation außerdem ein Warnbanner, wenn Sie weder einen Embed noch ein Web Pixel ausliefern.

Die Migrationsreihenfolge aus Shopifys Dokumentation ist klar. Erstens: Theme App Extension mit App Embed Block bauen. Zweitens: den Händler per Deep Link in den Theme-Editor führen, mit bereits voraktiviertem Embed. Drittens: prüfen, dass der Embed im veröffentlichten Theme aktiv ist. Viertens: den Script Tag mit scriptTagDelete löschen.

Das ist die Audit-Query, die wir als Erstes ausführen. Sie liefert die exakten Quell-URLs und Erstellungsdaten.

query {
  scriptTags(first: 50) {
    nodes { id src displayScope createdAt }
  }
}

Wir bauen Shopify-Apps und Shop Minis. Unser Team hat für einen Kunden eine Suite aus vier Shop Minis ausgeliefert, zwei davon erreichten die Top 5 ihrer Kategorie. Wir haben Script-Tag-Apps schon früher auf Theme App Extensions migriert.

Das Muster ist immer dasselbe. Der Embed Block selbst ist ein bis zwei Tage Arbeit. Die Wochen gehen in das erneute Testen auf dem tatsächlichen Theme des Händlers, weil das Skript DOM-Selektoren vorausgesetzt hat, die das Theme nicht hat, und in das Nachfassen bei Händlern, damit sie den Schalter umlegen.

Wenn das Skript nur Events sendet, nehmen Sie den Web-Pixel-Pfad, selbst wenn dafür eine Funktion wegfällt, denn er braucht nichts vom Händler.

Jeder Leser hat einen konkreten nächsten Schritt. Händler: Führen Sie den Quelltext-Check heute durch. App-Betreiber: Führen Sie die scriptTags-Query über alle Installationen aus und zählen Sie sie.