Verwalten Sie Ihre PWA-Tags ganz einfach mit Google Tag Manager.

Google Tag Manager ist ein "Tag Management System". Es handelt sich um einen Dienst, der es ermöglicht, ein kleines Stück Javascript-Code auf einer Webseite zu verwenden, um andere Javascript-Codeteile aufzurufen. Einfach ausgedrückt handelt es sich um einen leeren Kasten (Container genannt), in dem Sie alles, was Sie wollen (ein Tag), zu einem beliebigen Zeitpunkt erscheinen lassen können.

Der Hauptvorteil von TMS ist, dass Sie einen technischen Eingriff auf Ihrer Website nur einmal durchführen müssen. Sobald das TMS-Javascript hinzugefügt wurde, brauchen Sie sich nicht mehr darum zu kümmern. Der Rest der Konfiguration erfolgt über die Verwaltungsschnittstelle des TMS.

Google Tag Manager ist ein von Google angebotener Dienst. Über die Verwaltungsschnittstelle von GTM können Sie Tags hinzufügen und Trigger definieren.
Tags sind die verschiedenen Javascript-Codes, die Sie in dem Container auf Ihrer Website ausführen möchten.
Trigger sind Regeln, die Sie definieren, um die Anzeige der Tags auszulösen.

GTM bietet eine große Anzahl von Standard-Tags und Triggern, so dass die Konfiguration recht einfach ist, auch wenn die Schnittstelle auf den ersten Blick komplex erscheint.

Wenn Sie z.B. AdRoll für Re-Targeting-Kampagnen verwenden, müssen Sie nur das AdRoll-Tag in GTM hinzufügen und den Trigger zuweisen, der die Anzeige auf allen Seiten Ihrer PWA auslöst, und schon sind Sie fertig!

Zunächst müssen Sie die Schnittstelle von Google Tag Manager aufrufen. Falls Sie dies noch nicht getan haben, müssen Sie zunächst einen Container erstellen. Es ist möglich, mehrere Container in GTM zu erstellen, aber in der Praxis ist ein Container ausreichend.
Nachdem Sie den Container erstellt haben, rufen Sie seine Audiodatei ab. Sie hat die Form GTM-XXXXXXXXX.

Gehen Sie dann in das Backoffice Ihrer PWA. Öffnen Sie das Menü Statistiken > Externe Werkzeuge > PWA Registerkarte.
Klicken Sie im Feld Google Tag Manager auf ON, geben Sie die ID Ihres Containers ein und klicken Sie auf die Schaltfläche Speichern.
Gehen Sie dann zu Veröffentlichen > PWA > Aktualisieren und aktualisieren Sie Ihre App.

Hinweis: Denken Sie daran, dass Sie bei der Aktualisierung Ihrer App zunächst überprüfen sollten, ob die neueste Version, die Sie zusammengestellt haben, die Google Tag Manager-Funktionalität unterstützt. Wenn dies nicht der Fall ist, kompilieren Sie Ihre PWA neu.
Wenn dies bereits der Fall ist, genügt ein einfaches Update der Einstellungen der PWA, um Ihre Google Tag Manager Konfiguration zu übernehmen.

Sobald Sie die ID Ihres GTM-Containers in Ihre PWA eingegeben (und diese aktualisiert) haben, müssen Sie nur noch das GTM-Management-Interface aufrufen, um Ihre Tag- und Trigger-Einstellungen in Ihrem Container vorzunehmen.
Die Online-Hilfe von Google ist sehr detailliert und erklärt Ihnen Schritt für Schritt, wie Sie dies tun können.

Seit Ende Dezember 2019 ist es möglich,AMP (Accelerated Mobile Seiten) für die Produktdatenblätter der GoodBarber Shopping Apps zuaktivieren. Wenn Sie AMP in Ihrer E-Commerce App aktiviert haben und einen GTM-Container zur AMP Version Ihrer Produktdatenblätter hinzufügen möchten, können Sie das!

Dazu müssen Sie lediglich in Ihrem Google Tag Manager-Konto einen Container für AMP erstellen. Besorgen Sie sich die ID dieses Containers und geben Sie sie in das Backoffice Ihrer Shopping App ein.
Gehen Sie dazu in das Menü Statistiken > Externe Werkzeuge > PWA Registerkarte. Es gibt ein GTM-Eingabefeld für AMP.