Inserta tu mapa de vuelos en tu sitio web
Tus vuelos, en tu propio sitio: un mapa interactivo que tus lectores pueden mover, ampliar y reproducir, dentro de una entrada de blog, un diario de viaje o una página personal. Crea el mapa en My Flight Routes, copia el código de inserción desde el menú Compartir y pégalo donde tu sitio acepte HTML. Es gratis, tus visitantes no necesitan cuenta y no hay nada que instalar.
Un mapa de vuelos insertado en una entrada de blog. Pulsa play para probar el mapa en vivo.
Cómo insertar tu mapa de vuelos
- Añade tus vuelos: Escríbelos, haz clic en los aeropuertos del mapa, importa un CSV o escanea tus tarjetas de embarque.
- Inicia sesión: Las inserciones salen de enlaces guardados, que necesitan una cuenta gratuita. Tus vuelos se vienen contigo al registrarte.
- Crea un enlace para compartir: Abre Compartir en el mapa, elige Enlace y créalo.
- Copia el código de inserción: Abre Insertar en un sitio web bajo el enlace, elige un tema y una altura y copia el código.
- Pégalo en tu sitio: En cualquier lugar que acepte HTML, como los bloques de la lista de abajo.
Así es el código
El código es un iframe estándar seguido de una línea de crédito, así que funciona en cualquier sitio que te deje añadir HTML:
<iframe
src="https://myflightroutes.com/share/s_yourMapId?embed=true"
title="Ejemplo de un mapa de vuelos insertado"
width="100%"
height="500"
style="border:none;border-radius:8px"
loading="lazy"
allowfullscreen
></iframe>
<p style="margin:6px 0 0;font-size:13px">Mapa de vuelos hecho con <a href="https://myflightroutes.com/es">My Flight Routes</a></p>Dónde pegarlo
- WordPress: Añade un bloque HTML personalizado donde quieras el mapa y pega el código dentro
- Squarespace: Añade un bloque de código, pega el código y deja la visualización en HTML
- Wix: Añade Código de inserción, elige Insertar HTML, pega el código y ajusta el tamaño del recuadro
- Ghost: Añade una tarjeta HTML en el editor y pega el código
- Blogger: Cambia la entrada a la vista HTML y pega el código donde deba aparecer el mapa
- Notion y otras herramientas: Pega el propio enlace, que la mayoría de editores convierte en una tarjeta de vista previa
Qué ven tus visitantes
- Un mapa de verdad, no una imagen: Pueden moverlo, ampliarlo y hacer clic en cualquier ruta para ver sus detalles
- La reproducción: Si tus vuelos tienen fechas, un botón de play dibuja tu viaje vuelo a vuelo
- Tu modo de mapa: ¿Coloreado por año, aerolínea o países? La inserción se abre en el modo que compartiste
- Un tema que encaja: Elige claro u oscuro para que combine con tu sitio, o deja que siga el ajuste de cada visitante
- Ligero: El mapa solo se carga cuando el lector se acerca a él, así el resto de tu página sigue siendo rápida
Tema, tamaño y crédito
El mapa insertado se ve tal como lo estás viendo, con su modo de mapa y las etiquetas de los aeropuertos, y el código suma dos opciones: el tema (auto, claro u oscuro) y la altura (400, 500 o 650 píxeles). El ancho siempre ocupa el espacio disponible, así que el mapa se adapta tanto a un móvil como a un artículo ancho. Bajo el mapa hay una breve línea de crédito con un enlace a My Flight Routes. Puedes quitarla, pero dejarla ayuda a otros viajeros a encontrar el mapa.
Preguntas frecuentes
¿Es gratis insertar mi mapa de vuelos?
Sí. Crear el mapa, el enlace para compartir y la inserción es gratis. Necesitas una cuenta gratuita para crear el enlace, y quienes visitan tu sitio no necesitan nada.
¿El mapa insertado se actualiza cuando añado vuelos?
No. Una inserción muestra los vuelos que compartiste en el momento de crear el enlace. Para mostrar vuelos nuevos, crea un nuevo enlace y reemplaza el código en tu sitio.
¿Puedo quitar un mapa insertado?
Sí. Borra el enlace desde los ajustes de tu cuenta y el mapa deja de verse en todos los sitios donde estaba insertado, al instante. También puedes simplemente quitar el código de tu página.
¿Hará más lenta mi web?
No. El mapa se carga de forma diferida, solo cuando el lector se acerca a él, y funciona en su propio marco, así que no afecta al resto de tu página.
¿Qué ven los visitantes de mis vuelos?
Solo lo que elegiste compartir: las rutas y los detalles que incluiste, como fechas y aerolíneas. No se muestra nada más de tu cuenta, y los mapas compartidos no aparecen en los buscadores.
¿Puedo cambiar el tamaño?
Elige una altura al copiar el código, o cambia tú mismo el número de la altura en el código. El ancho ocupa el espacio disponible, y también puedes cambiarlo.
¿Listo para poner tus viajes en tu sitio? Añade tus vuelos y crea tu primera inserción.