Provedly lädt in Shopify-Storefronts über ein Theme App Embed, das du im Theme-Editor einschaltest, statt über ein Script-Tag, das in dein Theme eingefügt wird. Das Embed übersteht Theme-Wechsel, lässt sich ohne Code an- und ausschalten und ist die Methode, zu der Shopify Apps inzwischen lenkt. Dieser Beitrag erklärt den Unterschied, was er für die Ladezeit bedeutet und die eine Situation, in der ein einfaches Script-Tag noch das richtige Werkzeug ist.
Zwei Wege, wie eine App deine Storefront erreicht
Früher haben Shopify-Apps JavaScript über die ScriptTag API in einen Shop gebracht. Die App registrierte eine URL, und Shopify fügte auf jeder Seite ein <script> ein, das darauf zeigte. Das funktionierte, und so arbeiten viele ältere Sales-Pop-Apps bis heute.
Theme App Extensions kamen später. Eine App liefert ein kleines Bundle aus, das im Theme-Editor unter App-Embeds verfügbar wird. Der Händler schaltet es ein, und das Theme selbst lädt es beim Rendern. Shopify hat den ScriptTag-Ansatz für neue Apps auf Online-Store-2.0-Themes als veraltet markiert, und von Apps wird erwartet, dass sie auf Extensions umsteigen.
| Theme App Embed | Script-Tag (veraltet) | |
|---|---|---|
| Wie du es aktivierst | Schalter im Theme-Editor | Die App schaltet es bei der Installation ein |
| Im Theme-Editor sichtbar | Ja, mit Einstellungen | Nein |
| Übersteht einen Theme-Wechsel | Ja, im neuen Theme erneut einschalten | Meist, kann aber verwaisen |
| Kann nach der Deinstallation Code hinterlassen | Nein | Manchmal |
| Aktuelle Empfehlung von Shopify | Ja | Für neue Apps veraltet |
Warum das Embed für Händler besser ist
Du hast die Kontrolle. Der Schalter liegt neben deinen anderen Theme-Einstellungen. Wenn du Social Proof für einen Tag pausieren willst, schaltest du ihn aus und speicherst. Du musst die App nicht deinstallieren, keine Daten verlieren und nicht auf den Support warten.
Es ist sichtbar. Script-Tags sind für Händler unsichtbar. Mehr als ein Shop-Betreiber hat schon eine längst vergessene App entdeckt, die Monate nach Ende des Abos noch Code lud. Ein Embed erscheint im Editor mit dem Namen der App.
Es respektiert die Grenzen des Themes. Das Embed von Provedly rendert in einem Shadow DOM. Das CSS deines Themes kann den Toast nicht versehentlich umgestalten, und das CSS des Toasts kann nicht in dein Produktraster durchsickern. Script-Tags können das auch, aber Embeds machen es zum Standardmuster.
Saubere Deinstallation. Wenn du die App entfernst, ist das Embed weg. Es bleibt kein Snippet in theme.liquid zurück, das du suchen und löschen musst.
Was es für die Performance bedeutet
Das Embed lädt ein Script von etwa 6 KB gzipped, asynchron, nach dem Hauptinhalt der Seite. Das Widget wartet dann die eingestellte Verzögerung ab (standardmäßig 3 Sekunden), bevor es etwas zeigt. Core Web Vitals werden von einem verzögerten Script dieser Größe nicht nennenswert beeinflusst, und das Shadow DOM sorgt dafür, dass die Elemente deines Themes nicht neu berechnet werden, wenn ein Toast erscheint.
Der ehrliche Vorbehalt: Jedes zusätzliche Script ist mehr als null. Wenn du ein Dutzend Apps betreibst, die jeweils 6 KB hinzufügen, summiert sich das. Wir halten unseres klein und bei einem einzigen Request.
Woher die Daten kommen, ist eine andere Frage
Die Lademethode betrifft, wie das Widget auf die Seite kommt. Sie sagt nichts darüber, ob die angezeigten Käufe echt sind. Ein Embed kann eine von Hand eingetippte „Personen schauen gerade“-Zahl genauso leicht anzeigen wie ein Script-Tag.
Das Embed von Provedly markiert Käufe nur dann als verifiziert, wenn sie über den signierten Bestell-Webhook von Shopify angekommen sind. Alles andere ist gekennzeichnet: „Sample“ für von Hand hinzugefügte Zeilen, „Imported“ für CSV- und API-Datensätze. Der Besucherzähler ist eine echte Zählung der Besucher auf der Seite in den letzten 90 Sekunden und blendet sich unter einem Minimum aus, statt aufzupolstern. Die vollständige Begründung, warum diese Unterscheidung wichtig ist, liest du in /de/blog/shopify-sales-pop-real-orders.
Wann ein Script-Tag noch sinnvoll ist
Das Script-Tag von Provedly gibt es für Websites, die nicht auf Shopify laufen: WordPress, Webflow, eigene Storefronts, eine Next.js-App, alles, wo du eine Zeile in die Seite einfügen kannst. Es ist dasselbe Script mit ~6 KB, demselben Shadow DOM und demselben URL- und Geräte-Targeting.
Speziell bei Shopify gibt es ein Szenario, in dem du darauf zurückgreifen könntest: ein Vintage-Theme, das älter als Online Store 2.0 ist und keine App-Embeds unterstützt. Wenn dein Theme-Editor keinen Bereich App-Embeds hat, ist das deine Situation. Du kannst das Provedly-Script in theme.liquid vor dem schließenden </body>-Tag einfügen, und es funktioniert. Sei dir bewusst, dass ein Theme-Update es überschreiben kann und dass du es von Hand entfernen musst, wenn du Provedly nicht mehr nutzt.
Unsere Empfehlung in diesem Fall: Plane das Theme-Upgrade. Über App-Embeds hinaus bringen 2.0-Themes Sections auf jeder Seite und bessere Performance, und die meisten Händler mit Vintage-Themes verschenken Potenzial aus Gründen, die nichts mit Social Proof zu tun haben.
Prüfen, was du hast
Öffne den Theme-Editor. Wenn die linke Seitenleiste ein Panel App-Embeds hat und Provedly dort aufgeführt ist, nutzt du das Embed. Wenn nicht, durchsuche theme.liquid nach „provedly“, um zu sehen, ob ein manuelles Script vorhanden ist. Ein Shop sollte nie beides haben; wenn doch, siehst du doppelte Toasts, und die Lösung ist, das manuelle Script zu entfernen und das Embed zu behalten.
/de/blog/shopify-setup-guide führt Schritt für Schritt durch das Aktivieren des Embeds.
Häufige Fragen
Ich habe das Theme gewechselt und die Toasts sind weg. Habe ich meine Daten verloren?
Nein. App-Embeds sind eine Einstellung pro Theme, du musst Provedly also im Editor des neuen Themes einschalten. Deine Widgets, Käufe und deine Verifizierungsseite sind unverändert.
Kann ich das Embed zuerst in einem unveröffentlichten Theme ansehen?
Ja. Öffne das unveröffentlichte Theme im Editor, aktiviere das Embed und nutze die Vorschau des Editors. Echte Käufer erreicht es erst, wenn du dieses Theme veröffentlichst.
Setzt das Embed Cookies?
Das Widget speichert eine First-Party-Besucherkennung, um Limits pro Session durchzusetzen und proof-unterstützte Bestellungen innerhalb eines 30-Tage-Fensters zuzuordnen. Es lädt keine Tracker von Drittanbietern.
Aktiviere das Embed noch heute in deinem Theme-Editor; der Free-Plan unter /de/pricing reicht für den Start.