Hinweis: Die Informationen in diesem Artikel setzen voraus, dass Sie bereits über einige technische Erfahrung mit Google Analytics verfügen. Wenn Sie noch keine Erfahrung mit Google Analytics haben, empfehlen wir Ihnen, mit einigen Artikeln aus dem Google Analytics Hilfebereich zu beginnen.
Verwenden Sie ein GA Universal-Konto (UA)??
Wenn Sie ein Universal-Konto in Google Analytics haben, klicken Sie hier für den entsprechenden Leitfaden.
Phorest Online-Buchungsseiten befinden sich alle auf der gleichen Domain und haben zwar einen eindeutigen Namen in der URL, aber am Ende des Namens befindet sich ein "#". Alles nach dem #-Zeichen ist ein Fragment der URL und wird nicht als neue Seite behandelt.
Dies kann mit GTM herausfordernd sein, da Dienstleistungsseiten, Buchungsbestätigungsseiten usw. alle als eine Seite angesehen werden.
Wie man dies umgeht
Mit diesem Artikel und einigen Anpassungen können Sie in Ihrem Tag Manager-Konto Schritte unternehmen, um diese Fragmente als Seitenaufrufe zu verfolgen und diese Seiten zur Auslösung von Ereignissen in Google Analytics oder einer anderen Anwendung zu verwenden.
GTM-Konto-Einrichtung
-
Gehen Sie zu: https://tagmanager.google.com/#/home
- Richten Sie Ihr Google/GTM-Konto ein:
-
Sie erhalten dann die Code-Schnipsel, die es Ihnen ermöglichen, Ihre Website mit Ihrem neuen GTM-Container zu verbinden. Sie benötigen diese nicht, um die Verbindung zur Phorest Online-Buchungsplattform herzustellen, da wir dies für Sie einfügen werden, wenn Sie uns Ihre Container-ID zur Verfügung stellen. Klicken Sie also einfach auf "OK", um das Modal zu schließen.
-
Sie können diese Code-Schnipsel jederzeit über das Kontoeinstellungen-Menü erneut aufrufen - wählen Sie "Google Tag Manager installieren" oder klicken Sie auf Ihre GTM-Container-ID oben auf Ihrer GTM-Übersichtsseite.
Falls Sie dies noch nicht getan haben, senden Sie bitte den GTM-Container-Code an api-requests@phorest.com und bitten Sie darum, ihn zu Ihrer Buchungsplattform für Ihr Salon hinzuzufügen.
-
Sobald dies bestätigt wurde, können Sie mit dem Rest Ihrer GA4-Einrichtung fortfahren.
GA4-Konto-Einrichtung
-
Gehen Sie zu: https://analytics.google.com/analytics/web/provision/#/provision
-
Klicken Sie auf "Mit dem Messen beginnen" und geben Sie Ihrem Konto einen Namen. Klicken Sie dann auf "Weiter".
Erstellen Sie ein GA4-Property (dies ist jetzt standardmäßig ausgewählt und muss nicht ausgewählt werden), und klicken Sie dann auf "Weiter".
Geben Sie Informationen zum Unternehmen ein (diese sind spezifisch für Sie, Beispiel siehe unten) und klicken Sie dann auf "Erstellen":
GTM - Einrichten von Variablen
Data Layers
Die Data Layers, die nach einem erfolgreichen Kauf auf Ihrer Phorest Online-Buchungsplattform angezeigt werden, sind im folgenden Beispiel dargestellt. Sie können diese jederzeit in der Konsole anzeigen, indem Sie "DataLayer" eingeben und die Eingabetaste drücken:
| Suggested Variable Name: Appointment ID |
Vorgeschlagener Variablenname: Termin-ID |
| Data Layer Variable Name: appointmentId |
Data-Layer-Variablenname: appointmentId |
| Suggested Variable Name: Appointment Services |
Vorgeschlagener Variablenname: Terminleistungen |
| Data Layer Variable Name: appointmentServices |
Data-Layer-Variablenname: appointmentServices |
Dies ruft die folgenden Daten für jede gebuchte Dienstleistung zurück:
| serviceId: The unique identifier for this service |
serviceId: Der eindeutige Bezeichner für diese Dienstleistung |
| serviceName: The name of this service |
serviceName: Der Name dieser Dienstleistung |
| Suggested Variable Name: Appointment Total Amount |
Vorgeschlagener Variablenname: Gesamtbetrag des Termins |
| Data Layer Variable Name: appointmentTotalAmount |
Data-Layer-Variablenname: appointmentTotalAmount |
Aktivieren Sie History-Variablen in GTM
Im Abschnitt "Variablen" von GTM:
-
Klicken Sie auf "Konfigurieren"
-
Aktivieren Sie die Option "Neues History-Fragment"
-
Aktivieren Sie die Option "History-Quelle"
Erstellen Sie eine benutzerdefinierte Variable, um den Seitenpfad zu erhalten
Hier benötigen Sie eine benutzerdefinierte JavaScript-Variable, die eine neue, korrekt formatierte URL erstellt, die wir dann als Seitenpfad des URL-Fragments an Google Analytics senden können.
Im Abschnitt "Variablen" von GTM:
-
Klicken Sie auf "Neu"
-
Klicken Sie auf "Bearbeiten", um die neue Variable zu bearbeiten
-
Wählen Sie den Typ "Benutzerdefiniertes JavaScript"
-
Benennen Sie die Variable: GA4 - Pfad mit Fragment erhalten
-
Fügen Sie den folgenden JavaScript-Code zur Variable hinzu:
return window.location.pathname + window.location.search + window.location.hash;
}
Klicken Sie auf "Speichern", und die Variable sollte nun eingerichtet sein.
Richten Sie eine Variable ein, um Buchungsereignisse und den Wert jeder Buchung zu verfolgen
Wenn eine Buchung über die Phorest Online-Buchung vorgenommen wird, können Sie Werte wie die Auftragsnummer, bestellte Dienstleistungen und Gesamtkosten verfolgen.
Um dies zu tun, müssen Sie mit Hilfe von Google Tag Manager eine benutzerdefinierte Variable einrichten.
Im Abschnitt "Variablen" von GTM:
-
Klicken Sie auf "Neu"
-
Klicken Sie auf "Bearbeiten", um die neue Variable zu bearbeiten
-
Wählen Sie die Option "Data Layer Variable":
Benennen Sie die Variable so, wie es für Sie sinnvoll ist. Im folgenden Beispiel nennen wir sie: appointmentTotalAmount.
Nach der Benennung klicken Sie auf die Variable, um sie einzurichten.
The Data Layer Variable Name must be exactly the same as outlined in the Data Layers section above.
Der Name der Data-Layer-Variable muss genau mit dem in der Data Layers-Sektion oben angegebenen übereinstimmen.
GTM - Einrichten von Triggern
Erstellen Sie einen Trigger für die Änderung des History-Fragments
Im Abschnitt "Trigger" von GTM klicken Sie auf "Neu" > "History-Änderung" auswählen.
-
Benennen Sie den Trigger GA4 - Trigger - Änderung des History-Fragments
-
Stellen Sie die Trigger-Optionen ein - ein Beispiel für die Konfiguration wird hier gezeigt:
Speichern Sie den Trigger.
Erstellen Sie einen Trigger für die Buchungsbestätigung (dieser wird mit dem Tag verknüpft, der Buchungen verfolgt).
In Triggers, click New > Select History Change > Set the Trigger up as below:
In Triggern klicken Sie auf "Neu" > "History-Änderung" auswählen > Den Trigger wie folgt einrichten:
Geben Sie dem Trigger einen Namen (im obigen Beispiel verwenden wir GA4 - Trigger - Buchungsbestätigungsseite), und speichern Sie ihn dann.
GTM - Einrichten von Tags
Konfigurations- und Seitenaufruf-Tag
Gehen Sie zu "Tags" in GTM > "Neu" > Benennen Sie den Tag GA4 - Seitenaufruf.
Holen Sie sich die measurement id von GA4:
-
Gehen Sie zu GA4
-
Klicken Sie auf "Admin"
-
Wählen Sie unter der richtigen Property "Datastreams" aus
- Kopieren Sie die Measurement Id
Konfigurieren Sie es gemäß dem folgenden Beispiel und stellen Sie sicher, dass Sie die richtige Measurement-ID verwenden. Wählen Sie den Trigger "Alle Seiten" und den Trigger "GA4 - Trigger - Änderung des History-Fragments" aus dem Trigger-Bereich aus.
Speichern Sie den Tag.
Erstellen Sie einen Tag, um Buchungsereignisse mit dem Wert jeder Buchung zu erfassen
Gehen Sie zu "Tags" in Google Tag Manager > Klicken Sie auf "Neu".
Geben Sie dem Tag einen Namen (im folgenden Beispiel verwenden wir GA4 - Buchungsereignisse und Wert der Buchungen).
Der Tag muss vom Typ GA4-Ereignis sein.
GA4 möchte, dass Sie aus ihrer Liste von voreingestellten Ereignissen auswählen (soweit möglich), die bereits ihre eigenen voreingestellten Parameter haben: https://support.google.com/analytics/answer/9267735.
Wenn Sie auf eines der Ereignisse in dieser Liste klicken, werden Ihnen die für dieses Ereignis festgelegten Parameter angezeigt. Das Anmeldeereignis hat zum Beispiel bereits einen Methodenparameter festgelegt, den Sie bei Bedarf verwenden können.
Sie können Ihren eigenen benutzerdefinierten Ereignisnamen verwenden, aber wenn Sie dies tun, müssen die von Ihnen verwendeten Parameter auch in GA4 in Admin - Benutzerdefinierte Definitionen - Benutzerdefinierte Dimension erstellt werden.
In diesem Beispiel verwenden wir das voreingestellte Kaufereignis, das keinen Kategorienparameter hat. Wir haben den Kategorienparameter hier aufgenommen, um es ähnlich wie beim vorherigen UA-Setup zu halten. Daher war er für diese GA4-Einrichtung erforderlich.
In GA4 Admin - Benutzerdefinierte Definitionen - Benutzerdefinierte Dimension erstellen:
Speichern Sie den Tag.
Vorschau und Überprüfung der Tags
Nach der Konfiguration sollten Sie die Tags sowohl im GTM Tag Assistant als auch in GA4 im Abschnitt "Debug" unter der verwendeten Property überprüfen und überprüfen, ob die Tags korrekt ausgelöst werden.