Nachdem Ihr Webentwickler Code geschrieben hat, um die Variable „purchase-details“ mit Einträgen zu versehen, müssen Sie Ihre Floodlight-Tags oder Floodlight-Ereignis-Snippets aktualisieren, damit sie die Daten an Search Ads 360 weiterleiten können.
Wenn Sie Google Tag Manager verwenden, müssen Sie Ihren Container aktualisieren, um die Daten zu verwenden, die Sie an das Array ecommerce.purchase.products gesendet haben, oder Makros erstellen, die die Daten an Ihr Floodlight-Tag übergeben.
Tags manuell aktualisieren
Wenn Sie Kaufdetails direkt an ein Floodlight-Tag übergeben, hat Ihr Webentwickler die Variable „purchase-details“ für die Seite höchstwahrscheinlich in einem JavaScript-Objekt oder als benutzerdefinierte Variable im DOM verfügbar gemacht.
Angenommen, Ihr Webentwickler stellt die Kaufdetails in einem JavaScript-Objekt namens floodlightSpec zur Verfügung. In diesem Fall müssten Sie Ihr Floodlight-Ereignis-Snippet folgendermaßen aktualisieren:
<!--
Event snippet for Thank You on http://www.example.com/thanks: Please do not remove.
Place this snippet on pages with events you’re tracking.
Creation date: 11/01/2017
-->
<script>
gtag('event', 'purchase',
{
'allow_custom_scripts': true,
'send_to': 'DC-1234567/group1/thank123+transactions',
'transaction_id': floodlightSpec.sessionID,
'value': floodlightSpec.revenue,
'items': [
{ 'id': floodlightSpec.item[0].id,
'price': floodlightSpec.item[0].price,
'quantity': floodlightSpec.item[0].number
},
{ 'id': floodlightSpec.item[1].id,
'price': floodlightSpec.item[1].price,
'quantity': floodlightSpec.item[1].number
}
],
'country': floodlightSpec.country,
'language': floodlightSpec.lang
}
);
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=1234567;type=group1;cat=thank123;
qty=1;cost=floodlightSpec.revenue;dc_lat=;dc_rdid=;
tag_for_child_directed_treatment=;tfua=;npa=;
ord=floodlightSpec.sessionID;prd=i1:floodlightSpec.item[0].id|p1:floodlightSpec.item[0].price|q1:floodlightSpec.item[0].number|i2:floodlightSpec.item[1].id|p2:floodlightSpec.item[1].price|q2:floodlightSpec.item[1].number|c:floodlightSpec.country|l:floodlightSpec.lang?" width="1" height="1" alt="">
</noscript>
<!-- End of event snippet: Please do not remove -->
Hinweis: Von Search Ads 360 generierte Ereignis-Snippets enthalten ein optionales <noscript>-Tag mit einem Floodlight-Image-Tag. Mithilfe dieses Tags werden Conversions in Browsern gemeldet, die kein JavaScript unterstützen.
Tags mit Google Tag Manager aktualisieren
Google Tag Manager unterstützt Sie bei der Verwendung von Tags auf Ihrer Website. Anstatt die Tags direkt auf Ihrer Website hinzuzufügen und zu aktualisieren, tun Sie dies in Google Tag Manager. Google Tag Manager stellt dann die erforderlichen, korrekt formatierten Tags auf Ihrer Website bereit. Weitere Informationen zu Google Tag Manager
Wenn Sie dynamisch generierte Daten, z. B. Kaufdetails, an von Google Tag Manager verwaltete Tags übergeben möchten, kann Ihr Webentwickler dazu so vorgehen:
Daten aus der Datenschicht verwenden
Wenn Ihr Webentwickler die Variable „purchase-details“ in der Datenschicht verfügbar gemacht hat, gehen Sie so vor, um die Daten an Ihr Floodlight-Tag zu übergeben:
- Wenden Sie die Methode dataLayer.push an, um die Daten in der Datenschicht von Google Tag Manager verfügbar zu machen.
-
Gehen Sie in Google Tag Manager zum Container für Ihre Website.
-
Klicken Sie auf den Tab Tags und klicken Sie dann auf das Floodlight-Transaktions-Tag, das die Verkäufe meldet.
-
Klicken Sie auf das Stiftsymbol
, um Änderungen an dem Tag vorzunehmen.
-
Klicken Sie unter „Produktberichte“ das Kästchen Verkaufsdaten auf Produktebene bereitstellen an.
-
Wählen Sie in der Liste Datenquelle die Option Datenschicht aus.
Google Tag Manager verwendet automatisch die Daten, die an die Datenschicht im Array ecommerce.purchase.products weitergeleitet werden. -
Klicken Sie auf Speichern.
-
Erstellen Sie eine Vorschau Ihrer Änderungen und veröffentlichen Sie sie.
, um Änderungen an dem Tag vorzunehmen.Variable für den Zugriff auf andere Daten verwenden
Wenn Ihr Webentwickler die Variable „purchase-details“ in einem anderen Bereich als der Datenschicht verfügbar gemacht hat, gehen Sie so vor, um die Daten mithilfe einer Google Tag Manager-Variable (ehemals Makro) zu übergeben:
-
Geben Sie die Daten anderweitig aus (z. B. in einer DOM-Variablen).
-
Gehen Sie in Google Tag Manager zum Container für Ihre Website.
-
Klicken Sie auf den Tab Tags und klicken Sie dann auf das Floodlight-Transaktions-Tag, das die Verkäufe meldet.
-
Klicken Sie auf das Stiftsymbol
-
Klicken Sie unter „Produktberichte“ das Kästchen Verkaufsdaten auf Produktebene bereitstellen an.
-
Wählen Sie in der Liste Datenquelle eine der folgenden Optionen aus:
-
JavaScript-Variable, wenn die Daten als JavaScript-Variable formatiert werden
-
Wert im Floodlight-Format, wenn die Daten als String formatiert werden
-
-
Klicken Sie neben dem Feld Produktdaten auf das Symbol zum Hinzufügen von Variablen.
-
Klicken Sie oben rechts auf die Schaltfläche Neue Variable.
-
Klicken Sie auf der Karte zur Konfiguration von Variablen auf das Stiftsymbol
-
Wählen Sie den entsprechenden Variablentyp aus. Wenn die Daten beispielsweise in einer JavaScript-Variablen verfügbar sind, wählen Sie JavaScript-Variable aus.
-
Geben Sie im nächsten Feld den Namen des Objekts ein, das die Daten enthält.
Beispielsweise sehen Sie hier eine Seite, die den String als globale JavaScript-Variable ausgibt.
<script> window.salesData="i1:sku-12345|p1:100.0|q1:1|i2:sku-67890|p2:20.0|q2:2" </script>
-
-
Benennen Sie die Variable entweder durch Bearbeiten des Namespace oben oder durch Klicken auf „Speichern“ und Bearbeiten des Namens im folgenden Fenster. Danach sollten Sie den Namen in doppelten Klammern im Feld „Produktdaten“ sehen.
-
Klicken Sie noch einmal auf Speichern, um die Entwurfsversion Ihres Tags zu aktualisieren.
-
Erstellen Sie eine Vorschau Ihrer Änderungen und veröffentlichen Sie sie.