Trustbadge integrieren
Schritt 1
Gehen Sie in die Verwaltung Ihres Kontos im Google Tag Manager und wählen Sie innerhalb der Hauptnavigation am linken Bildschirmrand den Menüpunkt „Tags“ () aus. Klicken Sie in der sich nun öffnenden Übersicht auf den Button „Neu“ (
).
Vergeben Sie zunächst einen Namen () für das neue Tag (z.B. „Trustbadge“). Klicken Sie anschließend auf „Tag-Konfiguration“ (
). Daraufhin öffnet sich ein weiteres Menü. Wählen Sie in diesem die Option „Benutzerdefiniertes HTML“ (
) aus.
Schritt 2
Für den nächsten Schritt benötigen Sie Ihren persönlichen Trustbadge-Code. Die Grundlage für Ihren persönlichen Trustbadge-Code ist der folgende Integrationscode:
<script async
data-desktop-y-offset="0"
data-mobile-y-offset="0"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-width="156"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="156"
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="left"
data-mobile-enable-topbar="false"
data-mobile-enable-fadeout="true"
data-color-scheme="light"
charset="UTF-8"
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
</script>
Finden Sie innerhalb des Integrationscodes die folgende Codezeile:
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
Ersetzen Sie den fett markierten Bereich YOUR_TSID durch Ihre Trusted Shops ID.
Damit haben Sie Ihren Trustbadge-Code erstellt. Sofern Sie keine weiteren Anpassungen vornehmen, wird das Trustbadge …
… Ihre gesammelten Bewertungen und – nach erfolgreicher Zertifizierung – Ihr Gütesiegel anzeigen.
… in der Desktop-Ansicht auf der rechten Seite und in der mobilen Ansicht auf der linken Seite angezeigt.
… in der Desktop-Ansicht 54 Pixel oberhalb des unteren Bildschirmrands und in der mobilen Ansicht 10 Pixel oberhalb des unteren Bildschirmrands angezeigt.
An dieser Stelle haben Sie zwei Möglichkeiten:
- Sind Sie mit diesen Einstellungen einverstanden? Dann fahren Sie direkt mit den nächsten Schritten dieser Anleitung fort.
- Möchten Sie das Trustbadge anders darstellen oder an einer anderen Stelle in Ihrem Shop integrieren? Dann setzen Sie die Konfiguration des Trustbadge-Codes mithilfe dieses Artikels fort: Wie passe ich das Trustbadge® an meine Anforderungen an? Kehren Sie anschließend zu diesem Artikel zurück und fahren Sie mit den nächsten Schritten fort.
Kopieren Sie den kompletten Trustbadge-Code und kehren Sie zum Google Tag Manager zurück. Fügen Sie den Code in das Eingabefeld „HTML“ ein () und setzen Sie ein Häkchen bei „document.write unterstützen“ (
). Klicken Sie anschließend auf das Feld „Trigger“ (
).
Im nächsten Schritt definieren Sie, auf welchen Seiten Ihres Shops das neu erstellte Tag, das das Trustbadge beinhaltet, erscheinen soll. Wählen Sie „All Pages“ aus. Anschließend werden Sie in die Tag-Übersicht zurückgeleitet. Klicken Sie hier auf den Button „Speichern“ in der rechten oberen Ecke.
Das Trustbadge ist damit auf jeder Seite Ihres Shops verfügbar, auch auf der Bestellbestätigungsseite.
Die weiteren Schritte unterscheiden sich je nachdem, ob sie mit Trusted Shops nur Servicebewertungen oder Service- und Produktbewertungen sammeln. Klicken Sie daher nun auf den zu Ihrer Webseite passenden Link, um fortzufahren:
Servicebewertungen sammeln
Schritt 1
Um über das Trustbadge Bewertungsanfragen an Ihre Kundinnen und Kunden zu verschicken und Ihrer Kundschaft im Falle der Zertifizierung den Käuferschutz anzubieten, benötigt das Trustbadge eine kleine Hilfe. Diese erfolgt durch das Setzen eines DIV-Elements zur Erkennung Ihrer Bestellbestätigungsseite (Danke-Seite). Das Trustbadge öffnet dann dort für Ihre Kundschaft automatisch die Trustcard, welche die Absicherung der Bestellung und/oder die Einwilligung zur Bewertungseinladung beinhaltet.
Damit Ihre Kundinnen und Kunden es möglichst einfach haben und die eigenen Bestelldaten nicht unnötigerweise händisch eintragen müssen, sollten die für den Käuferschutz und die Bewertungseinladung notwendigen Daten aus ihrem Shoptemplate direkt an das Trustbadge übergeben werden. Der Google Tag Manager kann nur auf alle zum Abschluss des Käuferschutzes notwendigen Daten zugreifen, wenn Sie den Code im Google Tag Manager auf der Bestellbestätigungseite mit einem zusätzlichen Javascript-Objekt, dem DataLayer-Objekt, ergänzen.
Hierfür benötigen Sie den folgenden Code.
<script>
dataLayer.push({
ts_checkout: {
'tsCheckoutOrderNr': '2020-05-21-001',
'tsCheckoutBuyerEmail': 'mein.kunde@mail.de',
'tsCheckoutOrderAmount': 4005.95,
'tsCheckoutOrderCurrency': 'EUR',
'tsCheckoutOrderPaymentType': 'VORKASSE',
}});
</script>
Bevor Sie ihn im Google Tag Manager verwenden können, müssen Sie jedoch erst die im Code enthaltenen Beispielwerte durch die entsprechenden Variablen ersetzen, damit die Daten dynamisch befüllt werden. Zu diesem Zweck erläutern wir Ihnen an dieser Stelle kurz deren Funktion.
'tsCheckoutOrderNr': '2020-05-21-001',
Über diesen Parameter wird die Bestellnummer übergeben. Dies ist erforderlich, um einer abgegebenen Bewertung einen tatsächlichen Bestellvorgang zuordnen zu können. Sofern keine Bestellnummer zur Verfügung steht, kann auch ein Zeitstempel der jeweiligen Bestellung übergeben werden, sofern diese Referenz eindeutig ist.
'tsCheckoutBuyerEmail': 'mein.kunde@mail.de',
Dieser Parameter übergibt die E-Mail-Adresse Ihrer Kundin bzw. Ihres Kunden. Dies ist nötig, um Ihrer Kundschaft einige Tage nach der Bestellung eine Bewertungseinladung oder eine Bestätigungsmail über den abgeschlossenen Käuferschutz zusenden zu können.
'tsCheckoutOrderAmount': 4005.95,
Über diesen Parameter wird der Gesamtbetrag der Bestellung übergeben. Wie am Beispiel 4005.95 zu erkennen ist, ist das Dezimaltrennzeichen ein Punkt. Zudem werden zwei Nachkommastellen übergeben.
'tsCheckoutOrderCurrency': 'EUR',
Dieser Parameter übergibt das Währungskürzel der Bestellung gemäß ISO-Standard 4217. Sofern Sie nur eine Währung anbieten, können Sie diesen Wert hartcodiert eintragen.
'tsCheckoutOrderPaymentType': 'VORKASSE',
Über diesen Parameter wird die verwendete Zahlungsart übergeben. Ein einfacher Text-String reicht hier aus. Sollte bei Bestellabschluss die Zahlungsart nicht (mehr) zur Verfügung stehen, können Sie das Wort OTHER als Wert für diesen Parameter hartkodiert eintragen.
Da über das Element dynamische Bestelldaten übergeben werden sollen, dürfen Sie das obige Codebeispiel nicht unverändert in Ihre Bestellbestätigungsseite kopieren. Ersetzen Sie stattdessen die fett markierten Werte jedes Übergabeparameters durch entsprechende Variablen in der von Ihrem Shopsystem verwendeten Programmiersprache. In der Programmiersprache PHP könnte die Übergabe der Email-Adresse beispielsweise so aussehen:
'tsCheckoutBuyerEmail': '<?php echo $customer_email; ?>'
$customer_email entspricht dabei der E-Mail-Adresse der Kundin bzw. des Kunden in Ihrem Shopsystem. Die genaue Definition der zu verwendenden Variablen entnehmen Sie bitte der Dokumentation Ihres Shopsystems, da diese von System zu System unterschiedlich sind und wir an dieser Stelle keine allgemeingültigen Angaben machen können.
Sobald Sie den obigen Code vorbereitet haben, können Sie ihn kopieren. Fügen Sie ihn anschließend innerhalb Ihres Shops in das Template Ihrer Bestellbestätigungsseite ein.
Damit werden die Daten der konkreten Bestellung an das DataLayer-Objekt übergeben.
Schritt 2
Der Google Tag Manager bietet mit den benutzerdefinierten Variablen eine Möglichkeit, die Daten aus dem Data Layer zugänglich zu machen. Wählen Sie hierfür innerhalb des Hauptmenüs des Google Tag Managers den Menüpunkt „Variablen“ () aus und klicken Sie innerhalb des Bereiches „Benutzerdefinierte Variablen“ auf den Button „Neu“ (
).
Geben Sie nun zunächst einen Namen () für die Variable ein (z.B. „tsCheckoutOrderNr“) und klicken Sie dann auf „Variable konfigurieren“ (
).
Wählen Sie im sich nun öffnenden Menü den Menüpunkt „Datenschichtvariable“ () aus.
Geben Sie nun im Eingabefeld „Name der Datenschichtvariablen“ () den Namen der Datenschichtvariablen ein, aus der ausgelesen werden soll. In unserem Beispiel wollen wir den Wert aus dem Bestellnummernparameter auslesen. Daher verwenden wir als Namen „ts_checkout.tsCheckoutOrderNr“. Klicken Sie anschließend auf „Speichern“ (
), um die Variable anzulegen.
Damit haben Sie die Daten aus dem Bestellnummernparameter zugänglich gemacht. Wiederholen Sie diesen Schritt nun auch für die anderen Parameter. Verwenden Sie die folgende Liste, um die Google-Tag-Manager-Variablen auf der Grundlage der Namen der Datenschichtvariablen zu benennen:
| Name der Google-Tag-Manager-Variable | Name der Datenschichtvariable |
| tsCheckoutOrderNr | ts_checkout.tsCheckoutOrderNr |
| tsCheckoutOrderAmount | ts_checkout.tsCheckoutOrderAmount |
| tsCheckoutBuyerEmail | ts_checkout.tsCheckoutBuyerEmail |
| tsCheckoutOrderPaymentType | ts_checkout.tsCheckoutOrderPaymentType |
| tsCheckoutOrderCurrency | ts_checkout.tsCheckoutOrderCurrency |
Schritt 3
Es ist nun möglich die Variablen, die im vorherigen Schritt definiert wurden, in den Tags zu nutzen und das Checkout-DIV zu rendern. Wählen Sie hierfür zunächst den Menüpunkt „Tags“ () im Hauptmenü aus und klicken Sie auf den Button „Neu“ (
).
Bestimmen Sie für das neue Tag zunächst einen Namen (z.B. „Trustcard“) () und klicken Sie anschließend auf „Tag-Konfiguration“ (
). Wählen Sie nun den Menüpunkt „Benutzerdefiniertes HTML“ (
) aus.
Kopieren Sie nun den folgenden HTML-Code und fügen Sie ihn in das Eingabefeld „HTML“ () ein.
<script>
var strOut = '';
strOut += '<div id="trustedShopsCheckout" style="display: none;">';
strOut += '<span id="tsCheckoutOrderNr">' + {{tsCheckoutOrderNr}} + '</span>';
strOut += '<span id="tsCheckoutBuyerEmail">' + {{tsCheckoutBuyerEmail}} + '</span>';
strOut += '<span id="tsCheckoutOrderAmount">' + {{tsCheckoutOrderAmount}} + '</span>';
strOut += '<span id="tsCheckoutOrderCurrency">' + {{tsCheckoutOrderCurrency}} + '</span>';
strOut += '<span id="tsCheckoutOrderPaymentType">' + {{tsCheckoutOrderPaymentType}} + '</span>';
strOut += '</div>';
document.write(strOut);
if ("undefined" !== typeof trustbadge) {
trustbadge.remove();
trustbadge.reInitialize();
}
</script>
Aktivieren Sie zudem wieder „document.write unterstützen“ () durch ein Häkchen. Klicken Sie anschließend auf den Bereich „Trigger“ (
).
Damit das gerade zu erstellende Trustcard-Tag auch wirklich nur auf der Bestellbestätigungsseite erscheint, müssen Sie einen neuen Trigger konfigurieren. Klicken Sie hierfür auf das „+“.
Wählen Sie als Triggertyp „Seitenaufruf – DOM ist bereit“ () aus. Allerdings soll das Trustcard-Tag nicht auf allen Seiten ausgespielt werden. Entscheiden Sie sich daher für die Auswahlmöglichkeit „Einige Ereignisse, die bei bereitem DOM-Objekt ausgelöst werden“ (
). Anschließend können Sie eine Regel definieren (
). Bestimmen Sie über die beiden Dropdown-Menüs zunächst „Page URL“ und „enthält“ als erste Bestandteile Ihrer Regel. Geben Sie nun in das Eingabefeld einen Bestandteil der URL Ihrer Bestellbestätigungsseite ein, anhand dessen der Google Tag Manager die Bestellbestätigungsseite zweifelsfrei erkennen kann und das Trustcard-Tag auf ihr auslöst. Klicken Sie abschließend auf „Speichern“ (
).
Anschließend werden Sie zurück in die Übersicht des Tags geleitet. Klicken Sie auch hier auf „Speichern“, um die Erstellung des Trustcard-Tags abzuschließen.
Service- und Produktbewertungen sammeln
Schritt 1
Um über das Trustbadge Bewertungsanfragen an Ihre Kundinnen und Kunden zu verschicken und Ihrer Kundschaft im Falle der Zertifizierung den Käuferschutz anzubieten, benötigt das Trustbadge eine kleine Hilfe. Diese erfolgt durch das Setzen eines DIV-Elements zur Erkennung Ihrer Bestellbestätigungsseite (Danke-Seite). Das Trustbadge öffnet dann dort für Ihre Kundschaft automatisch die Trustcard, welche die Absicherung der Bestellung und/oder die Einwilligung zur Bewertungseinladung beinhaltet.
Damit Ihre Kundinnen und Kunden es möglichst einfach haben und die eigenen Bestelldaten nicht unnötigerweise händisch eintragen müssen, sollten die für den Käuferschutz und die Bewertungseinladung notwendigen Daten aus ihrem Shoptemplate direkt an das Trustbadge übergeben werden. Der Google Tag Manager kann nur auf alle zum Abschluss des Käuferschutzes notwendigen Daten zugreifen, wenn Sie den Code im Google Tag Manager auf der Bestellbestätigungseite mit einem zusätzlichen Javascript-Objekt, dem DataLayer-Objekt, ergänzen.
Hierfür benötigen Sie den folgenden Code.
<script>
dataLayer.push({
ts_checkout: {
'tsCheckoutOrderNr': '123456',
'tsCheckoutOrderAmount': 12.34,
'tsCheckoutBuyerEmail': 'kunde@provider.de',
'tsCheckoutOrderPaymentType': 'Kreditkarte',
'tsCheckoutOrderCurrency': 'EUR',
'tsCheckoutProducts': [{
'tsCheckoutProductUrl': 'http://www.shop.url/product1_page.html',
'tsCheckoutProductImageUrl': 'http://www.shop.url/image1.png',
'tsCheckoutProductName': 'Product Name 1',
'tsCheckoutProductSKU': '0123456789',
'tsCheckoutProductGTIN': '0123456789',
'tsCheckoutProductBrand': 'Mega Corp.',
},
{
'tsCheckoutProductUrl': 'http://www.shop.url/product2_page.html',
'tsCheckoutProductImageUrl': 'http://www.shop.url/image2.png',
'tsCheckoutProductName': 'Product Name 2',
'tsCheckoutProductSKU': '987654321',
'tsCheckoutProductGTIN': '987654321',
'tsCheckoutProductBrand': 'Mega Corp.',
}
]
}});
</script>
Bevor Sie ihn im Google Tag Manager verwenden können, müssen Sie jedoch erst die im Code enthaltenen Beispielwerte durch die entsprechenden Variablen ersetzen, damit die Daten dynamisch befüllt werden. Zu diesem Zweck erläutern wir Ihnen an dieser Stelle kurz deren Funktion.
'tsCheckoutOrderNr': '2020-05-21-001',
Über diesen Parameter wird die Bestellnummer übergeben. Dies ist erforderlich, um einer abgegebenen Bewertung einen tatsächlichen Bestellvorgang zuordnen zu können. Sofern keine Bestellnummer zur Verfügung steht, kann auch ein Zeitstempel der jeweiligen Bestellung übergeben werden, sofern diese Referenz eindeutig ist.
'tsCheckoutBuyerEmail': 'mein.kunde@mail.de',
Dieser Parameter übergibt die E-Mail-Adresse Ihrer Kundin bzw. Ihres Kunden. Dies ist nötig, um Ihrer Kundschaft einige Tage nach der Bestellung eine Bewertungseinladung oder eine Bestätigungsmail über den abgeschlossenen Käuferschutz zusenden zu können.
'tsCheckoutOrderAmount': 4005.95,
Über diesen Parameter wird der Gesamtbetrag der Bestellung übergeben. Wie am Beispiel 4005.95 zu erkennen ist, ist das Dezimaltrennzeichen ein Punkt. Zudem werden zwei Nachkommastellen übergeben.
'tsCheckoutOrderCurrency': 'EUR',
Dieser Parameter übergibt das Währungskürzel der Bestellung gemäß ISO-Standard 4217. Sofern Sie nur eine Währung anbieten, können Sie diesen Wert hartcodiert eintragen.
'tsCheckoutOrderPaymentType': 'VORKASSE',
Über diesen Parameter wird die verwendete Zahlungsart übergeben. Ein einfacher Text-String reicht hier aus. Sollte bei Bestellabschluss die Zahlungsart nicht (mehr) zur Verfügung stehen, können Sie das Wort OTHER als Wert für diesen Parameter hartkodiert eintragen.
'tsCheckoutProducts'
Dieser Parameter fasst die folgenden zum Sammeln von Produktbewertungen notwendigen Parameter zusammen.
'tsCheckoutProductUrl': 'http://www.shop.url/product1_page.html',
Über diesen Parameter wird der vollständige Link zur Produktdetailseite übergeben.
'tsCheckoutProductImageUrl': 'http://www.shop.url/image1.png',
Über diesen Parameter können Sie die URL eines Produktbilds übergeben. Das Produktbild wird im Bewertungsfragebogen angezeigt und erleichtert es Ihrer Kundschaft, sich an das Produkt zu erinnern. Da die Conversion nach unseren Erfahrungen deutlich höher ist, empfehlen wir die Übermittlung entsprechender URLs.
'tsCheckoutProductName': 'Product Name 1',
Dieser Parameter übergibt den Produktnamen.
'tsCheckoutProductSKU': '0123456789',
Über diesen Parameter wird die Stock Keeping Unit (SKU) – also die von Ihrem Shop vergebene Artikelnummer – übergeben.
'tsCheckoutProductGTIN': '0123456789',
Dieser Parameter übergibt die Global Trade Item Number (GTIN). Da die GTIN ein Produkt weltweit eindeutig identifiziert, erleichtert die Übergabe der GTIN es insbesondere Google, Ihre gesammelten Produktbewertungen dem richtigen Produkt zuzuordnen. Sofern Sie also unsere Google Integration gebucht haben und Kampagnen in Google Shopping und Google Ads durchführen, ist die Verwendung dieses Parameters erforderlich.
'tsCheckoutProductBrand': 'Mega Corp.',
Dieser Parameter übergibt die Produktmarke. Ebenso wie die GTIN hilft auch sie dabei, die Produkte eindeutig zu identifizieren und die gesammelten Bewertungen korrekt an Google zu übergeben.
Da über das Element dynamische Bestelldaten übergeben werden sollen, dürfen Sie das obige Codebeispiel nicht unverändert in Ihre Bestellbestätigungsseite kopieren. Ersetzen Sie stattdessen die fett markierten Werte jedes Übergabeparameters durch entsprechende Variablen in der von Ihrem Shopsystem verwendeten Programmiersprache. In der Programmiersprache PHP könnte die Übergabe der Email-Adresse beispielsweise so aussehen:
'tsCheckoutBuyerEmail': '<?php echo $customer_email; ?>'
$customer_email entspricht dabei der E-Mail-Adresse der Kundin bzw. des Kunden in Ihrem Shopsystem. Die genaue Definition der zu verwendenden Variablen entnehmen Sie bitte der Dokumentation Ihres Shopsystems, da diese von System zu System unterschiedlich sind und wir an dieser Stelle keine allgemeingültigen Angaben machen können.
Sobald Sie den obigen Code vorbereitet haben, können Sie ihn kopieren. Fügen Sie ihn anschließend innerhalb Ihres Shops in das Template Ihrer Bestellbestätigungsseite ein.
Damit werden die Daten der konkreten Bestellung an das DataLayer-Objekt übergeben.
Schritt 2
Der Google Tag Manager bietet mit den benutzerdefinierten Variablen eine Möglichkeit, die Daten aus dem Data Layer zugänglich zu machen. Wählen Sie hierfür innerhalb des Hauptmenüs des Google Tag Managers den Menüpunkt „Variablen“ () aus und klicken Sie innerhalb des Bereiches „Benutzerdefinierte Variablen“ auf den Button „Neu“ (
).
Geben Sie nun zunächst einen Namen () für die Variable ein (z.B. „tsCheckoutOrderNr“) und klicken Sie dann auf „Variable konfigurieren“ (
).
Wählen Sie im sich nun öffnenden Menü den Menüpunkt „Datenschichtvariable“ () aus.
Geben Sie nun im Eingabefeld „Name der Datenschichtvariablen“ () den Namen der Datenschichtvariablen ein, aus der ausgelesen werden soll. In unserem Beispiel wollen wir den Wert aus dem Bestellnummernparameter auslesen. Daher verwenden wir als Namen „ts_checkout.tsCheckoutOrderNr“. Klicken Sie anschließend auf „Speichern“ (
), um die Variable anzulegen.
Damit haben Sie die Daten aus dem Bestellnummernparameter zugänglich gemacht. Wiederholen Sie diesen Schritt nun auch für die anderen Parameter. Verwenden Sie die folgende Liste, um die Google-Tag-Manager-Variablen auf der Grundlage der Namen der Datenschichtvariablen zu benennen:
| Name der Google-Tag-Manager-Variable | Name der Datenschichtvariable |
| tsCheckoutOrderNr | ts_checkout.tsCheckoutOrderNr |
| tsCheckoutOrderAmount | ts_checkout.tsCheckoutOrderAmount |
| tsCheckoutBuyerEmail | ts_checkout.tsCheckoutBuyerEmail |
| tsCheckoutOrderPaymentType | ts_checkout.tsCheckoutOrderPaymentType |
| tsCheckoutOrderCurrency | ts_checkout.tsCheckoutOrderCurrency |
| tsCheckoutProducts | ts_checkout.tsCheckoutProducts |
Schritt 3
Es ist nun möglich die Variablen, die im vorherigen Schritt definiert wurden, in den Tags zu nutzen und das Checkout-DIV zu rendern. Wählen Sie hierfür zunächst den Menüpunkt „Tags“ () im Hauptmenü aus und klicken Sie auf den Button „Neu“ (
).
Bestimmen Sie für das neue Tag zunächst einen Namen (z.B. „Trustcard“) () und klicken Sie anschließend auf „Tag-Konfiguration“ (
). Wählen Sie nun den Menüpunkt „Benutzerdefiniertes HTML“ (
) aus.
Kopieren Sie nun den folgenden HTML-Code und fügen Sie ihn in das Eingabefeld „HTML“ () ein.
<script>
var strOut = '';
strOut += '<div id="trustedShopsCheckout" style="display: none;">';
strOut += '<span id="tsCheckoutOrderNr">' + {{tsCheckoutOrderNr}} + '</span>';
strOut += '<span id="tsCheckoutBuyerEmail">' + {{tsCheckoutBuyerEmail}} + '</span>';
strOut += '<span id="tsCheckoutOrderAmount">' + {{tsCheckoutOrderAmount}} + '</span>';
strOut += '<span id="tsCheckoutOrderCurrency">' + {{tsCheckoutOrderCurrency}} + '</span>';
strOut += '<span id="tsCheckoutOrderPaymentType">' + {{tsCheckoutOrderPaymentType}} + '</span>';
var list = {{tsCheckoutProducts}}
list.forEach(function perProduct(product) {
strOut += '<span class="tsCheckoutProductItem">';
strOut += '<span class="tsCheckoutProductUrl">' + product.tsCheckoutProductUrl + '</span>';
strOut += '<span class="tsCheckoutProductImageUrl">' + product.tsCheckoutProductImageUrl + '</span>';
strOut += '<span class="tsCheckoutProductName">' + product.tsCheckoutProductName + '</span>';
strOut += '<span class="tsCheckoutProductSKU">' + product.tsCheckoutProductSKU + '</span>';
strOut += '<span class="tsCheckoutProductGTIN">' + product.tsCheckoutProductGTIN + '</span>';
strOut += '<span class="tsCheckoutProductBrand">' + product.tsCheckoutProductBrand + '</span>';
strOut += '</span>';
});
strOut += '</div>';
document.write(strOut);
if ("undefined" !== typeof trustbadge) {
trustbadge.remove();
trustbadge.reInitialize();
}
</script>
Aktivieren Sie zudem wieder „document.write unterstützen“ () durch ein Häkchen. Klicken Sie anschließend auf den Bereich „Trigger“ (
).
Damit das gerade zu erstellende Trustcard-Tag auch wirklich nur auf der Bestellbestätigungsseite erscheint, müssen Sie einen neuen Trigger konfigurieren. Klicken Sie hierfür auf das „+“.
Wählen Sie als Triggertyp „Seitenaufruf – DOM ist bereit“ () aus. Allerdings soll das Trustcard-Tag nicht auf allen Seiten ausgespielt werden. Entscheiden Sie sich daher für die Auswahlmöglichkeit „Einige Ereignisse, die bei bereitem DOM-Objekt ausgelöst werden“ (
). Anschließend können Sie eine Regel definieren (
). Bestimmen Sie über die beiden Dropdown-Menüs zunächst „Page URL“ und „enthält“ als erste Bestandteile Ihrer Regel. Geben Sie nun in das Eingabefeld einen Bestandteil der URL Ihrer Bestellbestätigungsseite ein, anhand dessen der Google Tag Manager die Bestellbestätigungsseite zweifelsfrei erkennen kann und das Trustcard-Tag auf ihr auslöst. Klicken Sie abschließend auf „Speichern“ (
).
Anschließend werden Sie zurück in die Übersicht des Tags geleitet. Klicken Sie auch hier auf „Speichern“, um die Erstellung des Trustcard-Tags abzuschließen.