← Alle Konfiguratoren / PlentyShop PWA Web-Container
PLENTY PWA // HEADLESS VUE 3 & ALOKAI // V3.7.3

PlentyShop PWA Web-Container (Client-GTM)

Der hochoptimierte Client-Side Google Tag Manager Web-Container für die moderne PlentyShop PWA (Headless Vue 3 / Nuxt / Alokai). Perfekt abgestimmt auf unser @smblnc/gtm-tracking Modul mit SPA Route-Change Handling, Consent Mode v2 und schnellem Event-Dispatching.

1. PWA Container-Parameter konfigurieren

Tragen Sie Ihre IDs ein. Der Generator setzt diese automatisch in die Konstanten-Variablen des PWA-Containers ein.

HEADLESS GTM BUILDER
Ihre PWA Storefront-Domain
Google Analytics 4 Measurement ID
15-16 stellige Meta Pixel ID
Format: AW- gefolgt von Ziffern
Kauf / Purchase Conversion Label
Optional für Pinterest
Optional für Microsoft Advertising
Optional für Klaviyo Tracking
✓ 100% Client-Side Generierung · Google Consent Mode v2 (Advanced) vordefiniert · Keine Datenübertragung an smblnc oder Dritte

2. PWA Web-Container im GTM importieren

SCHRITT 01

GTM Verwaltung öffnen

Öffnen Sie Ihren Google Tag Manager Web-Container und navigieren Sie auf Verwaltung → Container importieren.

SCHRITT 02

JSON-Datei auswählen

Wählen Sie die eben heruntergeladene .json-Datei aus und wählen Sie Ihren Arbeitsbereich aus.

SCHRITT 03

Zusammenführen wählen

Wählen Sie Zusammenführen (Merge) mit Widersprüchliche Variablen überschreiben.

SCHRITT 04

Veröffentlichen & PWA Modul

Veröffentlichen Sie den Container und tragen Sie Ihre GTM-ID im PWA-Modul gtm-tracking in Nuxt ein.

3. Headless SPA Events & Nuxt DataLayer

SPA Virtual Pageviews

Automatischer Virtual Pageview-Trigger bei Nuxt 3 Vue-Router Wechseln ohne Full Page Reload.

Alokai E-Commerce Standard

view_item, view_item_list, add_to_cart mit voller Reaktivität über Vue Pinia Store Hooks.

Headless Checkout Pipeline

Granulare Schritte begin_checkout, add_shipping_info, add_payment_info für Funnel-Analysen.

Purchase & Consent Mode v2

Vollständiges Transaktionsobjekt mit nativer Integration in das PWA Cookie-Consent-Banner.

MAXIMALE HEADLESS PERFORMANCE

Möchten Sie Third-Party Skripte aus der PWA verbannen?

Verbinden Sie die PWA mit dem passenden Server-Container (sGTM) für maximale PageSpeed Core Web Vitals und sichere serverseitige Meta CAPI.

Zum PlentyShop PWA Server-Container →