Custom GTM Loader
Custom Loader hilft dabei, die Skripte von Google Tag Manager und Google Analytics 4 widerstandsfähiger gegen Werbeblocker und ITPs zu machen, indem der Ladepfad von gtag.js und gtm.js geändert wird. Außerdem helfen ein Custom Loader und eine Custom Domain dabei, First-Party-Cookies zu setzen und die Lebensdauer von Cookies zu verlängern.
Wie man Custom Loader einrichtet
2. Wählen Sie Ihren sGTM-Container auf dem Dashboard aus.
3. Klicken Sie auf Power-ups und anschließend auf die Schaltfläche „Use“ neben dem Bereich Custom Loader.
4. Schalte den Schalter Custom Loader um.
5. Konfigurieren Sie den benutzerdefinierten Loader mit den folgenden Einstellungen:
- Domain - wählen Sie eine der mit Ihrem Container verknüpften Domains aus.
- Web GTM ID - fügen Sie Ihre Web-Google-Tag-Manager-ID ein.
- Enhanced ad blocker protection - wenn diese Option aktiviert ist, werden alle Ihre Anfragen an den Server-GTM verschlüsselt, sodass Ad-Blocker sie nicht anhand von Anfragemustern blockieren können.
- Same Origin Path - wenn Sie "Same Origin“ konfiguriert haben, geben Sie den verwendeten Pfad an, und sowohl GTM als auch GTAG JS werden über denselben Ursprung geladen. Erfahren Sie hier mehr über den Same-Origin-Ansatz für Server-GTM.
- Platform - Der Web-GTM-Code unterscheidet sich je nach E-Commerce-Plattform. Wenn Sie Stape-Anwendungen für CMS verwenden, wählen Sie die Plattform aus der Liste aus. Andernfalls wählen Sie die Option „Andere“, um ein JS-Snippet zu generieren. Weitere Informationen zu Stape-Conversion-Tracking-Apps für CMS finden Sie auf unserer Seite.
Wenn Sie die Plattformen Shopify, WordPress, Magento, BigCommerce, Wix oder PrestaShop nutzen, benötigen Sie zur Einrichtung von Custom Loader die entsprechende, von Stape entwickelte App/das entsprechende Plugin/die entsprechende Erweiterung.
1. Laden Sie die App für Ihre Plattform herunter und konfigurieren Sie sie:
- Shopify: download link, Konfigurationsanleitung.
- WordPress: download link, Konfigurationsanleitung.
- Magento: download link, Konfigurationsanleitung.
- BigCommerce: download link, Konfigurationsanleitung.
- Wix: download link, Konfigurationsanleitung.
- PrestaShop: download link, Konfigurationsanleitung.
2. Kehren Sie zur Einrichtungsseite für den Custom Loader zurück. Sobald Sie alle Informationen zu Code und Einrichtung eingegeben haben, klicken Sie auf die Schaltfläche Generate.
3. Befolgen Sie die Anweisungen in der Configuration, um den Custom Loader in Ihrer App einzurichten.
Wenn Sie die Option Andere Plattform auswählen, erhalten Sie einen JS-Code, den Sie anstelle des Standard-GTM-Loaders auf Ihrer Website verwenden können. Um den Code zu konfigurieren, geben Sie die folgenden zusätzlichen Informationen ein:
- User identifier type - verfügbar, wenn die Option “Generate with Cookie Keeper” aktiviert ist (siehe unten). Die empfohlene Methode zur Identifizierung ist ein Cookie. Weitere Informationen finden Sie unter „So wählen Sie eine Benutzerkennung aus“.
- Cookie name - legen Sie den Namen des First-Party-Cookies fest, das als Benutzeridentifikator verwendet werden soll.
Sie können auf "Advanced settings“ klicken, um weitere Informationen einzugeben:
- Data Layer variable name - geben Sie diesen an, wenn Sie einen nicht standardmäßigen „dataLayer“ verwenden; andernfalls lassen Sie das Feld leer.
- Generate with Cookie Keeper - Diese Option ist verfügbar, wenn das Cookie-Keeper-Power-Up aktiviert ist. Bei Aktivierung fügt der Code beim Laden von GTM zusätzlich den Cookie-Keeper-Vorgang hinzu.
- Set _xsd localStorage only after consent - wenn diese Option aktiviert ist, speichert Stape den Ad-Blocker-Status erst dann in _xsd localStorage, wenn im Google Consent Mode die Einwilligung für analytics_storage erteilt wurde. Ohne Einwilligung läuft die Erkennung weiterhin, das Ergebnis wird jedoch nicht zwischen den Seitenbesuchen gespeichert. Wenn diese Option deaktiviert ist, erfolgt die Speicherung in localStorage unabhängig vom Einwilligungsstatus.
6. Klicken Sie auf Generate. Sie erhalten dann Anweisungen, wie Sie einen Custom Loader zu Ihrer Website hinzufügen (oder einen JS-Code, falls Sie die Plattform „Other“ ausgewählt haben).
Nehmen Sie die erforderlichen Änderungen auf Ihrer Website (fügen Sie den Code ein) oder in den von Ihnen verwendeten Stape-Anwendungen vor.
Wenn Sie den Custom Loader zur Website hinzufügen, stellen Sie sicher, dass Sie auch den Standard-GTM-Loader entfernen, falls vorhanden.
Testen Sie die Einrichtung des Custom Loaders
Um zu überprüfen, ob alles korrekt funktioniert, klicken Sie mit der rechten Maustaste auf eine beliebige Webseite → klicken Sie auf „Inspect“ → öffnen Sie den Reiter „Network“. Geben Sie dann Ihre benutzerdefinierte Subdomain oder den gleichen Ursprungspfad ein, falls verwendet.
Wenn alles korrekt ist, sollten Sie die Google Tag Manager-Anfrage-URL und den Statuscode "200 OK” sehen.
Nachfolgend finden Sie ein Beispiel für die Verschlüsselung der GA4-Anfrage mit aktivem Custom Loader und aktiviertem erweiterten Ad-Blocker-Schutz:
Und so sieht es aus, wenn der benutzerdefinierte Loader nicht aktiviert und kein erweiterter Werbeblocker-Schutz konfiguriert ist:
Vorteile von Custom Loader
- Setzt First-Party-Cookies.
- Macht GTM und GA4 widerstandsfähig gegen Werbeblocker und ITPs.
- Bewahrt die Datenverfolgung intakt.
Anwendungsfälle des Power-ups
Relevante Blogbeiträge
Vorteile von Stape Hosting für Google Tag Manager Server
Das Hosten Ihres Servers Google Tag Manager auf Stape ist der beste Weg, um Server-seitiges Tagging einzurichten. Hier ist der Grund...
Was ist serverseitiges Tracking?
Sie fragen sich, was Server-seitiges Tagging ist und wie es funktioniert? In diesem Blogbeitrag erfahren Sie all das und mehr!