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

Highlighted
常連投稿者 | Solutions 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 スマイリー ハッピー

 

Philippe

9件の返信
Highlighted
コミュニティーマネージャー

Bonjour @Presencity 

 

Merci d'avoir partagé ce guide sur notre Communauté, je pense que cette ressource sera très utile pour nos utilisateurs スマイリー ハッピー


Did my post help answer your query? Help the Community by marking it as a solution
返信
0 いいね!
Highlighted
HubSpot進行役

Merci @Presencity pour ce partage!

返信
0 いいね!
Highlighted
一般投稿者

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

返信
0 いいね!
Highlighted
常連投稿者 | Solutions Partner

Bonjour Morgane,

 

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

 

Bien à vous,

Philippe

返信
0 いいね!
Highlighted
一般投稿者

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

返信
0 いいね!
Highlighted
常連投稿者 | Solutions 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 👍

 

返信
0 いいね!
Highlighted
一般投稿者

Merci beaucoup, ça marche à présent スマイリー ハッピー

Highlighted
一般投稿者

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 ?

返信
0 いいね!
Highlighted
常連投稿者 | Solutions 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.

返信
0 いいね!