Code à copier-coller
Placez ce bloc à l'endroit où le widget doit apparaître :
<iframe
src="https://www.ohayoworld.com/widgets/globe-widget.php?width=360&ohayos=1&lang=fr"
style="width:100%;max-width:360px;aspect-ratio:360/430;border:0"
loading="lazy"
title="OhayoWorld"></iframe>Paramètres disponibles
Personnalisez le widget via la query string de l'URL de l'iframe :
| Paramètre | Valeurs | Défaut | Description |
|---|---|---|---|
| width | 140–1200 | 360 | Largeur du globe en pixels (140 à 1200). La hauteur suit automatiquement (le globe est carré, avec le compteur au-dessus et le lien "Propulsé par" en dessous). |
| ohayos | 0 | 1 | 1 | Afficher ou non les marqueurs animés des Ohayo envoyés récemment sur le globe. |
| lang | fr | en | es | pt | en | Langue du texte du compteur et du lien. |
Hauteur responsive (largeur ET hauteur qui s'adaptent)
Le code ci-dessus utilise aspect-ratio en CSS plutôt qu'une hauteur fixe : si le conteneur parent est redimensionné (ex. width:100% sur mobile), l'iframe redimensionne automatiquement sa hauteur en même temps que sa largeur, sans JavaScript. Le ratio est basé sur largeur + 70px environ (compteur + globe carré + lien "Propulsé par"). Exemple pour une largeur de 360px : hauteur ≈ 430px.
Aperçu en direct
Voici le widget tel qu'il apparaîtra sur votre site (largeur 320px) :
Pourquoi utiliser ce widget ?
- Montrez une vue en direct de notre planète.
- Ravissez vos visiteurs avec des données en temps réel.
- Parfait pour les sites de science, de voyage et de géographie.
- Léger et gratuit.
- Aucune clé API.
Questions fréquentes
Puis-je utiliser le widget à des fins commerciales ?
Oui. Le widget peut être utilisé sur des sites personnels et commerciaux, gratuitement.
Est-ce gratuit ?
Oui, le widget est entièrement gratuit, sans frais cachés ni limite d'utilisation.
Fonctionne-t-il sur WordPress ?
Oui. Ajoutez un bloc HTML personnalisé dans WordPress et collez le code de l'iframe.
Fonctionne-t-il sur Notion ?
Oui. Utilisez le bloc « Intégration » (Embed) de Notion et collez l'URL du widget.
Fonctionne-t-il sur Squarespace ?
Oui. Ajoutez un bloc de code ou un bloc d'intégration dans Squarespace et collez le code de l'iframe.
Puis-je le redimensionner ?
Oui. Modifiez le paramètre width dans l'URL de l'iframe et le widget s'adapte automatiquement — voir les sections paramètres et hauteur responsive ci-dessus.
Se met-il à jour automatiquement ?
Oui. Le globe et le compteur de levers de soleil se mettent à jour en continu, en temps réel, sans aucune action de votre part.
Nécessite-t-il JavaScript ?
Aucun JavaScript personnalisé n'est requis sur votre page — le widget lui-même utilise JavaScript en interne, dans l'iframe, qui se charge automatiquement.
Bon à savoir
- Le compteur est calculé 100% côté client à partir des données de population WorldPop — aucune clé API n'est nécessaire.
- Le widget s'actualise en continu et reste synchronisé avec l'heure réelle.
- Le domaine
ohayoworld.comautorise explicitement l'affichage en iframe depuis n'importe quel site pour ce widget. - Le widget est responsive : il s'adapte à la largeur de son conteneur parent jusqu'à la largeur indiquée dans le paramètre
width.