Zurück zum Blog

Blog

SignalHost für Shopify: serverseitiges Tracking vom ersten Seitenaufruf bis zum Kauf

Veröffentlicht · 7 Min. Lesezeit

SignalHost für Shopify gibt es noch nicht bei Shopify App Store. Bis dahin kannst du es von Hand einbauen: SignalHost von Hand einbinden

Die SignalHost-App bringt serverseitigen Google Tag Manager in einen Shopify-Shop, ohne Änderungen am Theme und ohne Code. Wenn du sie verbindest, legt SignalHost in deinem Shop ein Web-Pixel an. Es sendet Seitenaufrufe, Warenkörbe, jeden Checkout-Schritt und Käufe an deinen eigenen Tagging-Server, der sie an Google Analytics 4 und deine Werbeplattformen weiterleitet. Diese Anleitung behandelt Installation, Verbindung, Test, das optionale Theme-Embed und was du tun kannst, wenn etwas nicht funktioniert.

Bevor du anfängst

  • Ein Shopify-Shop mit Onlineshop. Die App funktioniert in der Storefront und im Checkout von Shopify.
  • Ein SignalHost-Konto. Zum Ausprobieren reicht der kostenlose Tarif: 10.000 Anfragen pro Monat und ein Container. Du kannst das Konto auch beim Verbinden anlegen.
  • Die Berechtigung, in deinem Shopify-Adminbereich Apps zu installieren.

1. Die App installieren

Öffne SignalHost: Server Tag Manager im Shopify App Store und installiere die App. Sie bittet Shopify nur um zwei Berechtigungen: Web-Pixel verwalten und Kundenereignisse lesen. Sie verlangt weder Zugriff auf dein Theme noch auf die Daten deiner Kunden. Nach der Installation öffnet sie sich in deinem Shopify-Adminbereich unter Apps.

2. Deinen Shop mit einem Container verbinden

Die Seite der App bietet „Mit SignalHost verbinden“ und, wenn du neu bist, „Kostenloses Konto erstellen“. Beides öffnet signalhost.io in einem neuen Tab; melde dich dort an oder registriere dich.

Der nächste Bildschirm zeigt, was die App tun kann – deinen Tracking-Code auf jeder Seite deines Shops einbinden, seine Warenkorb- und Checkout-Ereignisse an den Container senden und den Status des Containers lesen – und was nicht: die Kontaktdaten deiner Kunden lesen, dein Google-Konto verwenden oder deine Abrechnung einsehen. Danach wirst du gefragt, welchen Container der Shop verwenden soll. Ein Container ist dein eigener Tagging-Server: ein Web-Container und ein Server-Container in Tag Manager, angelegt in deinem eigenen Google-Konto, damit sie dir gehören.

Wähle einen aus und klicke auf „Verbinden“. Oder wähle „Neuer Container für …“ mit dem Namen deines Shops und klicke auf „Container anlegen“, um den kurzen Assistenten zu durchlaufen. Zurück in Shopify aktualisiert sich die Seite der App von selbst. Zeigt sie „Verbindung bestätigen“, prüfe das genannte Konto und den Container und klicke auf „Verbindung bestätigen“.

3. Das Tracking startet von selbst

Es gibt keinen Code zum Einfügen, kein Theme zum Bearbeiten und nichts zu veröffentlichen. Sobald der Shop verknüpft ist, legt SignalHost das Web-Pixel der App an und übergibt ihm deine Tagging-Adresse und die Mess-ID für Google Analytics 4 deines Containers. Shopify führt das Pixel auf jeder Seite der Storefront und im Checkout aus. Die App zeigt „Fast geschafft“, solange ein neuer Container eingerichtet wird, danach „Tracking ist aktiv“.

4. Testen

Öffne deinen Shop in einem neuen Tab, akzeptiere das Cookie-Banner, sieh dir ein Produkt an, lege es in den Warenkorb und starte den Checkout. Zurück in der App zählt „Letzte 7 Tage“ innerhalb weniger Minuten „Seitenaufrufe“, „In den Warenkorb gelegt“, „Checkouts“ und „Käufe“; „Status aktualisieren“ liest den neuesten Stand.

