Open Forum

I've posted this in a couple of discussions but realized maybe it would be better as its own post. It took me hours of searching and testing to finally figure out how to add GTM to a Flex event and get it to fire correctly to load the container, fire off page views and a reg conversion event.

To save everyone else time, here was my setup (you'll have to update with your container code):

This one goes in a snippet with the type Initialization:
/* initialization snippet */
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-YOUR CONTAINER CODE HERE');
/* end initialization snippet */

This one goes in a snippet with the type All website and registration pages:
/* pageview snippet */
dataLayer.push({
'event': 'cvent_page_view'
});
/* end pageview snippet */

This one goes in a snippet with the type Registration conversions:
/* reg conversion snippet */
dataLayer.push({
'event': 'reg_complete'
});
/* reg conversion snippet */

Here is the the export of the GTM container that I created to handle pushing the pageviews and registration complete event to GTM. It works for both UA and G4. All you have to do is import and update the IDs with your values (or replace with your settings/config variables). Hopefully no one else will have to spend hours trying to figure this out!
#Flex-Creating/ManagingEvents
#Miscellaneous

------------------------------
Jennifer Bissex
Maritz
------------------------------

Hi Jennifer,

Thank you so much for sharing this great information with everyone!

------------------------------
Megan Clark
Assistant Team Lead, Online Community Marketing
Cvent
------------------------------

Original Message:
Sent: 05-12-2022 11:00
From: Jennifer Bissex
Subject: Google Tag Manager (GTM) on Flex Sites

I've posted this in a couple of discussions but realized maybe it would be better as its own post. It took me hours of searching and testing to finally figure out how to add GTM to a Flex event and get it to fire correctly to load the container, fire off page views and a reg conversion event.

To save everyone else time, here was my setup (you'll have to update with your container code):

This one goes in a snippet with the type Initialization:
/* initialization snippet */
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-YOUR CONTAINER CODE HERE');
/* end initialization snippet */

This one goes in a snippet with the type All website and registration pages:
/* pageview snippet */
dataLayer.push({
'event': 'cvent_page_view'
});
/* end pageview snippet */

This one goes in a snippet with the type Registration conversions:
/* reg conversion snippet */
dataLayer.push({
'event': 'reg_complete'
});
/* reg conversion snippet */

Here is the the export of the GTM container that I created to handle pushing the pageviews and registration complete event to GTM. It works for both UA and G4. All you have to do is import and update the IDs with your values (or replace with your settings/config variables). Hopefully no one else will have to spend hours trying to figure this out!
#Flex-Creating/ManagingEvents
#Miscellaneous

------------------------------
Jennifer Bissex
Maritz
------------------------------

Quick update: here's how I added data tags to the conversion snippet. Need to have those single quotes around the variable and the data tag label.

/* reg conversion snippet */
dataLayer.push({
'event': 'reg_complete',
'firstname':'{[C-FIRST NAME]}',
'lastname':'{[C-LAST NAME]}',
'contact_company':'{[C-COMPANY]}',
'contact_type':'{[C-CONTACT TYPE]}',
});
/* reg conversion snippet */

------------------------------
Jennifer Bissex
Maritz
------------------------------

Original Message:
Sent: 05-12-2022 11:00
From: Jennifer Bissex
Subject: Google Tag Manager (GTM) on Flex Sites

I've posted this in a couple of discussions but realized maybe it would be better as its own post. It took me hours of searching and testing to finally figure out how to add GTM to a Flex event and get it to fire correctly to load the container, fire off page views and a reg conversion event.

To save everyone else time, here was my setup (you'll have to update with your container code):

This one goes in a snippet with the type Initialization:
/* initialization snippet */
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-YOUR CONTAINER CODE HERE');
/* end initialization snippet */

This one goes in a snippet with the type All website and registration pages:
/* pageview snippet */
dataLayer.push({
'event': 'cvent_page_view'
});
/* end pageview snippet */

This one goes in a snippet with the type Registration conversions:
/* reg conversion snippet */
dataLayer.push({
'event': 'reg_complete'
});
/* reg conversion snippet */

Here is the the export of the GTM container that I created to handle pushing the pageviews and registration complete event to GTM. It works for both UA and G4. All you have to do is import and update the IDs with your values (or replace with your settings/config variables). Hopefully no one else will have to spend hours trying to figure this out!
#Flex-Creating/ManagingEvents
#Miscellaneous

------------------------------
Jennifer Bissex
Maritz
------------------------------