Beartrack

Widgets

Alta de comercios

El formulario de alta de comercios, co-brandeado con tu operación.

Un asistente de cinco pasos para que un comercio se dé de alta sin salir de tu sitio. Con ?from=<tu-dominio> el alta queda asociada a tu operación y el widget muestra tu logo.

Rutas

/embed/registro/ecommerce?from={tu-dominio}

Asistente completo, asociado al operador cuyo website coincida con from.

Snippet

Pégalo donde quieras que aparezca el widget.

<iframe
  src="https://tracking-widget.beartrackapp.com/embed/registro/ecommerce?from=tu-dominio.com"
  title="Beartrack Registro"
  style="width: 100%; min-height: 900px; border: 0; display: block;"
  referrerpolicy="no-referrer-when-downgrade"
  allow="identity-credentials-get"
  loading="lazy"
></iframe>

<script>
  window.addEventListener('message', (event) => {
    if (event.origin !== 'https://tracking-widget.beartrackapp.com') return
    if (event.data?.type !== 'beartrack:tracking:resize') return

    const iframe = document.querySelector('iframe[title="Beartrack Registro"]')
    if (iframe && typeof event.data.height === 'number') {
      iframe.style.height = event.data.height + 'px'
    }
  })
</script>

Requisitos

Lo que tiene que llevar tu iframe.

referrerpolicyno-referrer-when-downgrade

Deja que el navegador envíe la cabecera Referer, que es con la que el widget reconoce tu dominio. strict-origin-when-cross-origin también sirve.

allowidentity-credentials-get

Habilita el botón "Continuar con Google" dentro del iframe. Si tu página anida iframes, ponlo en todos.

listener de postMessagebeartrack:tracking:resize

Ajusta el alto del iframe a cada paso del asistente. En seguimiento también conviene: el bloque de ETA aparece después del render inicial.

El widget se carga en los dominios que autorizamos. Pide el tuyo.

Asociar a tu operación

El parámetro from decide a qué operador queda asociada el alta.

Reemplaza tu-dominio.com por el dominio que tienes cargado como sitio web de tu operación. El widget muestra tu logo y el alta queda asociada a ti. Se resuelve al vuelo: no hace falta ningún despliegue de nuestro lado.

from identifica al operador, no autoriza el embed

Quién puede embeber el widget lo decide la lista de dominios autorizados. Este parámetro sólo dice a qué operación asociar el alta.

Si el dominio no coincide con ninguna operación, el asistente funciona igual: se muestra sin tu logo y el alta queda sin asociar.

Aviso de alta completada

Para mostrar tu propio mensaje o disparar analítica.

En la página que embebe
<script>
  window.addEventListener('message', (event) => {
    if (event.origin !== 'https://tracking-widget.beartrackapp.com') return
    if (event.data?.type !== 'beartrack:registro:success') return

    // event.data.kind === 'ecommerce'
    // Muestra tu propio mensaje o dispara analítica. El widget ya muestra su
    // estado de éxito dentro del iframe: nunca navega a tu página.
  })
</script>

Notas

  • El asistente guarda el token del borrador en localStorage para retomar el alta si el visitante recarga. En navegadores que bloquean cookies de terceros el token vive en memoria y el progreso dura lo que dure la pestaña.
  • Límites por IP: 5 altas por hora y 40 comprobaciones de unicidad por minuto.