When Google Analytics (GA4) is installed on your website through Google Tag Manager (GTM), Wisepops only push events to the GTM dataLayer. In order to receive these events in GA4, you must configure some variables, triggers and tags in GTM.
Let's see what needs to be configured.
Create two GTM variables
First, we will create two variables in GTM to transmit the campaign names and the form types to Google Analytics.
Start the variable creation by clicking on "Variables", then "New" in the user-defined variables section.
Name your first variable:
wisepops_labelChoose the type: Data Layer variable
In the Data Layer variable name type:
wisepops_labelSave the variable
Create a second variable with the following details:
Name:
wisepops_form_typeType: Data Layer variable
Data Layer variable name:
wisepops_form_type
Create 7 GTM triggers
Next, we want to create 7 triggers to be able to execute GTM tags based on Wisepops events.
To create a new GTM trigger, go to the "Triggers" section and click "New".
The 7 possible events are listed here. For each one of them, create a new GTM trigger:
Name your trigger (for example:
wisepops_display)Choose the trigger type: Custom Event
Set the event name (for example:
wisepops_display)Save the trigger
Create 7 GTM tags
It's finally time to connect all these things together. 🎉
We'll create 7 tags to fire 7 different events types to GA4 based on the triggers and variables we previously created.
To create a new GTM tag, go to the "Tags" section and click "New".
For example, let's see how the tag for wisepops_display looks like.
Name the tag:
Wisepops / GA4 - DisplayChoose as tag type Google Analytics: GA4 Event
Choose as your configuration tag your existing tag name that contains your GA4 configuration.
Set the event name:
wisepops_displayAdd an event parameter:
The parameter name should be:
labelThe parameter value should be:
{{wisepops_label}}
As trigger, choose the custom event:
wisepops_display
All tags can read the GTM variable {{wisepops_label}}, except wisepops_open_feed.
Additionally, the event wisepops_form_submit can read the variable {{wisepops_form_type}}.
Once this is in place, you should be able to observe the Wisepops events in the real-time view of your GA4 property.
If you have any questions or are having trouble setting this up, don't hesitate to contact our support.