Userlike chat Event Listener

Get insights into how users interact with your Userlike chat widget and how these interactions impact your marketing funnel, conversions, website engagement and other business KPIs. Google Tag Manager and the Userlike Chat event listener make tracking this interaction in your analytics tool easy.

How to track Userlike chat interactions with google tag manager

Seamlessly push user interactions with your Userlike chat widget to your analytics tools (Google Analytics, Heap, Piwik Pro, Mixpanel).

Implementing this, you’ll create a new custom HTML tag, copy and paste the Chaport event listener in the tag

Add a trigger and fire in on DOM ready or Window Loaded.

Next is to create a custom event with the event name [Userlike_Action], which triggers on all chaport Events.

For more information on the specific event that occurred, create a dataLayer variables with the following keys;

[ChatAction] –> returns 35 different event names, like chat_connected, chat_started, chat_window_maximized, pre_survey_submit, etc.

[ChatWidgetID] –> ID of the Widget

[ChatOperatorID] –> Operator ID of the current chat session

[ChatUserID] –> Unique ID of the contact

[ChatwidgetLanguage] –> language code of the current Widget

[Userlanguage] –> the user browser language

[ChatID] –> Chat ID which relates to the chat transcripts

[ChatSessionID] –> Session ID per browser session

To start sending data to your analytics tools, you’ll have to create the appropriate tag and attach the [Userlike_Action] trigger you created.

Also, you can streamline your trigger to fire for specific chat interactions by using trigger conditions and dataLayer variables such as [ChatAction]

With this data in your analytics, you can measure how these chat interactions impact conversions, your marketing funnel and other business KPIs.

 

<script>
userlikeTrackingEvent = function (event_name, global_ctx, session_ctx) {
window.dataLayer.push({
event: "Userlike_Action",
ChatAction: event_name,
ChatWidgetID: global_ctx.widget_id,
ChatOperatorID: session_ctx.operator_id,
ChatUserID: global_ctx.client_uuid,
ChatwidgetLanguage: global_ctx.widget_lang,
Userlanguage: navigator.language,
ChatID: session_ctx.chat_id,
ChatSessionID: session_ctx.session_id
});
};
</script>

Video of how to use the listener

Related Event Listener

Zopim Chat

Easily measure Zopim chat interactions using this event listener, which makes it possible to trigger your tags based on these actions.

Chatport

Easily track when users engage with your Chatport chat widget, and fire your marketing pixels when these actions happen.

Smartsupp Chat

Measure how users interact with your Smartsupp chat widget and fire your pixels/tags based on certain chat interactions.

download the google tag manager recipe for tracking Userlike chat interactions

we make you smarter with data

made with ❤️

The DumbData Team
Before you leave, try out these free tools.
FREE GA4 AUDIT TOOL & UTM AUDIT TOOL