9.5 Google Tag-Manager-Tags und -Auslöser konfigurieren

Nachdem Sie die Erweiterungen und Datenelemente erstellt haben, ist es an der Zeit, unsere Regeln oder "Auslöser"zu erstellen, wie sie im Google Tag-Manager aufgerufen werden.

Gehen Sie zu https://tagmanager.google.com/ und melden Sie sich mit Ihren persönlichen Anmeldedaten an.

9.5.1 - Auslöser konfigurieren: Alle allgemeinen Seiten

Gehen Sie im Google Tag-Manager-Menü zu Auslöser.

Setup starten

Klicken Sie auf Neu.

Setup starten

Unser erster Auslöser wird auf allen allgemeinen Seiten ausgelöst.
Als Namen für diesen Auslöser sollten wir ihn verwenden All General Pages.

Setup starten

Wir müssen einen Auslöser für diese Regel konfigurieren, also klicken wir auf die Auslöserkonfiguration.

Setup starten

Dieser Auslöser sollte auf bestimmten Ansichten der Seite aktiviert werden. Wählen Sie also Ansicht.

Setup starten

Wählen Sie dann " Einige Ansichten "und geben Sie an, dass der Auslöser ausgelöst werden soll, wenn pageType gleich Generalist.

Setup starten

Klicken Sie auf Speichern , um den Auslöser zu speichern.

Setup starten

9.5.2 - Auslöser konfigurieren: Alle Produktseiten

Klicken Sie in Auslöser auf Neu.

Setup starten

Unser zweiter Auslöser wird auf allen Produktseiten ausgelöst.
Als Namen für diesen Auslöser sollten wir ihn verwenden All Product Pages.

Setup starten

Wir müssen einen Auslöser für diese Regel konfigurieren, also klicken wir auf die Auslöserkonfiguration.

Setup starten

Dieser Auslöser sollte auf bestimmten Ansichten der Seite aktiviert werden. Wählen Sie also Ansicht.

Setup starten

Wählen Sie dann " Einige Ansichten "und geben Sie an, dass der Auslöser ausgelöst werden soll, wenn pageType gleich Products

Setup starten

Klicken Sie auf Speichern , um den Auslöser zu speichern.

Setup starten

9.5.3 - Auslöser konfigurieren: Alle authentifizierten Seiten

Klicken Sie in Auslöser auf Neu.

Setup starten

Unser dritter Auslöser wird auf allen authentifizierten Seiten ausgelöst.
Als Namen für diesen Auslöser sollten wir ihn verwenden All Authenticated Pages.

Setup starten

Wir müssen einen Auslöser für diese Regel konfigurieren, also klicken wir auf die Auslöserkonfiguration.

Setup starten

Dieser Auslöser sollte auf bestimmten Ansichten der Seite aktiviert werden. Wählen Sie also Ansicht.

Setup starten

Wählen Sie dann " Einige Ansichten "und geben Sie an, dass der Auslöser ausgelöst werden soll, wenn customerLoggedIn gleich Yes.

Setup starten

Klicken Sie auf Speichern , um den Auslöser zu speichern.

Setup starten

Damit haben Sie die Einrichtung Ihrer Auslöser im Google Tag-Manager erfolgreich abgeschlossen.

Konfigurieren wir nun die Tags , die an Adobe Experience Platform gesendet werden, und verknüpfen Sie die soeben erstellten Auslöser mit diesen Tags.

9.5.4 - Tag konfigurieren: Alle allgemeinen Seiten

Wechseln Sie im Google Tag-Manager-Menü zu Tags.

Setup starten

Klicken Sie auf Neu.

Setup starten

Unser erstes Tag wird auf allen allgemeinen Seiten ausgelöst.
Als Namen für dieses Tag verwenden wir All General Pages.

Setup starten

Klicken Sie auf Auslösen , um die erstellten Tags mit diesem Tag zu verknüpfen.

Setup starten

Wählen Sie Ihren All General Pages - Auslöser.

Setup starten

Klicken Sie auf Hinzufügen , um den Auslöser diesem Tag hinzuzufügen.

Setup starten

Klicken Sie anschließend auf Tag-Konfiguration.

Setup starten

Wählen Sie im Menü die Option Benutzerdefiniertes HTML.

Setup starten

Fügen Sie diesen Code in das Tag ein:

