So richten Sie Bezahlstation-Analytics in GTM ein

So funktioniert's

Diese Anleitung behandelt die grundlegende Integration von Web-Analytics-Systemen von Drittanbietern in den Zahlungsfluss der Xsolla-Bezahlstation und erklärt, wie man wertvolle Daten aus Ereignissen und Parametern gewinnt.

Wie komme ich dazu

Gehen Sie im Google Tag Manager (GTM) wie folgt vor, um Web-Analytics-Systeme zu integrieren:

1. Fügen Sie dem benutzerdefinierten HTML-Tag ein Skript hinzu.
2. Definieren Sie Variablen.
3. Fügen Sie Trigger hinzu.
4. Fügen Sie Tags hinzu.
5. Veröffentlichen Sie die Änderungen.

Script zum benutzerdefinierten HTML-Tag hinzufügen

1. Öffnen Sie Ihr Konto im GTM, und wechseln Sie zu Tags.
2. Klicken Sie auf Neu.

3. Klicken Sie auf den Bereich Tag-Konfiguration.
4. Wählen Sie als Tag-Typ die Option Benutzerdefiniertes HTML in der Liste aus.

5. Fügen Sie im HTML-Feld den folgenden Code ein.

<script>
window.onmessage = function payStationStatus(event) {
  if (event.origin === "https://secure.xsolla.com") {
    try {
      var data = JSON.parse(event.data).data;           

      if (data.action === 'change-status') {
          dataLayer.push({'event': 'status', 'changeStatus': true, 'status': data.value})
      }

      if (data.action === 'choose-method' && data.value) {
        dataLayer.push({'event': 'choosePaymentMethod', 'choosePaymentMethod': true, 'paymentMethod': data.value})       
      }

      if (data.action === 'click-btn-pay') {
          dataLayer.push({'event': 'clickPayButton', 'clickPayButton': true})
      }

      if (data.action === 'close-widget') {       
          dataLayer.push({'event': 'closeWidget', 'closeWidget': true})
      }

      if (data.action === 'create-invoice') {
          dataLayer.push({
    'event': 'invoiceCreated',
            'invoiceCreated': true,
            'action': data.action,
    'coupon_code': data.coupon_code,
    'date': data.date,
    'milliseconds': data.milliseconds,
    'payment_country': data.payment_country,
    'purchase_currency': data.purchase_currency,
    'purchase_description': data.purchase_description,
    'purchase_external_id': data.purchase_external_id,
    'purchase_invoice_id': data.purchase_invoice_id,
    'purchase_sku': data.purchase_sku,
    'purchase_digital_content_sku': data.purchase_digital_content_sku,
    'purchase_sum': data.purchase_sum,
    'purchase_type': data.purchase_type,
    'session_id': data.session_id,
    'state': data.state,
    'timezone': data.timezone,
    'user_country': data.user_country,
    'user_id': data.user_id,
    'value': data.value,
    'virtual_currency_amount': data.virtual_currency_amount
          });
      }

      if (data.state) {
          dataLayer.push({'event': 'changeState', 'changeState': true, 'state': data.state});
      }
    } catch (e) {
      return;
    }
  }
};
</script>

6. Klicken Sie auf den Bereich Trigger.
7. Wählen Sie einen Trigger vom Typ Seitenaufruf, der auf allen Seiten auslöst.
8. Klicken Sie auf Speichern.

Das gespeicherte HTML-Tag wird im Abschnitt Tags angezeigt. Das Skript wird beim Öffnen des Zahlungsportals ausgelöst.

Variablen festlegen

Es gibt zwei Datenschichtvariablen, die definiert werden müssen, einschließlich:

• Ereignisse — Zur Erstellung von Triggern und zum Erhalt vordefinierter Werte.
• Parameter — Zur Übermittlung von Informationen an ein Analytics-System und zur Ausgabe beliebige Werte.

So fügen Sie eine Variable hinzu:

Ereignisse

Parameter

Trigger hinzufügen

Um einen Trigger hinzuzufügen, benötigen Sie eine oder oder mehrere Datenschichtvariablen, die unter "Ereignisse" aufgelistet sind.

BEISPIEL: Informationen sollen an Facebook gesendet werden, nachdem der Benutzer die Zahlungsstatusseite besucht hat.

Tags hinzufügen

Dieser Schritt hängt vom verwendeten Web-Analytics-System ab. Als Beispiel betrachten wir Google Analytics.

BEISPIEL: Ein Benutzer ruft die Statusseite auf. Diese Ereignisinformation sollen, genauso wie der Zahlungsbetrag und die Währung, an Google Analytics übermittelt werden (Die Währung ist eine benutzerdefinierte Metrik in Google Analytics).

Änderungen veröffentlichen

1. Wechseln Sie zu Übersicht, und klicken Sie auf Senden.

2. Geben Sie auf der Registerkarte Veröffentlichen und Version erstellen einen Versionsnamen, eine Versionsbeschreibung eine Veröffentlichungsumgebung an.
3. Klicken Sie auf Veröffentlichen.



War dieser Artikel hilfreich?

Vielen Dank!

Gibt es etwas, das wir verbessern können? Nachricht Senden

Das tut uns leid

Bitte erläutern Sie, weshalb dieser Artikel nicht hilfreich ist. Nachricht Senden

Vielen Dank für Ihr Feedback!

Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.
Diese Seite bewerten


Diese Seite bewerten

Gibt es etwas, das wir verbessern können? Senden

Jetzt nicht

Vielen Dank für Ihr Feedback!

Letztmalig aktualisiert: 21. März 2023

Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.