Cómo realizar el seguimiento de tu inserción de Calendly con parámetros UTM

Usa los parámetros UTM para realizar un seguimiento de dónde proviene el tráfico antes de que alguien reserve contigo. Esto le ayuda a medir el éxito de sus anuncios, correos electrónicos o campañas mediante herramientas como Google Analytics.

¿Cuáles son los parámetros UTM?

Los parámetros UTM son etiquetas que se añaden a un enlace. Te dicen de dónde proviene tu tráfico. Calendly apoya estos valores:

• utm_source — de dónde proviene el tráfico (por ejemplo, Facebook, boletín informativo)
• utm_medium — el tipo de canal (por ejemplo, anuncio, email)
• utm_campaign — el nombre de tu campaña (por ejemplo: rebajas_primavera)
• utm_content: detalles adicionales como imagen1 o textoenlace
• utm_term: para palabras clave de búsqueda de pago

Nota: Cada valor UTM debe ser inferior a 255 caracteres. Es posible que no se pueda realizar un seguimiento de los valores más largos.

Opción 1: añade parámetros UTM a la URL de inserción

Si utiliza un enlace de inserción directa, puede añadir parámetros UTM a la 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>

Este método funciona para todos los tipos de inserción: en línea, texto emergente o widget emergente.

Opción 2: pasar parámetros UTM mediante JavaScript (avanzado)

Si utilizas la inserción avanzada de JavaScript, pasa los valores UTM durante la configuración.

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"
}
});

Opción 3: pase valores UTM de la URL de la página

Puedes reutilizar la misma inserción en varias campañas extrayendo valores UTM directamente de la URL de la página.

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"]
}
});

Opción 4: valores UTM codificados diferentes fuentes

Si estás realizando un seguimiento de varias fuentes, crea códigos de inserción separados para cada una.

<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>

Crea diferentes inserciones para fuentes de tráfico como Google Ads, boletines informativos por email o LinkedIn.