<script>console.log(">>>>>GA - All General Pages - Sending Page View to DCS");fetch("{{dcsStreamingEndpoint}}",{"credentials":"omit","headers":{"accept":"*/*","accept-language":"en-US,es;q=0.9,en;q=0.8","cache-control":"no-cache","content-type":"application/json","pragma":"no-cache","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{eeDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GA\"},\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"eventType\":\"GTM_pageView\",\"web\":{\"webPageDetails\":{\"name\":\"{{pageName}}\",\"pageViews\":{\"value\":1}}},\"timestamp\":\"{{pageTimeStamp}}\",\"environment\":{\"browserDetails\":{\"userAgent\":\"{{pageUserAgent}}\",\"acceptLanguage\":\"{{customerLanguage}}\"}},\"{{aepTenantId}}\":{\"demoEnvironment\":{\"brandName\":\"{{brandName}}\",\"tms\":\"GTM\"},\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\"}}}}}}","method":"POST","mode":"cors"});</script>

Ihre Konfiguration sollte nun wie folgt aussehen:

Setup starten

Klicken Sie auf Speichern , um Ihr Tag zu speichern.

Setup starten

9.5.5 - Tag konfigurieren: Alle Produktseiten

Wechseln Sie im Google Tag-Manager-Menü zu Tags.

Setup starten

Klicken Sie auf Neu.

Setup starten

Unser erstes Tag wird auf allen Produktseiten ausgelöst.
Als Namen für dieses Tag verwenden wir All Product Pages.

Setup starten

Klicken Sie auf Auslösen , um die erstellten Tags mit diesem Tag zu verknüpfen.

Setup starten

Wählen Sie Ihren All Product Pages Auslöser.

Setup starten

Klicken Sie auf Hinzufügen , um den Auslöser diesem Tag hinzuzufügen.

Setup starten

Klicken Sie anschließend auf Tag-Konfiguration.

Setup starten

Wählen Sie im Menü die Option Benutzerdefiniertes HTML.

Fügen Sie diesen Code in das Tag ein:

<script>
console.log(">>>>> GA - All Product Pages - Sending Product View to DCS");
  
fetch("{{dcsStreamingEndpoint}}", {"credentials":"omit","headers":{"accept":"*/*","accept-language":"en,nl;q=0.9,en-US;q=0.8,en-GB;q=0.7,sv;q=0.6,it;q=0.5,fr;q=0.4,es;q=0.3,da;q=0.2,de;q=0.1","content-type":"application/json","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{eeDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GTM\"},\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"eventType\":\"GTM_productView\",\"web\":{\"webPageDetails\":{\"name\":\"{{pageName}}\"}},\"commerce\":{\"productViews\":{\"value\":1}},\"timestamp\":\"{{pageTimeStamp}}\",\"environment\":{\"browserDetails\":{\"userAgent\":\"{{pageUserAgent}}\",\"acceptLanguage\":\"{{customerLanguage}}\"}},\"identityMap\":{\"GOOGLE\":[{\"id\":\"{{gaClientId}}\"}]},\"productListItems\":[{\"SKU\":\"{{productName}}\",\"priceTotal\":{{productPrice}},\"quantity\":1,\"name\":\"{{productName}}\",\"product\":\"{{productImageUrl}}\",\"productAddMethod\":\"Desktop\",\"{{aepTenantId}}\":{\"core\":{\"imageURL\":\"{{productImageUrl}}\"}}}],\"{{aepTenantId}}\":{\"demoEnvironment\":{\"brandName\":\"{{brandName}}\",\"tms\":\"GTM\"},\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\"}}}}}}","method":"POST","mode":"cors"});
</script>

Ihre Konfiguration sollte nun wie folgt aussehen:

Setup starten

Klicken Sie auf Speichern , um Ihr Tag zu speichern.

Setup starten

9.5.6 - Tag konfigurieren: Alle authentifizierten Seiten

Wechseln Sie im Google Tag-Manager-Menü zu Tags.

Setup starten

Klicken Sie auf Neu.

Setup starten

Unser erstes Tag wird auf allen authentifizierten Seiten ausgelöst.
Als Namen für dieses Tag verwenden wir All Authenticated Pages.

Setup starten

Klicken Sie auf Auslösen , um die erstellten Tags mit diesem Tag zu verknüpfen.

Setup starten

Wählen Sie Ihren All Authenticated Pages Auslöser.

Setup starten

Klicken Sie auf Hinzufügen , um den Auslöser diesem Tag hinzuzufügen.

Setup starten

Klicken Sie anschließend auf Tag-Konfiguration.

Setup starten

Wählen Sie im Menü die Option Benutzerdefiniertes HTML.

Setup starten

Fügen Sie diesen Code in das Tag ein:

<script>
console.log(">>>>> GA - All Authenticated Pages - Sending PageView to DCS");
  
fetch("{{dcsStreamingEndpoint}}", {"credentials":"omit","headers":{"accept":"*/*","accept-language":"en,nl;q=0.9,en-US;q=0.8,en-GB;q=0.7,sv;q=0.6,it;q=0.5,fr;q=0.4,es;q=0.3,da;q=0.2,de;q=0.1","content-type":"application/json","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{profileDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GA\"},\"schemaRef\":{\"id\":\"{{profileSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{profileSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"_repo\":{\"createDate\":\"{{pageTimeStamp}}\"},\"person\":{\"name\":{\"lastName\":\"{{customerLastName}}\",\"firstName\":\"{{customerFirstName}}\"}},\"{{aepTenantId}}\":{\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\",\"email\":\"{{customerEmail}}\",\"phoneNumber\":\"{{customerMobileNr}}\"}}}}}}","method":"POST","mode":"cors"});
</script>

Ihre Konfiguration sollte nun wie folgt aussehen:

Setup starten

Klicken Sie auf Speichern , um Ihr Tag zu speichern.

Setup starten

Sie können Ihre Konfiguration jetzt in der nächsten Übung veröffentlichen.

Nächster Schritt: 9.6 Google Tag-Manager-Eigenschaft veröffentlichen

Zurück zu Modul 9

Zurück zu allen Modulen

Auf dieser Seite