Tidio - Revision history

Aaron.trevellick: /* Tracking In Tag Manager */

2023-08-15T10:03:36Z

Tracking In Tag Manager

← Older revision		Revision as of 11:03, 15 August 2023
Line 17:		Line 17:
	}		}
	if (window.tidioChatApi) {		if (window.tidioChatApi) {
			window.tidioChatApi.on('ready', function(){ tidioDataLayerEvent('ready') });
	window.tidioChatApi.on('open', function(){ tidioDataLayerEvent('opened') });		window.tidioChatApi.on('open', function(){ tidioDataLayerEvent('opened') });
	window.tidioChatApi.on('close', function(){ tidioDataLayerEvent('closed') });		window.tidioChatApi.on('close', function(){ tidioDataLayerEvent('closed') });
	window.tidioChatApi.on('messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });		window.tidioChatApi.on('messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });
	window.tidioChatApi.on('messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });		window.tidioChatApi.on('messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });
			window.tidioChatApi.on('preFormFilled', function(){ tidioDataLayerEvent('preform-filled') });
	window.tidioChatApi.on('preFormFilled', function(){ tidioDataLayerEvent('preform-filled') });		window.tidioChatApi.on('preFormFilled', function(){ tidioDataLayerEvent('preform-filled') });
	} else {		} else {
	document.addEventListener('tidioChat-~~open~~', function(){ tidioDataLayerEvent('~~opened~~') });		document.addEventListener('tidioChat-ready', function(){ tidioDataLayerEvent('ready') });
	document.addEventListener('tidioChat-close', function(){ tidioDataLayerEvent('closed') });		document.addEventListener('tidioChat-close', function(){ tidioDataLayerEvent('closed') });
	document.addEventListener('tidioChat-messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });		document.addEventListener('tidioChat-messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });

Aaron.trevellick: Update document link

2023-02-14T14:07:29Z

Update document link

← Older revision		Revision as of 15:07, 14 February 2023
Line 3:		Line 3:
	Tidio has an API for tracking.		Tidio has an API for tracking.

	https://docs.~~tidiochat~~.com/~~#fully-loading-tidio-chat~~		https://docs.tidio.com/docs/listeners_events

	To use this, create a custom HTML tag In tag manager and trigger it on any pages Tidio runs on.		To use this, create a custom HTML tag In tag manager and trigger it on any pages Tidio runs on.

Aaron.trevellick: /* Tracking In Tag Manager */

2020-02-27T14:16:07Z

Tracking In Tag Manager

← Older revision		Revision as of 15:16, 27 February 2020
Line 21:		Line 21:
	window.tidioChatApi.on('messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });		window.tidioChatApi.on('messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });
	window.tidioChatApi.on('messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });		window.tidioChatApi.on('messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });
	window.tidioChatApi.on('preFormFilled', function(){ tidioDataLayerEvent('~~messaged~~-~~form~~') });		window.tidioChatApi.on('preFormFilled', function(){ tidioDataLayerEvent('preform-filled') });
	} else {		} else {
	document.addEventListener('tidioChat-open', function(){ tidioDataLayerEvent('opened') });		document.addEventListener('tidioChat-open', function(){ tidioDataLayerEvent('opened') });
Line 27:		Line 27:
	document.addEventListener('tidioChat-messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });		document.addEventListener('tidioChat-messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });
	document.addEventListener('tidioChat-messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });		document.addEventListener('tidioChat-messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });
	document.addEventListener('tidioChat-preFormFilled', function(){ tidioDataLayerEvent('~~messaged~~-~~form~~') });		document.addEventListener('tidioChat-preFormFilled', function(){ tidioDataLayerEvent('preform-filled') });
	}		}
	})();		})();
Line 40:		Line 40:
	tidio-messaged-to		tidio-messaged-to
	tidio-messaged-from		tidio-messaged-from
	tidio-~~messaged~~-~~form~~		tidio-preform-filled
	</pre>		</pre>

Aaron.trevellick: /* Tracking In Tag Manager */

2019-07-19T11:09:20Z

Tracking In Tag Manager

← Older revision		Revision as of 12:09, 19 July 2019
Line 5:		Line 5:
	https://docs.tidiochat.com/#fully-loading-tidio-chat		https://docs.tidiochat.com/#fully-loading-tidio-chat

	To use this, create a custom HTML tag In tag ~~manaer~~ and trigger it on any pages ~~tidio~~ runs on.		To use this, create a custom HTML tag In tag manager and trigger it on any pages Tidio runs on.

	Add this script to the custom HTML:		Add this script to the custom HTML:
Line 33:		Line 33:
	</pre>		</pre>

	This sets up the events in the ~~datalyer~~ to be used in triggers:		This sets up the events in the datalayer to be used in triggers:

	<pre>		<pre>

Aaron.trevellick: /* Tracking In Tag Manager */

2019-07-17T09:34:05Z

Tracking In Tag Manager

← Older revision		Revision as of 10:34, 17 July 2019
Line 1:		Line 1:
	= Tracking In Tag Manager =		== Tracking In Tag Manager ==

	Tidio has an API for tracking.		Tidio has an API for tracking.

Aaron.trevellick: Create Page

2019-07-17T09:33:34Z

Create Page

New page

= Tracking In Tag Manager =

Tidio has an API for tracking.

https://docs.tidiochat.com/#fully-loading-tidio-chat

To use this, create a custom HTML tag In tag manaer and trigger it on any pages tidio runs on.

Add this script to the custom HTML:

<pre>
<script>
(function() {
function tidioDataLayerEvent( eventName ) {
var dataLayer = window.dataLayer || [];
dataLayer.push({'event' : 'tidio-' + eventName});
}
if (window.tidioChatApi) {
window.tidioChatApi.on('open', function(){ tidioDataLayerEvent('opened') });
window.tidioChatApi.on('close', function(){ tidioDataLayerEvent('closed') });
window.tidioChatApi.on('messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });
window.tidioChatApi.on('messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });
window.tidioChatApi.on('preFormFilled', function(){ tidioDataLayerEvent('messaged-form') });
} else {
document.addEventListener('tidioChat-open', function(){ tidioDataLayerEvent('opened') });
document.addEventListener('tidioChat-close', function(){ tidioDataLayerEvent('closed') });
document.addEventListener('tidioChat-messageFromOperator', function(){ tidioDataLayerEvent('messaged-to') });
document.addEventListener('tidioChat-messageFromVisitor', function(){ tidioDataLayerEvent('messaged-from') });
document.addEventListener('tidioChat-preFormFilled', function(){ tidioDataLayerEvent('messaged-form') });
}
})();
</script>
</pre>

This sets up the events in the datalyer to be used in triggers:

<pre>
tidio-opened
tidio-closed
tidio-messaged-to
tidio-messaged-from
tidio-messaged-form
</pre>