Vous pouvez suivre ce que les visiteurs font dans le module Calendly à l'aide de Google Analytics. Cela vous aide à comprendre comment les gens trouvent et interagissent avec votre page de réservation.
Avant de commencer
Ce dont vous aurez besoin :
- Un compte Google Analytics (GA4 ou UA)
- Accès au gestionnaire de balises ou au HTML de votre site Web
- Un compte Calendly avec le code d'intégration prêt à être intégré
Étape 1 - Configurer Google Analytics
Assurez-vous que Google Analytics est installé et fonctionne sur votre site. Vous pouvez l'ajouter à l'aide de Google Tag Manager, d'un module ou en plaçant le code directement sur votre site.
Étape 2 - Connectez Calendly à Google Analytics
Suivez ces étapes pour connecter Calendly à Google Analytics.
Étape 3 - Ajoutez votre widget Calendly à votre site
Collez votre code d'intégration dans votre site internet où vous souhaitez que la page de planification apparaisse. C'est là que le suivi a lieu.
Exemple :
<div class="calendly-inline-widget"
data-url="https://calendly.com/YOUR_LINK"
style="min-width:320px;height:700px;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js"></script>
Étape 4 - Suivre les sources de trafic avec des paramètres UTM
Les paramètres UTM sont des étiquettes que vous ajoutez à votre lien Calendly. Ils vous aident à suivre d'où viennent les visiteurs, tels que des publicités, des campagnes par e-mail ou des médias sociaux.
Exemple avec des étiquettes UTM :
data-url="https://calendly.com/YOUR_LINK?utm_source=facebook&utm_medium=ad&utm_campaign=spring_sale"
Valeurs UTM communes :
- utm_source : la provenance du trafic (par exemple, Facebook, Newsletter)
- utm_medium : le type de canal (par exemple, publicité, e-mail, réseau social)
- utm_campaign : le nom de la campagne (par exemple, promotion_printemps)
Remarque : chaque valeur UTM peut contenir jusqu'à 255 caractères.
Étape 5 – Afficher les événements Calendly dans Google Analytics
Calendly suit automatiquement les actions clés des visiteurs dans l'élément intégré.
Les événements suivis comprennent :
- calendly.profile_page_viewed
- calendly.event_type_viewed
- calendly.date_and_time_selected
- calendly.event_scheduled
Pour les consulter :
- Accédez à votre tableau de bord Google Analytics
- Accédez à la section Événements
Étape 6 – Testez votre configuration
- Réservez un événement test à l'aide du lien Calendly intégré.
- Ouvrez Google Analytics
- Accéder à la vue en temps réel
- Rechercher une activité d'événement ou de page
Les données en temps réel s'affichent immédiatement, mais les résultats complets peuvent prendre 24 à 48 heures.
Avis de confidentialité pour les visiteurs internationaux
Les visiteurs de régions dotées de lois strictes sur la confidentialité (telles que le RGPD ou le CCPA) verront une bannière de cookies dans l'élément intégré. S'ils rejettent les cookies, certaines activités pourraient ne pas être suivies.
En savoir plus :
- Gestion des cookies et bannière de Calendly
- FAQ concernant les cookies de Calendly
- FAQ de Calendly concernant le RGPD
Facultatif : utilisez JavaScript pour contrôler les valeurs UTM
Si vous utilisez l'intégration JavaScript avancée de Calendly, vous pouvez transmettre des valeurs UTM directement dans le script :
Calendly.initInlineWidget({
url: 'https://calendly.com/YOUR_LINK',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmCampaign: "spring_sale",
utmSource: "facebook",
utmMedium: "ad"
}
});Ou extrayez automatiquement des valeurs UTM à partir de l'URL de la page :
function getUrlVars() {
const vars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,k,v) {
vars[k] = decodeURIComponent(v);
});
return vars;
}
const utms = getUrlVars();
Calendly.initInlineWidget({
url: 'https://calendly.com/YOUR_LINK',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmSource: utms["utm_source"],
utmMedium: utms["utm_medium"],
utmCampaign: utms["utm_campaign"]
}
});