Google Tag Manager-Integration - Google Analytics 4

Google Tag Manager-Integration - Google Analytics 4


Using the Google Tag Manager integration we provide and its connection to the Google Analytics platform, you can track visits within the order menu and measure the conversion rate of your orders.


To connect Google Analytics to the Google Tag Manager account, go to Admin in the Analytics account and click on "Create property".

Benutzeroberfläche mit „Erstellen“-Schaltflächen und einer Seitenleiste mit Menüoptionen.

In the next steps, you will need to enter certain data for your property and your company - property name, type and size of the company, and the goal of data monitoring:

Google Analytics-Bildschirm „Property erstellen“. Ein Feld ist hervorgehoben, „Website-Name“, und die Schaltfläche „Weiter“.
Ein Dialogfeld mit einer Checkliste für Notfallkontakte. Blaue Schaltfläche „OK“ unten.

After you have entered this data, you will be asked to select a platform type from which Analytics will collect information:

Screenshot einer Webseite mit einem Seitenleistenmenü, in dem „API-Schlüssel“ ausgewählt ist und ein Pfeil auf „Neu“ zeigt.

On the next screen, you will see the measurement ID, which was generated based on the information you submitted to Google. Copy this, as you will need it in some of the following steps of this setup.


Additionally, in the “Tagging Guide” section, select the “Use an existing on-page tag” option and then click on Google Tag Manager to view the further steps you should take to connect Analytics to your Tag Manager account.

Screenshot einer Benutzeroberfläche mit verschiedenen Optionen wie „Automatische Updates“ und „Google Play“-Einstellungen.

Next, go to your Google Tag Manager account -> Workspace, click on the Tags tab and then on New to create a tag:

Screenshot eines Google Drive-Fensters, der den Fokus auf die Schaltfläche „Neu“ und die Option „Dateien“ im Seitenmenü legt.

Name your tag - preferably a relevant and easy-to-remember one - and then click Edit to select the "Google Analytics GA4 Configuration":

Eine Benutzeroberfläche mit einem geöffneten Menü und zwei Dokumentenkarten. Das Menü enthält die Optionen für zuletzt verwendete Dokumente.

In the tag configuration, add the measurement ID of the previously created property and go to the Triggering section below to begin working on the triggers for this tag:

Pfeil, der auf ein Dokument mit dem Titel „a...with google“ zeigt.

In the next step, you configure the two triggers for the Google Analytics tag. You can do this by accessing the Edit button, as follows:

Ein Screenshot der Google Tag Manager-Einstellungen. Der Bereich „Tags“ ist geöffnet, und die Tag-Konfiguration wird gerade durchgeführt. Ein grünes Bearbeitungssymbol ist hervorgehoben.
  • Page view - so that you can see every page in the analysis (if there is a different URL);
Screenshot eines Dokuments mit einem Diagramm, einschließlich Text und einer Prozentangabe.
Eine Seite mit einem kreisförmigen Symbol und dem Text „Keine Nachrichtenhistorie gefunden“. Ein roter Pfeil zeigt auf „Neuer Auslöser“.
Screenshot, der das Menü „Triggertyp auswählen“ zeigt, wobei „Seitenansicht“ zur Auswahl hervorgehoben ist.
Browserfenster mit der Meldung „Neue Benachrichtigung“, ausgewähltem „NewsCatcher“ und der Schaltfläche „Speichern“.
  • Progress change – so that you can see each step of the shopping cart in the analysis (the widget is a single-page app, therefore there is a URL, which is why this is needed in addition to the page view trigger):
Bildschirm mit Dateiverwaltungsoberfläche und einem Plus-Symbol zum Erstellen einer neuen Datei oder eines neuen Ordners.
Screenshot einer Webseite mit einem geöffneten Dokument und einem roten Hinweis mit dem Text „9,00 %“
Webseite mit Ladeanimation. Der Text lautet: „Inhalt wird geladen…“.
Screenshot von Google Tag Manager, der den Trigger-Typ „Verlaufänderung“ hervorhebt.
Screenshot eines Formulars mit Triggerkonfigurationsoptionen: „Neues Ereignis“ ist ausgewählt. Die Schaltfläche „Speichern“ ist hervorgehoben.

After the two triggers have been assigned to the day, you can save the configuration:

Die Benutzeroberfläche ist in die Abschnitte „Konfiguration testen“ und „Auslösung“ unterteilt. Oben rechts befindet sich eine Schaltfläche „Speichern“.

In your workspace, click Send and then Publish to save the changes to your account.

Eine Webseite mit einem „Neu“-Button. Auf der linken Seite befindet sich eine Liste mit Optionen.

You can test whether the connection was successful by accessing your order widget from a mobile device. Add some items to the shopping cart and leave it open.

Then go to your Analytics account -> Reports -> Real-time and check if any visitors have been reported in this section, something like this:

Dashboard mit Website-Traffic-Kennzahlen, inklusive einer Visualisierung in Form eines Donut-Diagramms.

Please note that it may take between 30 seconds and several minutes for real-time data to be displayed. We also recommend using your mobile data plan when performing the test.



Set up conversions

A conversion in Google Analytics is a completed online activity that is important for your business's success. One type of conversion you might want to track and monitor for your restaurant is a completed purchase (order accepted).

To set up a conversion, go to Admin -> Setup Wizard -> Conversions in your Google Analytics account and click on Set up conversions:

Screenshot einer Benutzeroberfläche mit einem hervorgehobenen Tab „Geplant“ und einem Abschnitt, der eine URL anzeigt.

Before you define the conversion itself, you need to create an event like this:

Auf einem Computerbildschirm wird eine E-Mail-Oberfläche angezeigt, auf der die Schaltfläche „Neu erstellen“ hervorgehoben ist.
Bildschirm mit der Aufschrift „Neu erstellen“ und einem Textfeld mit dem Inhalt „COICY RMD“ sowie einer blauen Schaltfläche „Erstellen“.

Define the event by specifying a name – in this case “accepted_order” – and enter the next event attributes required by Google:

  • Parameter: page_location
  • Operator: contains
  • Value: accepted
Screenshot eines Formulars mit hervorgehobenen Abschnitten. Der Benutzer wählt eine Option aus einem Dropdown-Menü aus.

After creating the event, return to the main menu -> Conversions and click "New Conversion Event" to begin defining the conversion. You should enter the name of the previously created event – "accepted_order" – and click Save to complete the setup process.

Webseitenoberfläche, blau-weißes Design mit einer Datentabelle, Schaltfläche „Erstellen + Exportieren“ hervorgehoben.
Screenshot eines Formulars mit einem E-Mail-Feld und einem „Speichern“-Button.

In the same way, you can create an event and then a conversion for later orders:

Ein Formular zur Erstellung eines Kontos mit Feldern für Name, Geburtsdatum und Geschlecht, wobei Pfeile auf die einzelnen Felder zeigen.
Eine Webseite mit einem Dialogfeld mit den Optionen „Name“, „Speichern“ und „Abbrechen“.

Since Analytics tracks page views, it is not possible to identify which of the tracked orders placed outside of restaurant opening hours were accepted or not, as the food customer is no longer on the respective page by then.

If you want to test conversion monitoring, access the order widget again from a mobile device, add items to the shopping cart, and this time complete the order.

Then go to your Analytics account -> Reports -> Real-time and check if the accepted order is reported in this section, as follows:

Dashboard mit Website-Traffic-Daten, Karte und Diagrammen.
back