Ajoutez une carte météo en direct sur n’importe quel site web avec une seule ligne de code — aucun backend météo à développer, aucune clé API exposée dans le navigateur. Idéal pour les annonces immobilières, les pages de voyage et d’événements, les lieux de réception et les tableaux de bord.
Le problème
Si vous gérez un site web, afficher la météo locale en direct implique généralement de s’inscrire à une API météo, d’écrire du code serveur pour faire office de proxy, de mettre les réponses en cache pour ne pas exploser votre quota, et de garder vos clés hors du code côté client. C’est tout un projet. Alors que vous vouliez juste une simple carte.
Comment ça marche
Intégrez un élément personnalisé et le tour est joué :
<script
src="https://app.weatherintouch.com/embed.js"
data-api-base="https://api.weatherintouch.com"
></script>
<wx-weather-card
lat="50.08"
lon="14.44"
lang="en"
theme="auto"
></wx-weather-card>
La carte s’affiche dans un Shadow DOM, ses styles n’entreront donc jamais en conflit avec le CSS de votre site. Elle indique les conditions actuelles et, en option, de courtes prévisions. Vous préférez une iframe ? Il existe une variante qui ajuste automatiquement sa hauteur via postMessage. Toute la configuration se fait via des attributs : coordonnées, langue, thème et votre clé API.
Pourquoi c’est différent
- Cache partagé. Votre widget lit les données depuis le même cache de prévisions que l’application principale. Une carte sur votre site et l’onglet de l’application principale d’un visiteur aux mêmes coordonnées ne coûtent qu’un seul appel en amont — et non deux.
- Aucune fuite de clé. Le point de terminaison batch du backend sert les données ; votre clé API est délimitée et restreinte par origine, ce n’est jamais une clé brute du fournisseur exposée dans la page.
- Aucun conflit de style. L’isolation du Shadow DOM garantit que la carte a la même apparence sur tous les sites.
- Liste d’origines autorisées par compte. Vous contrôlez exactement quels domaines peuvent afficher votre carte.
Tarifs
Le widget intégrable est une fonctionnalité Pro — il inclut une clé API par compte et une liste d’origines autorisées pour que vous puissiez le déployer sur l’ensemble de vos sites.
FAQ
Comment l’intégrer ? Ajoutez la balise script et un élément <wx-weather-card> avec vos coordonnées — ou utilisez la variante iframe.
Élément personnalisé ou iframe ? L’élément personnalisé offre une intégration plus poussée (thème, mise en page) ; l’iframe est la solution la plus isolée et la plus simple à intégrer.
Puis-je modifier le thème ? Oui — theme="auto|light|dark", de plus la carte respecte votre couleur d’accentuation le cas échéant.
Quelles sont les limites de requêtes ? Le point de terminaison batch est limité en débit et privilégie le cache ; une intégration normale reste largement dans les limites car les requêtes pour des coordonnées identiques sont dédupliquées.
Dois-je créditer Weather InTouch ? Oui — la carte comporte un petit lien d’attribution, conformément aux conditions de nos fournisseurs de données.