Blog de la communauté HubSpot

Presencity
by: Participant | Partner
Participant | Partner

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

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 🙂

 

Philippe

12 Comments
sharonlicari
Community Manager
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 🙂

TiphaineCuisset
Community Manager
Community Manager

Merci @Presencity pour ce partage!

Morgane_Mouly
Member

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 😞

 

Merci par avance si vous pouvez m'aider 🙂

Morgane

Presencity
Participant | Partner
Participant | Partner

Bonjour Morgane,

 

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

 

Bien à vous,

Philippe

Morgane_Mouly
Member

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

Presencity
Participant | Partner
Participant | 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 👍

 

Morgane_Mouly
Member

Merci beaucoup, ça marche à présent 🙂

Morgane_Mouly
Member

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 ?

Presencity
Participant | Partner
Participant | 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.

Flora_Cookorico
Member

Bonjour @Presencity  

J'ai suivi vos recommandations, cependant cela ne fonctionne pas... 

J'avoue ne pas comprendre pourquoi... 

Auriez-vous quelques instants pour m'aider ? 

 

Merci à vous 

Presencity
Participant | Partner
Participant | Partner

Bonjour @Flora_Cookorico ,

 

J'ai mis un peu de temps à refaire le test mais cela fonctionne toujours.


Pour rappel, le calendrier doit être intégré à une page du site web.

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

 

Sinon, envoyez moi l'URL où se trouve le calendrier de RDV, et je regarderai rapidement.

 

Bien à vous,

Philippe Martins

www.philippe-martins.fr

Génération de prospects grâce à la publicité 

Flora_Cookorico
Member

Bonjour, 

Merci beaucoup, je vous ai envoyé un message en privé. 

Bien à vous,