Widget météo et température de la mer gratuit pour votre site
Ajoutez un widget météo et température de la mer gratuit à votre site web en moins d'une minute. Choisissez parmi 174 plages du monde entier, copiez le code et collez-le n'importe où – dans le pied de page, la barre latérale ou un article de blog. La carte en verre dépoli se fond dans n'importe quelle page, adapte ses couleurs à l'arrière-plan et traduit automatiquement ses libellés dans la langue de votre site, semblant faire partie intégrante de votre design. Elle affiche la température de l'eau en direct, celle de l'air, la météo et l'indice UV. Compatible avec WordPress, Wix ou le HTML pur, elle s'actualise seule – sans inscription.
Choisissez une destination
Auto se fond dans votre page – il lit l'arrière-plan et passe en texte clair ou sombre pour s'adapter.
Aperçu
Ceci est la carte réelle en direct – exactement ce que vos visiteurs verront.
Copier le code
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto">
<a href="https://seatempmap.com/destinations/santorini" rel="noopener">Sea temperature in Santorini · SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>Collez ceci à l'endroit où vous souhaitez que la carte apparaisse.
Foire aux questions
Comment puis-je ajouter le widget de température de la mer à mon site web ?
Choisissez une destination ci-dessus, copiez le code et collez-le dans le HTML de votre page à l'endroit où vous souhaitez que la carte apparaisse – dans le pied de page, une barre latérale ou au sein d'un article. Il n'y a rien à installer ni aucun compte à créer : cela fonctionne dans n'importe quel bloc HTML ou d'intégration sur WordPress, Wix, Squarespace, Shopify ou un site codé à la main.
Le widget est-il vraiment gratuit ?
Oui – il est gratuit pour les sites personnels comme commerciaux, sans inscription, sans clé API et sans limite de trafic. Tout ce que nous vous demandons, c'est de conserver le petit lien SeaTempMap.com sur la carte – ce crédit est ce qui nous permet de maintenir le widget gratuit.
D'où proviennent les données et à quelle fréquence sont-elles mises à jour ?
Les températures de la mer proviennent des données satellites de la NASA sur une grille de 1 km – la même mesure que celle que vous voyez sur notre carte du monde. La température de l'air, la météo et l'indice UV proviennent d'un flux mondial en direct, et la carte s'actualise d'elle-même lorsque votre page est ouverte – vos visiteurs voient ainsi toujours les conditions actuelles.
S'adaptera-t-il au design de mi site web ?
La carte adopte un design en verre dépoli (frosted glass) : elle s'adapte à l'arrière-plan de votre page et bascule automatiquement entre texte sombre et clair pour rester lisible sur n'importe quelle couleur, photo ou section. Si vous préférez figer son apparence, vous pouvez définir data-theme sur light ou dark.
Le widget risque-t-il d'entrer en conflit avec les styles de mon site ?
Non – la carte s'affiche au sein d'un Shadow DOM, une fonctionnalité du navigateur qui l'isole complètement : le CSS de votre thème ne peut pas casser le widget par accident, et les styles du widget ne peuvent pas déborder sur votre page.
S'affiche-t-il dans la langue de mes visiteurs ?
Oui – la carte détecte la langue de votre site et affiche automatiquement ses textes dans celle-ci (parmi 30 langues supportées). Une page en français obtiendra une carte en français, une page en allemand une carte en allemand ; toute langue non encore prise en charge s'affichera par défaut en anglais.
Le widget va-t-il ralentir ma page ?
Non – il s'agit d'un seul petit script (moins de 20 kB compressé, sans dépendances) qui se charge de manière asynchrone après votre contenu, accompagné d'une unique requête de données minuscule. Et si les données ne pouvaient pas se charger, la carte s'efface discrètement au lieu de briser votre mise en page.
Puis-je afficher plus d'une destination ?
Oui – collez un code par destination et chaque carte s'affichera de manière autonome, ce qui permet à un hôtel disposant de deux établissements de présenter les deux. Le script ne doit être inclus qu'une seule fois par page, mais un doublon est sans gravité.
Quelles destinations sont disponibles ?
174 plages et villes côtières sélectionnées avec soin dans le monde entier – de la Méditerranée et de l'Atlantique aux Caraïbes, à l'Asie du Sud-Est et au Pacifique. Effectuez une recherche dans la liste ci-dessus ; s'il manque la vôtre, écrivez-nous à hello@seatempmap.com et nous étudierons son ajout.
Utilise-t-il des cookies ou collecte-t-il des données sur les visiteurs ?
Non – le widget ne définit aucun cookie, ne stocke rien sur les appareils de vos visiteurs et n'effectue aucun suivi – absolument aucune donnée personnelle n'est collectée. Il se contente de récupérer la mesure de température, il est donc totalement sûr à intégrer n'importe où et n'aura aucun impact sur votre bandeau de cookies ou votre politique de confidentialité.