Google Tag Manager
UChat now lets its users integrate with their Google Tag Manager and Google Analytics 4 accounts and let them monitor and send tag events to keep analytics and metrics of relevant flows and data.
For this integration, you must have the following things
GA4 Account with Website added as a data stream
GTM account with a website added
Web widget already live on a website
Integrating Google Tag Manager With UChat
In order to integrate your Google tag manager we first have to connect your website with Google Analytics 4
On your GA4 dashboard, click on admin settings
Go to Data Streams and add your website
After adding, click on the website, and copy the measurement ID. We will need this to integrate with UChat.
On your UChat dashboard, click on Integrations and scroll down till you see Google Tag Manager. Click on it and paste the Measurement ID
Your UChat is now integrated with your Google Tag Manager.
It is assumed that you have already connected your Google Tag Manager with your Google Analytics 4 Account
Using Google Tag Manager In UChat
Currently only webchat channel is supported
UChat sends several events back to Google Analytics, they are listed below:
Event Name | Function |
bot:loaded | LOADED |
bot:conversation-started | CONVERSATION_STARTED |
bot:message-sent | MESSAGE_SENT |
bot:message-recieved | MESSAGE_RECEIVED |
bot:button-clicked | BUTTON_CLICKED |
bot:chat-open | CHAT_OPENED |
bot:chat-close | CHAT_CLOSED |
bot:channel-opened | CHANNEL_OPENED |
In order to track them, in your GTM, click on triggers and click on Create New Trigger
When setting up the trigger, choose custom event and the name of the event should be the same as defined in the table above.
When trigger is setup, you can now create a tag and attach it to this trigger.
This will enable you to receive the tag you created in your GA4 and you can keep track of this event as well.
Sending Custom Events To Google Tag Manager
You can send custom events to GTM by using bot automation flows inside the omnichannel.
Click on action block, click on Advance Actions and select Send gtag event
Click on edit action and create the event.
Once the event is made, you can now use it in a flow and the tag will be fired whenever you will reach the desired point in your flow.
Video Tutorial For Google Tag Manager Integration