Cómo realizar un seguimiento de la actividad de inserción en Google Analytics

Actualizado 30 mar 20262 min de lectura
Disponible para todos los usuarios en todos planesCalendly planes y funciones pueden variar según cuándo se creó su cuenta su rol, y cualquier complemento..Ver planes

Puedes realizar un seguimiento de lo que hacen los visitantes en tu inserción de Calendly con Google Analytics. Esto le ayuda a comprender cómo los usuarios encuentran e interactúan con su página de reservas.

Antes de empezar

Lo que necesitarás:

  • Una cuenta de Google Analytics (GA4 o UA)
  • Acceso al administrador de etiquetas o HTML de tu sitio web
  • Una cuenta de Calendly con el código de inserción listo

Paso 1: configura Google Analytics

Asegúrese de que Google Analytics esté instalado y funcionando en tu sitio. Puedes añadir con Google Tag Manager, un complemento, o colocando el código directamente en tu sitio.

Paso 2: conecta Calendly con Google Analytics

Sigue estos pasos para conectar Calendly con Google Analytics. 

Paso 3: añade tu inserción de Calendly a tu sitio

Pega el código de inserción en tu sitio web donde quieres que aparezca la página de programación. Aquí es donde se produce el seguimiento.

Ejemplo:

html
<div class="calendly-inline-widget"
data-url="https​:​//calendl​y.com/YOUR​_LINK"
style="min-width:320px;height:700px;"></div>
<script src="https​:​//assets.​calendly.c​om/assets/​external/w​idget.js"></script><strong data-start="1492" data-end="1504">
</strong>

Paso 4: lleva un seguimiento de fuentes de tráfico con parámetros UTM

Los parámetros UTM son etiquetas que añades a tu enlace de Calendly. Te ayudan a realizar un seguimiento de dónde provienen los visitantes, como anuncios, campañas de correo electrónico o redes sociales.

Ejemplo con etiquetas UTM:

html
data-url="https​:​//calendl​y.com/YOUR​_LINK?utm_​source=fac​ebook&utm_​medium=ad&​utm_campai​gn=spring_​sale"<strong data-start="1933" data-end="1959">
</strong>

Valores comunes de UTM:

  • utm_source: origen del tráfico (por ejemplo, Facebook, boletín informativo)
  • utm_medium: El tipo de canal (por ejemplo, anuncio, correo electrónico, redes sociales)
  • utm_campaign: El nombre de la campaña (por ejemplo, rebajas_primavera)

Nota: Cada valor UTM puede tener hasta 255 caracteres.

Paso 5: consulta eventos de Calendly en Google Analytics

Calendly realiza un seguimiento automático de las acciones clave del visitante dentro de la inserción.

Los eventos rastreados incluyen:

  • calendly.profile_page_viewed
  • calendly.event_type_viewed
  • calendly.date_and_time_selected
  • calendly.event_scheduled

Para consultarlos:

  1. Ve a tu panel de Google Analytics
  2. Navega hasta la sección Eventos

Paso 6: prueba tu configuración

  1. Reserva un evento de prueba utilizando el enlace integrado de Calendly
  2. Abre Google Analytics
  3. Ir a Vista en tiempo real
  4. Buscar evento o actividad en la página

Los datos en tiempo real se muestran de inmediato, pero los resultados completos pueden tardar de 24 a 48 horas.

Aviso de privacidad para visitantes internacionales

Los visitantes de regiones con leyes de privacidad estrictas (como GDPR o CCPA) verán un banner de cookies en la inserción. Si rechazan las cookies, es posible que no se pueda rastrear alguna actividad.

Opcional: Utiliza JavaScript para controlar los valores UTM

Si estás utilizando la inserción avanzada de JavaScript de Calendly, puedes pasar valores UTM directamente en el script:

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

O extrae valores UTM de la URL de la página automáticamente:

javascript
"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',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmSource: utms["utm_source"],
utmMedium: utms["utm_medium"],
utmCampaign: utms["utm_campaign"]
}
});
¿Le fue útil este artículo?
Avísenos para que podamos mejorar nuestro contenido.

Artículos relacionados