Cómo medir el tráfico de una campaña incrustada con parámetros UTM

1. Introducción

Cuando incrustas una campaña de Cool Tabs en tu web (ya sea como embed estándar o como popup), es habitual que necesites diferenciar de dónde proviene el tráfico que llega hasta ella: si viene de un post de blog concreto, de una campaña publicitaria, de un partner que también la tiene incrustada o si quieres distinguir entre el formato embed y el formato popup.

Para ello, puedes utilizar parámetros UTM (utm_source, utm_medium, utm_campaign, utm_term, utm_content) y Cool Tabs los recogerá automáticamente para que puedas analizarlos en la sección de estadísticas de tu campaña.

Si aún no estás familiarizado con los UTMs, te recomendamos leer primero el tutorial Cómo crear una URL personalizada con parámetros UTM para tu campaña.

2. Cómo se leen los UTMs en una campaña incrustada

Una campaña incrustada se carga dentro de otra página web (la "URL padre"), por lo que existen dos sitios donde pueden viajar los UTMs:

En la URL del propio widget (la del data-src del embed o del popup).
En la URL de la página donde está incrustada la campaña.

Cool Tabs aplica la siguiente jerarquía de prioridad:

UTMs definidos en la URL del embed: si en el data-src del widget hay parámetros UTM, son los que se utilizan.
UTMs heredados de la URL padre: si el embed no lleva UTMs, se leen los de la página donde está incrustada la campaña.

Imagina que tu embed se incrusta en un post de un blog:

URL padre: https://blog.ejemplo.com/post?utm_campaign=newsletter_mayo
Embed con UTMs: data-src="https://www.your-promos.com/embed/xxxx?utm_campaign=widget_blog"

Cool Tabs registrará el tráfico como utm_campaign=widget_blog (gana el embed).

En cambio, si el embed va "limpio":

URL padre: https://blog.ejemplo.com/post?utm_campaign=newsletter_mayo
Embed sin UTMs: data-src="https://www.your-promos.com/embed/xxxx"

Cool Tabs heredará utm_campaign=newsletter_mayo de la URL padre.

3. Paso a paso: cómo añadir UTMs al código del widget

Cuando incrustas una campaña, el código que copias desde la sección "Publicar" tiene este aspecto:

<div class='ct_embeded'

data-src='https://www.your-promos.com/embed/d67cbc93161ce42242747d3238dce8e3'

data-max-height='7500'

data-max-height-mobile='10000'

data-max-width='auto'

data-min-height=''

data-extra-height='0'

data-initial-height='1000'

data-initial-height-mobile='1200'

data-height-calculation-method='bodyOffset'

data-lazy='1'

data-scroll-to-offset-extra-y='-150'></div>

Para añadir parámetros UTM, solo tienes que modificar el valor del atributo data-src añadiendo los UTMs al final de la URL, separados por ? (el primero) y & (los siguientes):

<div class='ct_embeded'

data-src='https://www.your-promos.com/embed/d67cbc93161ce42242747d3238dce8e3?utm_source=blog&utm_medium=embed&utm_campaign=lanzamiento_primavera'

data-max-height='7500'

...></div>

IMPORTANTE: solo se modifica el data-src del <div>. El <script> siempre se mantiene tal cual te proporcionamos en Cool Tabs.

4. Casos de uso habituales

4.1. Diferenciar embed estándar de embed con popup

Si la misma campaña se publica en los dos formatos y quieres medir cuál convierte mejor, asigna un utm_content distinto a cada uno:

Embed estándar: data-src='https://.../embed/xxxx?utm_source=web&utm_medium=widget&utm_content=embed'
Embed popup: data-src='https://.../embed/xxxx?utm_source=web&utm_medium=widget&utm_content=popup'

4.2. Diferenciar varios partners o webs donde se incrusta

Si tu campaña se incrusta en webs de terceros (afiliados, medios, partners), asigna un utm_source distinto a cada uno:

Partner A: ?utm_source=partner_a&utm_medium=embed&utm_campaign=verano2026
Partner B: ?utm_source=partner_b&utm_medium=embed&utm_campaign=verano2026

4.3. Dejar que la web "padre" decida la atribución

Si quieres que la trazabilidad real (Google Ads, Facebook Ads, newsletter, etc.) que ya llega a tu web se mantenga al pasar por la campaña incrustada, no añadas UTMs al data-src. Cool Tabs heredará automáticamente los UTMs presentes en la URL donde el usuario aterriza.

Esto es especialmente útil si ya tienes una estrategia de tagging consolidada en tu web y no quieres que el widget pise esas etiquetas.

5. Cómo revisar los resultados

Una vez la campaña esté activa, puedes consultar los datos de los parámetros UTM en el panel de estadísticas de tu campaña:

Accede a la campaña y ve al apartado "Leads".
En el menú lateral, pincha en "Estadísticas".
En la sección "Participantes" verás los datos desglosados por medio, fuente y campaña.

6. Otras especificaciones

Los UTMs distinguen mayúsculas y minúsculas. Te recomendamos usar siempre minúsculas y un criterio homogéneo (utm_source=facebook, no mezclar con Facebook o FB).
No utilices espacios en los valores. Sustitúyelos por guiones bajos (_) o guiones medios (-).
Si modificas el data-src para añadir UTMs, asegúrate de no romper las comillas simples (') que envuelven el atributo.
El comportamiento de herencia desde la URL padre funciona tanto para el embed estándar como para el popup.

7. Contenido relacionado

Si tienes alguna duda, escríbenos a help@cool-tabs.com.

Artículos en esta sección