Cómo Insertar una Alineación de Fútbol en tu Web o Blog
Si tienes un blog de fútbol, una web de aficionados o un hilo en un foro sobre el próximo partido, seguramente compartes las alineaciones como capturas de pantalla. El problema de las capturas: son estáticas, se ven borrosas en el móvil y, en cuanto la alineación cambia, tienes que editar la imagen y volver a subirla. Con QuickLineup puedes insertar una alineación interactiva en cualquier web con un solo código para copiar y pegar, gratis.
¿Por qué insertar en lugar de publicar una imagen?
La alineación insertada se renderiza en vivo, así que se mantiene nítida en cualquier pantalla y los dorsales no se pixelan. Tus visitantes ven el widget real, con los colores del equipo, los nombres y los números, exactamente como lo armaste.
Hay además una razón de fondo: un once inicial dentro de un artículo de previa se lee mucho mejor que una lista de nombres. Y la interfaz del widget sigue el idioma que elijas, así que un blog en español muestra el widget en español.
Paso 1: Arma tu alineación
Entra en la página principal de QuickLineup y arma tu alineación: elige un equipo real con su plantilla actualizada o crea una desde cero con tus propios nombres y colores de camiseta. Elige la formación, coloca a los jugadores y ajústalo todo a tu gusto.
Paso 2: Comparte la alineación
Cuando tu alineación esté lista, usa el botón de compartir. QuickLineup guarda tu alineación y le asigna una página de compartir permanente con su propio enlace. Ese enlace es la fuente de tu inserción: cualquiera que lo abra verá exactamente la alineación que armaste.
Paso 3: Copia el código de inserción
En la página de compartir, haz clic en "Incrustar en tu sitio". Aparece un cuadro con el código listo para copiar:
<iframe
src="https://quicklineup.com/embed/ID-DE-TU-ALINEACION"
width="800"
height="600"
style="border:none;overflow:hidden;width:100%;height:auto;aspect-ratio:1/1;max-height:600px;"
title="Mi alineación - QuickLineup">
</iframe>
<p style="font-size:13px;margin-top:6px;">Hecho con el <a href="https://quicklineup.com/es/alineacion-espana">creador de alineaciones de España</a> en QuickLineup</p>
Pulsa el botón de copiar y el código queda en tu portapapeles. Esa es toda la "programación" que necesitas.
El código tiene dos partes. El <iframe> es el widget de la alineación y es responsive desde el principio: width:100% llena la columna de tu artículo, aspect-ratio mantiene las proporciones en el móvil y max-height lo detiene en 600 píxeles en escritorio. Debajo hay una pequeña línea de crédito que enlaza al creador con el que se armó tu alineación. Es la atribución que mantiene QuickLineup gratis, así que pega las dos partes y deja el enlace en su sitio. Es una sola línea de 13 píxeles; puedes darle el estilo que encaje con tu web.
Paso 4: Pégalo en tu web
Dónde pegar el código depende de tu plataforma:
En WordPress añade un bloque de HTML personalizado en el editor y pega el código completo dentro. En Blogger, cambia el editor a vista HTML y coloca el código donde quieras que aparezca la alineación.
En los foros depende del software. La mayoría de los que soportan HTML o BBCode de iframe aceptan el código directamente; si tu foro elimina la etiqueta <p>, añade el crédito como una línea de texto normal bajo la alineación.
En cualquier otra web basta con pegarlo donde se permita HTML: sitios estáticos, CMS de noticias, páginas de documentación.
Míralo en vivo
Así se ve una alineación insertada. Lo de abajo es un ejemplo real y funcional, colocado en este artículo con el mismo código del paso 3:
Hecho con el creador de alineaciones de Francia en QuickLineup
Consejo: ajusta el idioma del widget
Añade el parámetro locale a la URL para controlar el idioma del widget. Por ejemplo ?locale=es para español:
https://quicklineup.com/embed/ID-DE-TU-ALINEACION?locale=es
Ideas para usar alineaciones insertadas
En una previa puedes insertar tu once probable junto al análisis; en una crónica, la alineación que jugó realmente, para explicar qué funcionó y qué no.
En un debate de aficionados, publicar tu equipo ideal invita a que los lectores respondan con el suyo. En un artículo de táctica, ilustrar una guía de formaciones con un ejemplo en vivo funciona mejor que un diagrama estático.
Y si juegas en una liga amateur, puedes publicar la alineación de tu equipo de fútbol 7 directamente en el foro de la liga.
Preguntas frecuentes
¿Insertar alineaciones es gratis? Sí. Armar, compartir e insertar alineaciones es completamente gratis.
¿Los visitantes necesitan una cuenta? No. Cualquiera puede ver la alineación insertada sin registrarse.
¿Puedo editar una alineación después de insertarla? La inserción muestra la alineación tal y como se guardó. Si quieres cambiarla, arma y guarda una nueva versión y actualiza el ID del iframe.
¿Ralentiza mi web? El widget se carga dentro de su propio iframe, aislado de tu página, y está diseñado para ser ligero.
¿Puedo quitar la línea de crédito? Por favor, déjala. QuickLineup es gratis, sin cuenta y sin muro de pago, y el enlace de crédito bajo el widget es lo único que pedimos a cambio. Puedes darle el estilo que quieras para que encaje con tu diseño.
¿Por qué el enlace apunta a una página de equipo? El enlace lleva al creador que corresponde a tu alineación: una alineación del Barcelona acredita al creador del Barcelona, y un equipo personalizado acredita la página principal. Así tus lectores llegan a la página que más les sirve.
Arma tu alineación ahora. Desde el primer jugador hasta el código de inserción pasa menos de un minuto.
