Código para copiar y pegar
Coloca este bloque donde debe aparecer el widget:
<iframe
src="https://www.ohayoworld.com/widgets/globe-widget.php?width=360&ohayos=1&lang=es"
style="width:100%;max-width:360px;aspect-ratio:360/430;border:0"
loading="lazy"
title="OhayoWorld"></iframe>Parámetros disponibles
Personaliza el widget mediante la query string de la URL del iframe:
| Parámetro | Valores | Predeterminado | Descripción |
|---|---|---|---|
| width | 140–1200 | 360 | Ancho del globo en píxeles (140 a 1200). La altura se ajusta automáticamente (el globo es cuadrado, con el contador arriba y el enlace "Desarrollado por" debajo). |
| ohayos | 0 | 1 | 1 | Mostrar o no los marcadores animados de los Ohayos enviados recientemente en el globo. |
| lang | fr | en | es | pt | en | Idioma del texto del contador y del enlace. |
Altura responsiva (ancho Y alto se adaptan)
El código anterior usa aspect-ratio en CSS en lugar de una altura fija: si el contenedor padre se redimensiona (ej. width:100% en móvil), el iframe redimensiona automáticamente su altura junto con su ancho, sin JavaScript. La proporción se basa en aproximadamente ancho + 70px (contador + globo cuadrado + enlace "Desarrollado por"). Ejemplo para un ancho de 360px: altura ≈ 430px.
Vista previa en vivo
Así se verá el widget en tu sitio (ancho de 320px):
¿Por qué usar este widget?
- Muestra una vista en vivo de nuestro planeta.
- Sorprende a tus visitantes con datos en tiempo real.
- Perfecto para sitios de ciencia, viajes y geografía.
- Ligero y gratuito.
- Sin clave API.
Preguntas frecuentes
¿Puedo usar el widget comercialmente?
Sí. El widget se puede usar en sitios personales y comerciales, de forma gratuita.
¿Es gratis?
Sí, el widget es completamente gratuito, sin tarifas ocultas ni límites de uso.
¿Funciona en WordPress?
Sí. Agrega un bloque HTML personalizado en WordPress y pega el código del iframe.
¿Funciona en Notion?
Sí. Usa el bloque "Insertar" (Embed) de Notion y pega la URL del widget.
¿Funciona en Squarespace?
Sí. Agrega un bloque de código o un bloque de inserción en Squarespace y pega el código del iframe.
¿Puedo redimensionarlo?
Sí. Cambia el parámetro width en la URL del iframe y el widget se ajusta automáticamente — consulta las secciones de parámetros y altura responsiva anteriores.
¿Se actualiza automáticamente?
Sí. El globo y el contador de amaneceres se actualizan continuamente, en tiempo real, sin ninguna acción de tu parte.
¿Requiere JavaScript?
No se requiere JavaScript personalizado en tu página — el propio widget usa JavaScript internamente, dentro del iframe, que se carga automáticamente.
Bueno saberlo
- El contador se calcula 100% del lado del cliente a partir de datos de población WorldPop — no se necesita clave de API.
- El widget se actualiza continuamente y permanece sincronizado con la hora real.
- El dominio
ohayoworld.compermite explícitamente que este widget se muestre en iframe desde cualquier sitio. - El widget es responsivo: se ajusta al ancho de su contenedor padre, hasta el ancho indicado en el parámetro
width.