La calculadora, en tu web.

Calculadora embebible

El iframe ocupa el ancho de su contenedor y todo lo que se ejecuta vive en nuestro dominio, así que tu página no carga JavaScript nuestro. La altura recomendada es de 1560 px. Por debajo de 640 px de ancho el formulario pasa a una sola columna y el bloque crece hasta unos 2200 px, así que en una columna tan estrecha suele salir mejor enlazar la calculadora que incrustarla.

Incrustar tiene sentido en un artículo propio donde el lector ya está pensando en tarifas —una guía, un media kit, una página de recursos—; enlazar conviene en una bio, un correo o una landing de venta, donde el iframe compite con el mensaje principal. Los tres bloques se actualizan solos: las cifras salen del mismo conjunto de datos que la calculadora, así que no hay que volver a copiar el código cuando cambia un CPM. La insignia conserva el enlace y la atribución, y la cita mantiene el formato académico con la fecha de revisión del conjunto.

Los bloques se pueden usar en una web comercial sin pedir permiso: el conjunto de datos es abierto con licencia CC BY 4.0 y el widget solo pide que no se quite la atribución ni el enlace. No hay cuota de peticiones publicada porque el widget se sirve como HTML estático; si la página recibe mucho tráfico y quieres el conjunto completo, el CSV es la vía recomendada y no tiene límite.

<iframe
  src="https://creatorrates.app/embed/calculadora"
  title="Calculadora de tarifas de patrocinio"
  width="100%"
  height="1560"
  style="border:0"
  loading="lazy"
></iframe>

• La línea «Calculadora gratuita de CreatorRates» va dentro del widget y enlaza aquí. Es la única condición: no la tapes ni la quites.
• El widget sigue el tema de quien lo lee: si su sistema está en oscuro, se sirve en oscuro, y los tres iconos junto a la atribución —automático, claro, oscuro— le dejan fijarlo. Es la misma preferencia que en creatorrates.app, así que el cambio se mantiene al pasar del widget a la web.
• Para webs en inglés está el mismo widget con la atribución traducida: /en/embeds.
• Si prefieres enlazar en vez de incrustar, la calculadora está en /calculadora.

Insignia del conjunto

Un SVG de 220 × 52 px que se sirve desde nuestro dominio con caché larga: no pesa y no hay que alojarlo. El enlace al conjunto va en el código, porque una imagen sola no cuenta como enlace.

<a href="https://creatorrates.app/datos"><img src="https://creatorrates.app/api/badge/cpm.svg" alt="CPM de creadores 2026 · CreatorRates" width="220" height="52"></a>

Cita de los datos

Si lo que vas a usar son las cifras y no la calculadora, la referencia completa es esta. El conjunto se publica bajo licencia CC BY 4.0, así que se puede copiar y reutilizar —también con fines comerciales— citando la fuente.

La licencia y los endpoints están en datos abiertos; de dónde salen los números, en metodología.

Qué se puede y qué no

• Sí: incrustarlo en un artículo, en una página de recursos, en un aula o en la documentación de un producto. También enlazarlo o citar las cifras.
• No: quitar la atribución, taparla con estilos propios o presentar el widget como si fuera tuyo.
• No hace falta avisar para incrustarlo. Si quieres que lo sepamos, un correo basta y nos ahorra descubrirlo por casualidad.
• Las cifras no se editan: si un dato no encaja con tu artículo, es más útil revisar la metodología que cambiarlo en el iframe.

Antes de publicar: tres comprobaciones

El código es de una línea, pero un incrustado mal puesto no falla en la consola: falla en el lector. Estas son las tres cosas que conviene mirar antes de dar la página por publicada.

• El alto. El iframe no ajusta su altura solo. Los 1560 px cubren el widget real en dos columnas; por debajo de 640 px el formulario pasa a una columna y crece hasta unos 2200 px, así que en un contenedor de móvil el bloque se corta. Revísalo a 390 px de ancho: o subes el atributo a 2200, o cambias el iframe por un enlace a la calculadora.
• La política de tu web. Si sirves una Content-Security-Policy, el iframe no carga hasta que autorices el origen: añade frame-src https://creatorrates.app. Si no usas CSP, este paso no aplica.
• La atribución. La frase va dentro del iframe y se sirve desde nuestro dominio, así que tu CSS no puede taparla; lo que sí puede recortarla es un contenedor con overflow: hidden y una altura menor que la del bloque. Si se ve cortada, el problema es la altura, no el código.

Qué pasa cuando cambian las cifras

El widget no guarda una copia del conjunto: cada vez que se carga lee las referencias publicadas, así que una revisión del catálogo llega a tu página sin que toques nada. Un artículo que cita cifras congeladas envejece igual de rápido, solo que él no se actualiza solo. La combinación que aguanta es la del iframe para el número vivo y una frase con la fecha de revisión del conjunto para que el lector sepa cuándo se midió: esa fecha está en la cita y en la página de datos abiertos.

Si publicas un estudio que compara el CPM de 2026 con el de 2025, cita el CSV con su fecha en lugar de sólo el widget: una tabla descargable permite al lector comprobar la serie, y el iframe solo enseña el valor de hoy. Los dos se pueden citar con la misma licencia, así que no hay que elegir entre uno y otro.