[Guide] Suivre les demandes de réunion HubSpot dans Google Analytics (avec GTM)

[Presencity]

La plateforme d'analytics HubSpot est très bien, mais Google Analytics est incontournable si vous voulez exploiter de la donnée et le comportement de vos visiteurs.

Comme j'ai été bloqué sur ce point par le passé, je pense que cela peut profiter à d'autres.

Voici ce que ça va donner lorsque vous allez remonter les demandes de réunions d'HubSpot dans Google Analytics, grâce à Google Tag Manager :

Prise de rdv avec l'outil HubSpot & Event Analytics

(https://share.getcloudapp.com/xQugzDmd pour voir la vidéo en plus grand)

Comment ça fonctionne ?

1. Un prospect remplit la demande sur la page de contact
2. L'outil réunion d'HubSpot déclenche un événement qui va être lu par Google Tag Manager
3. GTM va alors envoyer un événement à Analytics
4. Analytics va enregistrer l'événement

Comment on l'implémente ?

1/ Identifier les URLs où se trouvent l'outil réunion
Noter sur quelles pages de votre site web se trouve l'outil réunion. C'est souvent la page Contact.

2/ Créer un déclencheur "Page vue" pour ces pages
Je déconseille d'utiliser le déclencheur "All Pages" pour cela. Google Tag Manager est un gestionnaire de balises, donc il sert à ne déclencher les balises que lorsque c'est nécessaire. 

• Créer un déclencheur
• Le nommer de manière explicite
• Configurer les URLs des pages nécessaires
• Enregistrer le déclencheur

Guide HubSpot meeting, GTM & Analytics - Etape 2

3/ Créer un déclencheur "Événement personnalisé"
Il faut ajouter "hubspot-form-success" dans le champ correspondant au nom de l'événement.

Guide HubSpot meeting, GTM & Analytics - Etape 3

4/ Créer une balise "HTML personnalisée"
Cette balise permet d'écouter si une réunion HubSpot est programmée depuis la page Contact.

Guide HubSpot meeting, GTM & Analytics - Etape 4Il faudra ajouter le code ci-dessous :

<script type="text/javascript">
// On vérifie que les événements proviennent du bon domaine, sinon on ignore
function verifUrl(url) {
	var DomainName = [
		'https://www.presencity.fr'
	];
	return DomainName.indexOf(url) > -1;
}

function receiveMessage(event) {
	debugger;
	if (verifUrl(event.origin) && event.data.meetingCreated) {
		dataLayer.push({'event': 'meeetingBookSucceeded'});
	}

	// On envoie l'information à GTM à travers l'événement 'hubspot-form-success'
	if (verifUrl(event.origin) && event.data.meetingBookSucceeded) {
		dataLayer.push({'event': 'meetingCreated'});
		window.dataLayer.push({
			'event': 'hubspot-form-success',
			'hs-form-guid': event.data.id
		});
	}
}
window.addEventListener('message', receiveMessage)
</script>

Évidemment, il faut que vous changiez le domaine de vérification.

5/ Créer une balise Universal Analytics
Cette balise envoie un événement sur votre propriété Analytics.

Guide HubSpot meeting, GTM & Analytics - Etape 5

6/ Lier les balises et déclencheurs entre eux

Comme indiqué dans les blocs verts de mes copies d'écran.

Et voilà ! Vos réunions envoient dorénavant un événement dans Analytics.
Vous pouvez créer un objectif Analytics pour chaque événement 🙂

Philippe