Comment suivre à la source votre intégration dans Calendly avec des paramètres UTM

Utilisez les paramètres UTM pour suivre d'où vient votre trafic avant qu'une personne ne réserve avec vous. Cela vous aide à mesurer le succès de vos annonces, e-mails ou campagnes à l'aide d'outils tels que Google Analytics.

Que sont les paramètres UTM ?

Les paramètres UTM sont des balises que vous ajoutez à un lien. Ils vous disent d'où vient votre trafic. Calendly prend en charge ces valeurs :

• utm_source — d'où provient le trafic (par exemple, Facebook, newsletter)
• utm_medium — le type de canal (par exemple, publicité, e-mail)
• utm_campaign — le nom de votre campagne (par exemple, spring_sale)
• utm_content — détails supplémentaires tels qu'image1 ou linktext
• utm_term — pour les mots-clés de recherche payants

Remarque : chaque valeur UTM doit comporter moins de 255 caractères. Les valeurs plus longues peuvent ne pas être suivies.

Option 1 – Ajouter des paramètres UTM à l'URL d'intégration

Si vous utilisez un lien d'intégration directe, vous pouvez ajouter des paramètres UTM à l'URL.

<div class="calendly-inline-widget" 
data-url="https​:​//calendl​y.com/YOUR​_LINK/30mi​n?utm_sour​ce=faceboo​k&utm_medi​um=ad&utm_​campaign=s​pring_sale" 
style="min-width:320px;height:630px;"></div>

Cette méthode fonctionne pour tous les types d'intégrations : en ligne, texte de fenêtre contextuelle ou widget de pop-up.

Option 2 – Transmettre des paramètres UTM à l'aide de JavaScript (avancé)

Si vous utilisez l'intégration JavaScript avancée, transmettez les valeurs UTM lors de la configuration.

Calendly.initInlineWidget({
url: 'https​:​//calendl​y.com/YOUR​_LINK/30mi​n',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmCampaign: "spring_sale",
utmSource: "facebook",
utmMedium: "ad",
utmContent: "shoes",
utmTerm: "spring"
}
});

Option 3 - Transmettre des valeurs UTM à partir de l'URL de la page

Vous pouvez réutiliser la même intégration dans plusieurs campagnes en extrayant des valeurs UTM directement à 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​:​//calendl​y.com/YOUR​_LINK/30mi​n',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmSource: utms["utm_source"],
utmMedium: utms["utm_medium"],
utmCampaign: utms["utm_campaign"],
utmContent: utms["utm_content"],
utmTerm: utms["utm_term"]
}
});

Option 4 - Coder en dur des valeurs UTM pour différentes sources

Si vous suivez plusieurs sources, créez des codes d'intégration distincts pour chacune.

<div class="calendly-inline-widget" 
data-url="https​:​//calendl​y.com/YOUR​_LINK/30mi​n?utm_sour​ce=faceboo​k" 
style="min-width:320px;height:630px;"></div>

Créez différentes intégrations pour des sources de trafic telles que Google Ads, des newsletters par e-mail ou LinkedIn.