„Statistiken & Einstellungen öffnen“ öffnet deinen Container auf signalhost.io. Ab dem Tarif Growth listet „Live-Ereignisse“ dort jedes Ereignis auf, sobald es eintrifft, mit Land, Browser und Einwilligungsstatus.

Was die App sendet

Shopify übergibt seine eigenen Kundenereignisse an das Pixel, und das Pixel macht daraus Ereignisse für Google Analytics 4:

  • page_view, auf Seiten der Storefront und des Checkouts
  • view_item, view_item_list und search
  • add_to_cart, remove_from_cart und view_cart
  • begin_checkout, add_shipping_info und add_payment_info
  • purchase, mit Wert, Steuern, Versand und Rabattcodes

Das Pixel verwendet die Google-Analytics-Cookies des Besuchers. Ein Checkout-Ereignis gehört deshalb zum selben Besucher und zur selben Sitzung wie die Produktseite davor. Jede Anfrage verlässt den Browser in einer Form, die Werbeblocker nicht erkennen, und dein Tagging-Server leitet sie an Google Analytics 4 und an die Werbeplattformen weiter, die du auf der Container-Seite eingerichtet hast: Google Ads, Meta, TikTok und andere.

Shopify führt das Pixel nur aus, wenn die Datenschutzauswahl eines Besuchers Analytics erlaubt. Das Cookie-Banner von Shopify entscheidet also, wer gezählt wird. Die Auswahl zur Werbung reist mit jedem Ereignis mit, sodass dein Server-Container Ereignisse von den Werbeplattformen zurückhalten kann. Die App liest nie die Kontaktdaten deiner Kunden.

Optional: dein eigener Tag-Manager-Container auf jeder Seite

Das Pixel sendet seine Ereignisse selbst und lädt deinen Web-Container von Tag Manager nicht. Diesen Container brauchst du in der Storefront nur, wenn er eigene Tags enthält, etwa ein Heatmap-Tool oder das Scroll- und Klick-Tracking von GA4. Öffne dann in der App „Optional: deinen eigenen Tag-Manager-Container auf jeder Seite laden“ und klicke auf „Im Theme-Editor aktivieren“. Der Theme-Editor von Shopify öffnet sich mit eingeschaltetem SignalHost; wirksam wird es, wenn du dort auf „Speichern“ klickst.

Dein Tag-Manager-Container sendet dann die Seitenaufrufe auf den Seiten der Storefront, und das Pixel lässt sie dort weg, sodass nichts doppelt zählt. Die Einstellung „Shopifys Cookie-Banner für Google Consent Mode verwenden“ im Embed lässt Tags auf die Antwort des Besuchers warten. Schalte sie nur aus, wenn bereits eine andere App den Google Consent Mode setzt.

Deine eigene Tracking-Domain

Dein Container startet mit einer Adresse unter signalhost.io. In einem kostenpflichtigen Tarif führt dich „Eigene Domain einrichten“ auf der Container-Seite mit einem einzigen DNS-Eintrag zu einer Subdomain der Domain deines Shops, etwa metrics.dein-shop.de. Browser behandeln sie als First-Party, ihre Cookies zählen also als deine eigenen, und Anzeigenklicks bleiben zugeordnet. Sobald sie live ist, stellt die App deine Storefront und deinen Checkout innerhalb weniger Minuten um. Du musst nichts von Hand ersetzen.

SignalHost von Hand einbinden

Du kannst SignalHost auch ohne die App in einen Shopify-Shop einbinden. Öffne auf signalhost.io deinen Container, suche das Snippet in der Karte „Auf deiner Website einbinden“ und klicke auf „Kopieren“. Gehe dann in Shopify zu Onlineshop › Themes › ⋯ › Code bearbeiten, öffne theme.liquid und füge das Snippet direkt nach dem öffnenden head-Tag ein. Lädt dein Theme bereits Google Tag Manager oder ein Google-Tag für dieselbe Analytics-Property, ersetze dieses Snippet, statt ein zweites hinzuzufügen. Speichere, besuche deinen Shop und klicke auf der Container-Seite auf „Snippet eingefügt“.

