Skip to content

Instantly share code, notes, and snippets.

@sterlingsky

sterlingsky/gist:e8dbb8f7d4770f34be9f448a9d25b991

Created January 3, 2024 15:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save sterlingsky/e8dbb8f7d4770f34be9f448a9d25b991 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save sterlingsky/e8dbb8f7d4770f34be9f448a9d25b991 to your computer and use it in GitHub Desktop.
Download ZIP
Code for sending Kinect events to GA4
Raw
gistfile1.txt
<script>
// Replace 'https://trusted-origin.com' with the
// actual origin you expect to receive messages from.
// no trailing slash is needed
var trustedOrigin = ['https://trusted-origin.com','https://storage.googleapis.com'];
window.addEventListener('message', function(event) {
console.log(event)
if (trustedOrigin.indexOf(event.origin) > -1) {
var messageType = event.data && event.data.type;
var validMessageTypes = [
'EVENT_SEND_MESSAGE',
'EVENT_WIDGET_OPENED',
'EVENT_WIDGET_CLOSED',
'EVENT_LOCATION_SELECTED',
'EVENT_DEPARTMENT_SELECTED',
'EVENT_PROMPT_CLOSED',
'EVENT_WIDGET_ERROR'
];
if (validMessageTypes.indexOf(messageType) > -1) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'GA4_event',
'GA4_eventName': messageType,
'event_properties': event.data.properties
});
}
}
else{
return;
}
});
</script>
@sterlingsky
Copy link
Author

sterlingsky commented Jan 3, 2024

You need to utilize GTM to set this up.

Specifically you need to build a Tag and a Trigger.

trigger setup

  1. Create trigger
  2. Name it cHTML – all Pages
  3. Set Trigger Type to Page view

tag setup

  1. Create a Custom HTML tag named cHTML – event listener and paste this gist's code in.
  2. Set the trigger to cHTML – all Pages.
  3. The GA4 Conversion Event: EVENT_SEND_MESSAGE

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment