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

Highlighted
Regular Contributor | Partner

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 AnalyticsPrise 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 2Guide 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 3Guide 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 4Guide 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 5Guide 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 Smiley Happy

 

Philippe

9 Replies 9
Highlighted
Community Manager

Bonjour @Presencity 

 

Merci d'avoir partagé ce guide sur notre Communauté, je pense que cette ressource sera très utile pour nos utilisateurs Smiley Happy


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
Highlighted
HubSpot Moderator

Merci @Presencity pour ce partage!

Reply
0 Upvotes
Highlighted
Occasional Contributor

Bonjour Presencity !

 

Merci beaucoup pour ce tuto.

 

Je l'ai suivi à la lettre et malheureusement il ne marche pas... Est ce dû au fait que je n'ai pas de variable "lead" ou "formulaire" créées dans GTM ? Ou Peut être car je redirige vers une page de remerciement après avoir pris RDV ? Je ne suis pas très technique malheureusement Smiley Sad

 

Merci par avance si vous pouvez m'aider Smiley Happy

Morgane

Reply
0 Upvotes
Highlighted
Regular Contributor | Partner

Bonjour Morgane,

 

pouvez-vous m'envoyer par MP l'URL où se trouve le calendrier de RDV ?

 

Bien à vous,

Philippe

Reply
0 Upvotes
Highlighted
Occasional Contributor

Merci pour votre réponse, la voici : https://www.united-heroes.com/contact-agenda

Reply
0 Upvotes
Highlighted
Regular Contributor | Partner

Bonjour,

 

le calendrier doit être intégré à une page du site web, comme sur https://www.presencity.fr/contact.

 

Si tout le reste est ok, ça devrait fonctionner 👍

 

Reply
0 Upvotes
Highlighted
Occasional Contributor

Merci beaucoup, ça marche à présent Smiley Happy

Highlighted
Occasional Contributor

En fait je viens d eme rendre compte que ça ne marche plus... Je ne vois même pas l'événement il y a quelques jours. Auriez-vous une solution ?

Reply
0 Upvotes
Highlighted
Regular Contributor | Partner

Bonjour Morgane,

si cela fonctionnait et que cela ne fonctionne plus, c'est que quelque chose a été modifié.

 

Je vous contacte par MP.

Reply
0 Upvotes