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

Highlighted
Contributeur régulier | Partenaire solutions

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 heureux

 

Philippe

9 Réponses
Highlighted
Gestionnaire de communauté

Bonjour @Presencity 

 

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


Did my post help answer your query? Help the Community by marking it as a solution
Répondre
0 Votes
Modérateur HubSpot

Merci @Presencity pour ce partage!

Répondre
0 Votes
Highlighted
Contributeur occasionnel

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 triste

 

Merci par avance si vous pouvez m'aider Smiley heureux

Morgane

Répondre
0 Votes
Highlighted
Contributeur régulier | Partenaire solutions

Bonjour Morgane,

 

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

 

Bien à vous,

Philippe

Répondre
0 Votes
Highlighted
Contributeur occasionnel

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

Répondre
0 Votes
Highlighted
Contributeur régulier | Partenaire solutions

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 👍

 

Répondre
0 Votes
Highlighted
Contributeur occasionnel

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

Highlighted
Contributeur occasionnel

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 ?

Répondre
0 Votes
Highlighted
Contributeur régulier | Partenaire solutions

Bonjour Morgane,

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

 

Je vous contacte par MP.

Répondre
0 Votes