Integrate Google Analytics 4 with Google Tag Manager

📘

Note

This articles describes Optimizely's built-in Google Analytics 4 (GA4) integration option.

You can integrate with Google Tag Manager (GTM) if you use GTM as a tag management system to add and update your own tags for conversion tracking and site analytics or if you have the GTM script installed on the page.

1. Complete steps 1 and 2 to configure GA4.
2. Select the Use Google Tag Manager for this integration checkbox then click Save.

3. Follow the sections below to add user-defined variables, set up the configuration tag, and set up the event tag for Google Analytics 4 (GA4).

Add User-Defined Variables in GTM

1. Go to Workspace > Variables > New.

2. Enter exp_variant_string in the Untitled Variable field.
3. Click Variable Configuration and select Data Layer Variable.

4. Enter exp_variant_string for the Data Layer Variable Name.
5. Select Version 2 for the Data Layer Version.

6. Click Save.

Set up the configuration tag in GTM

📘

Note

This section connects GTM with GA4. If you already have a configuration tag, you can skip this section and set up the event tag .

1. Go to Workspace > Tags > New.

2. Enter Google Analytics - GA4 Configuration in the Untitled Tag field.

3. Click Tag Configuration and select Google Analytics > Google Tag.

4. Enter your Tag ID. This is the same as your GA4 Measurement ID which can be found in your GA4 property under Admin Settings > Data Streams. Select the appropriate data stream to find your Measurement ID.

5. Expand Configuration settings and click Add parameter. Select None in the dropdown list for Configuration Settings Variable, input send_page_view for Configuration Parameter, and set the Value to true.

6. Click Triggering and select Initialization - All Pages.

7. Click Save.

Set up the event tag in GTM

1. Go to Workspace > Tags > New.

2. Enter Optimizely Web - GA4 Event in the Untitled Tag field.
3. Click Tag Configuration and select Google Analytics > Google Analytics: GA4 Event.

4. Enter your Measurement ID from GA4.

5. Enter experience_impression in the Event Name.
6. Expand Event Parameters and then click Add Row.
7. Enter exp_variant_string in the Parameter Name.
8. Click the Value Select icon and choose exp_variant_string.
9. Click Triggering and click the New Trigger icon.
10. Enter Optimizely X - GA4 event trigger in the Untitled Trigger field.

11. Click Trigger Configuration and select Custom Event.

12. Enter experience_impression in the Event Name.
13. Click Save and then click Save again on the overall tag setup page.
14. Submit and publish your workspace changes by going to Workspace >  Submit > Publish (adding any details you would like to the Submission Configuration).

Your data immediately starts syncing to GA4. You should see the experience_impression event name display in the Realtime report once events are triggered within the last 30 minutes.