Chaport Chat Event Listener

Measuring user interactions with your Chaport chat widget in your analytics tools gives you actionable insights into how these interactions impact business KPIs such as website engagement, conversions and overall marketing funnel.

How to track Chaport Chat Interactions with google tag manager

If you use Chaport to provide customer support to your website visitors, you can seamlessly push user interactions with your Chaport chat widget to your analytics tools (Google Analytics, Heap, Piwik Pro, Mixpanel).

For this implementation, 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 [chaport_Action], which triggers on all chaport Events.

For more information on the specific event that occurred, create a dataLayer variable with the key [ChatAction], which will return the following;

  1. Chat initiated (meaning the user started a conversation)
  2. chat widget expanded
  3. chat widget collapsed
  4. chat widget semiExpanded
  5. chat widget unreadMessage (when you have an unread message)

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

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

<script>
//chat widget status update
window.chaport.on('widget.stateChange', function(widgetstate){
window.dataLayer.push({
"event": "chaport_Action",
"ChatAction": "Chat widget " + window.chaport.getWidgetState()
});
});
//Fires when the visitor starts a chat.
window.chaport.on('chat.started', function(listener) {
window.dataLayer.push({
"event": "chaport_Action",
"ChatAction": "Chat initiated"
}); 
});
</script>

Video of how to use the listener

Related Event Listener

Crisp Chat

Use this event listener to measure Crisp chat interactions using Google Tag Manager and the datalayer provided with the event listener script.

Drip Form

Track your Drip form submission events as conversions using this Drip form event listener, track submission and other form information.

Olark Chat

With the Olark chat widget, you can track user interactions with the chat widget and fire your pixels/tag on these interactions & conversions.

download the google tag manager recipe for tracking Chaport 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