Durante 38 días, desde el partido inaugural hasta la final, medios de toda Iberoamérica cubrieron el Mundial con estos widgets. Sin pagar una licencia, sin contratar un desarrollador, sin cambiar de CMS. Gracias a cada redacción que se animó a poner un tag en su sitio confiando en que iba a funcionar.
Ninguna pagó una licencia. Ninguna contrató un desarrollador. Ninguna cambió de CMS. Pusieron un tag en su sitio confiando en que iba a funcionar, y funcionó durante los 38 días del torneo.
Cómo se midió. Los datos salen del analytics de Cloudflare, no de una estimación.
Cada carga de página con widget se cuenta como una request servida a /api/data,
que es la única llamada dinámica que hace el widget por página; quedan afuera los bots y
todo lo que no se haya servido correctamente. El 99% del tráfico es atribuible a un
medio identificado. Las 96,2M de requests corresponden a toda la infraestructura que
sirve los widgets, que también atiende otros servicios de Amura. No publicamos el detalle
por medio: ese dato es de cada redacción, no nuestro.
No son maquetas: cada demo de acá abajo trae los datos reales del Mundial 2026, hasta la final. Cada widget es un Web Component autónomo, se actualiza solo y se adapta a tu marca.
Cinta infinita que muestra todos los partidos del fixture con horarios en la zona horaria del lector. Ideal para el header de cualquier sección. Se pausa al pasar el mouse.
<!-- 1. Pegá el script una sola vez --> <script src="https://mundial.amuracms.com/widgets.js"></script> <!-- 2. Ticker completo --> <mundial-ticker></mundial-ticker> <!-- Solo un grupo --> <mundial-ticker group="J"></mundial-ticker> <!-- Solo un equipo --> <mundial-ticker team="Argentina"></mundial-ticker>
Grilla completa con pestañas por grupo. Los horarios se muestran en la zona horaria del lector. Al publicar una nota sobre un grupo, filtrá solo esos partidos.
<!-- Fixture completo, todos los grupos --> <mundial-fixture></mundial-fixture> <!-- Pre-seleccionado en Grupo J (Argentina) --> <mundial-fixture group="J"></mundial-fixture> <!-- Solo partidos de un equipo --> <mundial-fixture team="Francia"></mundial-fixture>
Los 12 grupos con sus 4 equipos cada uno. Los dos clasificados a octavos se marcan en verde automáticamente. Los puntos se calculan en tiempo real desde los resultados.
<!-- Tabla abre en Grupo A por defecto --> <mundial-tabla></mundial-tabla> <!-- Pre-seleccionado en Grupo J --> <mundial-tabla group="J"></mundial-tabla>
Diseñado para que los redactores lo inserten dentro del cuerpo de una nota. Muestra el enfrentamiento limpio: banderas, equipos, horario y estadio. Si el partido tiene resultado, lo muestra automáticamente.
<!-- Insertar en el cuerpo de una nota --> <mundial-partido team1="Argentina" team2="Argelia" ></mundial-partido>
Desde los dieciseisavos hasta la final. Las selecciones avanzan solas a medida que cargás los resultados: el widget resuelve los cruces automáticamente, incluyendo los mejores terceros y las definiciones por penales.
<!-- Bracket completo, se resuelve solo --> <mundial-bracket></mundial-bracket> <!-- Con un estilo --> <mundial-bracket theme="quantum"></mundial-bracket>
El widget que más fideliza al lector: seguí a una selección de punta a punta. Próximo partido, posición en su grupo y la línea de tiempo completa — fase de grupos y eliminación, con los cruces resueltos solos. Cada medio embebe el suyo.
<!-- Seguimiento de una selección --> <mundial-seleccion team="Argentina"></mundial-seleccion> <!-- Para cualquier selección --> <mundial-seleccion team="Brasil"></mundial-seleccion>
Todas las tablas de grupo juntas. En grilla responsiva o, como acá, en modo slider que aprovecha el ancho de la página con navegación por flechas — el formato ideal para portadas. Los puntos se calculan solos desde los resultados.
<!-- Grilla con las 12 tablas --> <mundial-grupos></mundial-grupos> <!-- Slider full-width para portada --> <mundial-grupos layout="slider" mas="/mundial"></mundial-grupos>
Cada estilo tiene su propia estructura HTML, tipografía y paleta. Elegí el que mejor encaja con tu medio — el resto lo hace el widget.
#f5c518acento#1d4e2fprimario#0b111afondo<mundial-ticker></mundial-ticker> <!-- --wm-accent personalizable -->
#CCFF00lima#1b1c1cnegro#faf9f9fondo<mundial-ticker theme="elemental"></mundial-ticker>
#b85c38terracota#02241Dbosque#fcf9f8crema<mundial-ticker theme="organic"></mundial-ticker>
#00f0ffcian#ff24e4magenta#0F131Fnoche<mundial-ticker theme="quantum"></mundial-ticker>
El atributo theme aplica a los 8 widgets: ticker, fixture, tabla, countdown, partido, bracket, grupos y selección.
Sin npm. Sin webpack. Sin desarrollador. Cualquier redactor puede agregarlo.
Una sola línea en el <head> o antes del </body> de tu sitio. Una vez y ya.
<script src="https://mundial.amuracms.com/widgets.js" defer ></script>
Elegí el widget que querés y pegá el tag HTML donde necesitás que aparezca — en tu template, en una nota, en un sidebar.
<!-- En la home --> <mundial-ticker></mundial-ticker> <!-- En una nota de Argentina --> <mundial-seleccion team="Argentina"></mundial-seleccion>
Cuatro diseños listos para usar. Un atributo aplica el estilo a todos los widgets de tu medio.
<mundial-ticker theme="elemental"></mundial-ticker> <mundial-fixture theme="organic"></mundial-fixture> <mundial-tabla theme="quantum"></mundial-tabla>
| Atributo / Variable | Valores / Default | Qué controla |
|---|---|---|
| theme | elemental · organic · quantum | Estilo de diseño completo (estructura, tipografía y paleta) |
| group | A … L | Pre-selecciona un grupo en fixture, tabla y ticker |
| team | "Argentina" | Filtra por selección en ticker, fixture y countdown |
| team1 / team2 | "Argentina" | Partido específico en el widget partido |
| --wm-accent | #f5c518 | Color de acento del estilo default |
| --wm-bg | #0b111a | Fondo principal del widget (default) |
| --wm-surface | #151e2a | Fondo de tarjetas y superficies (default) |
Embeber nuestros widgets no expone tu medio ni a tus lectores. Mismo modelo que un embed de YouTube o Twitter, pero más liviano y con menos permisos. Esto es lo que podés decirle a tu equipo técnico.
Los widgets no muestran avisos, banners ni contenido patrocinado de terceros. El espacio en tu página es tuyo: solo datos del Mundial, nada más. No competimos por la atención de tus lectores ni por tu inventario publicitario.
No instala cookies, no usa localStorage ni recolecta dato alguno de tus lectores. Nada que declarar en tu política de privacidad.
Cada widget corre dentro de su propio Shadow DOM. Su CSS no se escapa y el de tu sitio no entra: imposible que rompa tu diseño o tu layout.
Todo se sirve desde mundial.amuracms.com sobre HTTPS. Cero llamadas a terceros, cero trackers de publicidad, cero hosts externos.
JavaScript propio, sin eval, sin document.write ni ejecución dinámica de código. Es legible y tu equipo puede revisarlo cuando quiera.
Cualquier texto que cargás (títulos, resultados) se escapa antes de mostrarse. No hay forma de inyectar markup malicioso a través de los datos.
¿Tu sitio usa Content Security Policy? Solo hay que sumar nuestro dominio a script-src. Configuración estándar, no un riesgo.
Para tu administrador de sistemas: si tu CSP está activa, agregá
script-src https://mundial.amuracms.com a la lista de orígenes permitidos. Es lo único que se necesita.
Los widgets son gratis y los pegás vos mismo en minutos. Pero si preferís, lo dejamos andando en tu sitio y te asesoramos para sacarles el máximo.
El proyecto nace de dos convicciones que se complementan: democratizar el acceso a la tecnología, y aprovechar que hoy esa tecnología se puede hacer bien, segura y a bajo costo.
Desde que empezamos con Amura, lo que más nos movió fue democratizar el acceso a la tecnología: que herramientas que antes pedían presupuesto y desarrollo estén al alcance de cualquier redacción. Creemos que cada medio, grande o chico, debería poder ofrecerle una buena experiencia a sus lectores sin depender de desarrollos complejos o costosos.
Hoy la IA acelera el desarrollo y la infraestructura serverless nos permite construir soluciones seguras y robustas a una fracción del costo de antes. Eso es lo que hace posible regalar algo así: tecnología de primer nivel, sin servidores que mantener ni complejidad para el medio que la embebe.