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.

Klicken Sie auf Neu.

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.

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

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

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

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

9.5.2 - Auslöser konfigurieren: Alle Produktseiten

Klicken Sie in Auslöser auf Neu.

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

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

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

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

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

9.5.3 - Auslöser konfigurieren: Alle authentifizierten Seiten

Klicken Sie in Auslöser auf Neu.

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.

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

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

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

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

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.

Klicken Sie auf Neu.

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

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

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

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

Klicken Sie anschließend auf Tag-Konfiguration.

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

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:

Klicken Sie auf Speichern , um Ihr Tag zu speichern.

9.5.5 - Tag konfigurieren: Alle Produktseiten

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

Klicken Sie auf Neu.

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

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

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

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

Klicken Sie anschließend auf Tag-Konfiguration.

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:

Klicken Sie auf Speichern , um Ihr Tag zu speichern.

9.5.6 - Tag konfigurieren: Alle authentifizierten Seiten

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

Klicken Sie auf Neu.

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

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

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

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

Klicken Sie anschließend auf Tag-Konfiguration.

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

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:

Klicken Sie auf Speichern , um Ihr Tag zu speichern.

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