Un globo de seguimiento de envíos para tu propia web
Enseña a tus clientes dónde está su mercancía, en un globo 3D o un mapa plano, con tus colores y en su idioma. Pega un fragmento de código. Pesa unos 30 KB, no usa cookies, carga solo al acercarse a la pantalla y no pide cuenta.
Añádelo a tu web
- Pégalo donde deba aparecer el mapa. La etiqueta script basta una vez por página.
- Añade un bloque HTML personalizado y pega esto.
- Si WordPress lo elimina, tu rol no tiene unfiltered_html (habitual en Editores de multisitio). Instala el plugin de abajo y usa el shortcode, o pídeselo a un administrador.
- WordPress.com: requiere plan de pago con las funciones de alojamiento activas; el plan gratis elimina scripts e iframes.
Shortcode
iframe, si rechazan los scripts
- Editor de temas → Añadir sección → Liquid personalizado, y pega esto.
- O añade el fichero de abajo a la carpeta sections/ del tema, elige «Tracking globe» en el editor y pega la configuración.
- Los campos de texto enriquecido de páginas y productos eliminan este código; usa una sección.
- Las tiendas headless con Content-Security-Policy propia deben permitir el host de este script.
Valor de configuración
- Lo que hemos podido confirmar: la decoración de tiendas Taobao y Tmall es un editor cerrado, con plantillas y módulos aprobados. No hemos encontrado una vía admitida para ejecutar scripts o iframes de terceros ni una norma oficial vigente que diga lo contrario, así que no prometemos un widget en vivo allí.
- Lo que funciona: descarga esta vista como imagen y súbela al espacio de imágenes de tu tienda.
- Para seguimiento en vivo, aloja el widget en tu propia página y compártela con el comprador fuera del anuncio. Los enlaces externos en anuncios están limitados por las normas de la plataforma: compruébalas antes.
- Para compradores en China: aloja tracker.js y engine.js en un servidor en China. No hemos medido cómo carga este sitio desde allí.
- Una página solo con el mapa, para correos, códigos QR o cualquier sitio que admita una URL.
iframe
Kit de email: plan Pro
Los enlaces personales para tu plataforma de email, la página de ventas con tu marca, las imágenes de estado y el GIF forman parte de Pro, que aún no está a la venta. El widget para tu web sigue gratis.
- Crea estos campos en tu plataforma de email, rellenos para cada destinatario.
- Sube las cuatro imágenes de estado a tu web o al gestor de ficheros de la plataforma e indica la carpeta abajo.
- Pega el bloque HTML en un bloque de código, o usa solo el enlace en tu propio botón.
- Envíate una prueba y abre el enlace antes de cualquier campaña.
Mis nombres de campo
Usa los nombres de tu plataforma. Los valores no pueden llevar & ni #. Usa códigos como shanghai, o prueba los tuyos.Enlace personal
Este enlace es largo. Aloja el fichero de marca en tu web (Avanzado) para acortarlo.
Abrir página de ejemplo Algunas versiones de Outlook de escritorio muestran solo el primer fotograma. Revisa el peso antes de enviar.Bloque HTML para el email
Avanzado
Para campañas reales aloja p.html, page.js, tracker.js y engine.js en tu dominio: destinatarios y filtros de spam confían más en él. Las etiquetas siguen la sintaxis de cada plataforma pero no se han enviado desde ellas: prueba antes. Quien tenga un enlace puede editarlo, así que nunca pongas datos privados en él.
Dónde funciona y qué hemos probado de verdad
| Plataforma | Cómo se inserta | Probado |
|---|---|---|
| WordPress | Bloque HTML, shortcode o iframe | Marcado del bloque en navegador, plugin con PHP. Aún no en una instalación real. |
| Shopify | Liquid personalizado o sección de tema | Página con las cabeceras de seguridad de una tienda real. No dentro de una tienda. |
| SharePoint Online | Elemento web Insertar, solo iframe | Iframe aislado con política estricta. No en un tenant real. |
| Taobao / Tmall | Solo imagen | Solo exportar imagen. Sin widget en vivo. |
| Cualquier web HTML | Etiqueta script | Navegador de escritorio y móvil, con peso y saltos de diseño medidos. |
| Email (Mailchimp, HubSpot, Salesforce, Pardot, Klaviyo) | Pro · Imagen y enlace personal a una página de seguimiento con tu marca | Página y bloque en navegador. Aún sin enviar desde estas plataformas. |
Por qué no estorba a tu página
Unos 30 KB, en dos pasos
Un cargador de 3 KB reserva el hueco, así nada salta. El motor de 27 KB llega cuando el mapa se acerca. Sin librería de mapas ni servidor de teselas.
Nada que consentir
Sin cookies, sin analítica, sin llamadas a terceros. El mapa del mundo va dentro del fichero: la IP del visitante no llega a ningún proveedor de mapas.
Tuyo para adaptarlo
Colores, fuente, logo e idioma en el formulario. Tu CSS puede fijar --tg-accent y demás, y llegar a las piezas con ::part().
Preguntas
¿Es un rastreador GPS en tiempo real?
No. Dibuja los datos que le das: fechas, avance o posiciones de tu sistema. No se conecta a navieras ni a barcos. Las rutas son esquemáticas, no de navegación.
¿Puedo mostrar envíos simulados?
Sí, para demos y páginas de venta. Siempre llevan la etiqueta visible «Datos simulados», para que nadie los tome por mercancía real.
¿Cómo mantengo privados los datos?
No los pegues en el código. Apunta el widget a tu servidor y usa la búsqueda, que pide una referencia cada vez bajo tus reglas.
¿Funciona en SharePoint?
Con el elemento web Insertar, como iframe, cuando un propietario permite el dominio. Los scripts del contenido no se ejecutan allí. No lo hemos probado en un tenant real.
¿Funciona en Taobao?
Como widget en vivo no, hasta donde hemos podido confirmar. Puedes publicar una imagen del mapa y alojar la versión en vivo en tu propia página.
¿Cuesta algo?
Sin cuenta y sin cuota. Se ejecuta en el navegador del visitante, así que no hay servidor nuestro que pagar.
¿El kit de email es gratis?
No. El widget para tu web es gratis; el kit de email y el creador de la página de seguimiento forman parte del plan Pro, que aún no está a la venta.
¿Puede ir el mapa 3D en vivo dentro de un email?
No. Los clientes de correo no ejecutan scripts. El email lleva una imagen o GIF y un enlace personal; el mapa interactivo se abre en la página de seguimiento.
¿Cómo mido las ventas que genera?
Tu plataforma de email cuenta los clics en el enlace. Todos los enlaces de salida llevan etiquetas de campaña, así que la analítica de tu tienda puede atribuir ventas. Compara con un grupo que reciba el email normal para medir la mejora real.