Damit lädt dein Tag-Manager-Container auf den Seiten deines Themes, mit Seitenaufrufen und allem, was dein Theme selbst in den dataLayer schreibt. Es fehlt, was das Pixel hinzufügt: Der Checkout von Shopify führt keinen Theme-Code aus, daher erreichen die Checkout-Schritte und der Kauf ein Snippet in theme.liquid nie, und auch die Produkt- und Warenkorb-Ereignisse kommen vom Pixel. Wenn deine eigene Domain live geht, ersetzt du das Snippet selbst. Installierst du die App später, entferne zuerst das Snippet, sonst zählt jeder Seitenaufruf doppelt.

Tarife und Abrechnung

Ein über die App verbundener Shop bezahlt SignalHost über Shopify. „Tarife und Abrechnung“ auf der Seite der App öffnet die Seite von Shopify, auf der du deinen Tarif wählst oder wechselst, und der Betrag erscheint auf deiner Shopify-Rechnung. Nach dem Verbinden zeigt die App außerdem die Anfragen dieses Monats im Verhältnis zum Limit deines Tarifs.

Ein Konto hat genau einen Zahler. Bezahlt dein SignalHost-Konto bereits per Karte oder zahlt ein anderer Shopify-Shop dafür, weist die App darauf hin, und der Tarif dieses Shops wird nicht verwendet. Kündige einen davon, damit du nicht doppelt bezahlst.

Verwalten und trennen

„Trennen“ steht unten auf der Seite der App und verlangt einen zweiten Klick. SignalHost entfernt dann das Pixel der App und die Werte, die das Theme-Embed liest, und wird innerhalb weniger Minuten nicht mehr in deinem Shop geladen. Dein Container und seine Statistiken bleiben erhalten, und „Mit SignalHost verbinden“ verknüpft den Shop wieder. Auf signalhost.io steht der Shop auch unter Einstellungen › Verbundene Websites.

Deinstallierst du die App stattdessen in Shopify, markiert SignalHost den Shop als getrennt, und ein über Shopify bezahlter Tarif endet mit der App: Dein Konto kehrt zum kostenlosen Tarif zurück.

Wenn etwas nicht funktioniert

  • Die App bleibt bei „Fast geschafft“: Ein neuer Container wird noch eingerichtet, was einige Minuten dauert. Ist die Einrichtung fehlgeschlagen, öffne den Container, um den Grund zu sehen.
  • Die App meldet, dass dein Container noch keine Google-Analytics-Property hat: Öffne den Container und füge eine hinzu. Bis dahin kann das Pixel keine Daten senden.
  • „Letzte 7 Tage“ bleibt bei null: Öffne den Live-Shop und akzeptiere das Cookie-Banner. Shopify führt das Pixel nur für Besucher aus, deren Datenschutzauswahl Analytics erlaubt.
  • Bei eingeschaltetem Theme-Embed meldet die App, dass der Tracking-Code doppelt vorkommt oder noch eine ältere Kopie in deinem Theme steckt: Entferne das Snippet, das du früher in theme.liquid eingefügt hast.
  • Du hast das Limit deines Tarifs erreicht: Neue Ereignisse werden bis zu dem Datum, das die App nennt, nicht erfasst, es sei denn, du wechselst in einen höheren Tarif.
  • Alles andere: Schreib an hello@signalhost.io und nenne die Adresse deines Shops.

Marken

SignalHost ist ein unabhängiges Produkt der Algorithmo GmbH. Es steht in keiner Verbindung zu Shopify, Google, Meta oder TikTok und wird von diesen nicht unterstützt. Google Analytics, Google Ads und Google Tag Manager sind Marken der Google LLC; Meta ist eine Marke der Meta Platforms, Inc.; TikTok ist eine Marke der ByteDance Ltd.; Shopify ist eine Marke der Shopify Inc.

Serverseitiges Tagging für deine Website

Erstelle ein kostenloses Konto. Wir übernehmen die Einrichtung und das Hosting deiner Container.