Comment ajouter un widget de prévision du coucher de soleil en direct à votre site web

Vos visiteurs ne devraient pas avoir à ouvrir une autre application météo pour décider si la soirée mérite d'être planifiée. Un widget de prévision du coucher de soleil fournit la réponse directement sur votre site web, à côté de l'information sur la pièce, la destination, la webcam ou la photographie qu'ils consultent déjà.

Les widgets Sunset Predictor transforment un lieu fixe en une prévision mise à jour automatiquement que vous pouvez intégrer sans créer votre propre intégration météo. Le résultat est une fonctionnalité compacte et utile pour les éditeurs de voyage, les hôtels, les sites web de tourisme, les pages de webcams et les photographes.

Que montre le widget de prévision du coucher de soleil

Chaque widget donne aux visiteurs les informations essentielles dont ils ont besoin en un coup d'œil :

• Un score de qualité de coucher de soleil de 0 à 100
• Une notation claire : Épique, Bon, Moyen, ou Mauvais
• L'heure locale du coucher du soleil pour le lieu sélectionné
• Un nom de lieu ou votre propre étiquette d'affichage
• Une phrase optionnelle expliquant la prévision
• Des détails météo optionnels pour le format personnalisé

Le score est présenté dans un anneau codé par couleur, permettant aux visiteurs de comprendre la perspective avant de lire le chiffre. Par exemple, un hôtel à Santorin peut afficher la prévision pour Oia, tandis qu'un opérateur de webcam à San Francisco peut nommer le même type de widget “Vue du Golden Gate”.

Le format personnalisé peut également afficher les conditions météorologiques sélectionnées : température, couverture nuageuse, probabilité de pluie, humidité, vent, visibilité, pression et qualité de l'air. Vous choisissez les valeurs à afficher et l'ordre dans lequel elles apparaissent aux visiteurs.

Pourquoi ajouter un widget de coucher de soleil à votre site web ?

Un widget est plus précieux lorsque les conditions de coucher de soleil influencent ce que vos visiteurs prévoient de faire. Il ajoute des informations pertinentes et changeantes à une page qui pourrait autrement rester statique.

Donner aux visiteurs une raison pratique de rester

Un guide de destination peut décrire où regarder le coucher de soleil. Le widget ajoute la question manquante : quelle est la promesse de ce soir ? Les visiteurs obtiennent un contexte utile pour la planification sans quitter d'abord votre page pour chercher ailleurs.

Ajouter une fonctionnalité sans entretenir un système de prévision

Les données météorologiques, les notations, les étiquettes, le formatage du temps et les rafraîchissements automatiques sont pris en charge. L'installation est un court extrait à intégrer plutôt qu'un projet d'API personnalisé avec sa propre interface, gestion des erreurs et maintenance continue.

Adapter l'information à votre public

Un hôtel peut vouloir une prévision soignée pour un toit-terrasse. Un site web de tourisme peut nécessiter des widgets distincts pour Lisbonne, Porto, et Madère. Un photographe peut préférer un score compact à côté d'un guide de localisation. Chaque widget est lié à un lieu, de sorte que son contexte reste clair.

Intégrer le widget dans votre design existant

Choisissez un thème clair, sombre ou automatique; sélectionnez une taille; et définissez la couleur d'accent de l'anneau de score. Vous pouvez également remplacer le nom géographique par une étiquette conviviale pour les visiteurs comme “Terrasse Ouest”, “Caméra Plage” ou “Vue de la Vieille Ville”.

Servir des visiteurs internationaux

Les widgets prennent en charge 14 langues : Anglais, Français, Allemand, Espagnol, Russe, Portugais, Japonais, Roumain, Ukrainien, Arabe, Hébreu, Chinois Simplifié, Hindi et Italien. Vous pouvez également choisir des unités métriques ou impériales et une horloge de 12 ou 24 heures.

Comment créer votre premier widget

Vous pouvez essayer le générateur et l'aperçu en direct avant de vous connecter. Un compte n'est requis que lorsque vous souhaitez enregistrer le widget et recevoir son code d'intégration.

1. Ouvrir le générateur de widgets

Ouvrez le générateur de widgets Sunset Predictor et expérimentez avec l'aperçu public. L'aperçu se met à jour au fur et à mesure que vous modifiez le thème, la taille, la couleur, la langue et d'autres paramètres d'affichage.

Lorsque vous êtes prêt à enregistrer, connectez-vous ou créez un compte gratuit. Dans votre tableau de bord des widgets, sélectionnez Créer un widget.

2. Nommer le widget pour votre propre tableau de bord

Entrez un nom interne court comme “Page d'accueil Hôtel Lisbonne” ou “Webcam Brighton”. Les visiteurs voient l'étiquette du lieu sélectionné, pas ce nom de gestion, donc utilisez quelque chose qui aidera votre équipe à reconnaître le widget plus tard.

3. Rechercher l'emplacement de la prévision

Tapez au moins trois caractères et sélectionnez la ville correcte dans les résultats. Les coordonnées choisies déterminent la prévision et l'heure locale du coucher du soleil.

Vous pouvez également entrer un nom d'affichage optionnel. Ceci est utile lorsque le lieu public a un nom plus spécifique ou familier que le résultat de la ville. Par exemple :

• Utilisez “Vue de notre toit” au lieu de “Bucarest, Roumanie”
• Utilisez “Plage de Copacabana” au lieu de “Rio de Janeiro, Brésil”
• Utilisez “Caméra Côte Nord” au lieu de la municipalité la plus proche

Choisissez avec soin : l'emplacement de prévision d'un widget ne peut pas être modifié après sa création. Créez un nouveau widget si vous avez besoin plus tard d'un lieu différent. Le nom d'affichage peut toujours être modifié.

4. Choisir l'apparence et les informations

Utilisez l'aperçu en direct pendant que vous configurez le widget. Les meilleurs paramètres dépendent de l'endroit où il apparaîtra :

Paramètre	Options	Conseils pratiques
Thème	Clair, sombre, auto	Utilisez auto lorsque le site hôte suit déjà le thème du système du visiteur.
Taille	Compact, standard, Personnalisé	Compact convient aux barres latérales; standard équilibre les détails et l'espace; Personnalisé ajoute une grille météo.
Couleur d'accent	Préréglages ou couleur personnalisée	Assortissez une couleur de marque tout en gardant assez de contraste autour de l'anneau de score.
Description	Activé ou désactivé	Ajoutez une brève explication du pourquoi du score de la prévision. Non disponible en taille compacte.
Langue	14 langues prises en charge	Assortissez la langue de la page où le widget apparaîtra.
Unités	Métriques ou impériales	Choisissez le format attendu par vos visiteurs.
Heure	12 heures ou 24 heures	Assortissez la convention utilisée ailleurs sur votre site web.
Actualisation	15 à 120 minutes	La fréquence disponible dépend du plan de compte.

Pour la taille personnalisée, sélectionnez et réorganisez les détails météorologiques qui importent à votre public. Un photographe pourrait prioriser les nuages, la visibilité et la probabilité de pluie. Un hôtel pourrait préférer la température, les nuages et le vent.

5. Créez le widget et copiez le code d'intégration

Sélectionnez Créer un widget. L'écran suivant montre l'aperçu enregistré et deux options d'installation : Balise de script et iFrame.

Option d'intégration	Idéal pour	À savoir
Balise de script	La plupart des sites web et mises en page personnalisées	Se charge de manière asynchrone et rend le widget directement à l'intérieur de la page.
iFrame	Plates-formes CMS ou pages qui isolent le contenu tiers	Garde le widget dans son propre document et inclut un ajustement automatique de la hauteur.

L'option de balise de script ressemble à ceci, avec votre ID de widget unique inséré automatiquement :

<div id="sunset-widget-wgt_votre_ID_widget"></div>
<script src="https://sunset-predictor.com/api/widget/embed.js?v=1"
        data-widget-id="wgt_votre_ID_widget"
        async></script>

Utilisez le bouton Copier le code plutôt que de modifier l'ID généré à la main.

6. Collez l'extrait dans votre site web

Ajoutez le code là où vous souhaitez que le widget apparaisse. L'emplacement exact dépend de la plate-forme :

• Sur un site codé sur mesure, placez-le dans le modèle de page ou le bloc de contenu concerné.
• Dans WordPress, utilisez un bloc HTML personnalisé.
• Dans un constructeur de pages, utilisez un élément HTML, d'intégration ou de code.
• Dans un CMS avec des règles de script strictes, essayez l'option iFrame.

Publiez ou mettez à jour la page, puis ouvrez l'URL en direct et vérifiez le widget à la fois sur ordinateur de bureau et mobile. Confirmez que le lieu, la langue, le format de l'horloge, les unités et l'espacement s'intègrent bien à la page.

Si votre CMS bloque le code d'intégration ou si le widget n'apparaît pas, contactez le support de Sunset Predictor pour obtenir de l'aide avec l'installation.

Que se passe-t-il après que le widget est en ligne ?

Le widget demande automatiquement des données de prévision fraîches selon son intervalle de rafraîchissement configuré. L'intervalle disponible dépend de votre plan, de toutes les 120 minutes sur le plan gratuit à toutes les 15 minutes sur le plan Enterprise.

Vous n'avez pas besoin de remplacer le code d'intégration lorsque vous modifiez la plupart des paramètres. Ouvrez le widget à partir de votre tableau de bord, mettez à jour son apparence ou ses options d'affichage, et sauvegardez. Les modifications apportées à un widget déjà intégré apparaissent dans les quelques minutes qui suivent.

Le tableau de bord vous permet aussi de :

• Voir le total des impressions et des clics pour chaque widget
• Copier à nouveau le code d'intégration
• Mettre un widget en pause et le reprendre
• Modifier son nom, son étiquette, son apparence, sa langue, ses unités, son format horaire, et son intervalle de rafraîchissement
• Supprimer un widget dont vous n'avez plus besoin

Une impression enregistre un rendu de widget, tandis qu'un clic enregistre un visiteur suivant le lien du widget vers Sunset Predictor. Ces décomptes vous offrent une vue simple de l'utilisation sans nécessiter une configuration analytique séparée pour le widget lui-même.

Quel plan convient à votre site web ?

Vous pouvez créer un widget de marque sur le plan gratuit. Les plans payants supportent l'utilisation commerciale, plus de widgets, des limites plus élevées de vues mensuelles, des rafraîchissements plus rapides, la taille personnalisée, et la suppression optionnelle du branding. Vous pouvez comparer les plans et tarifs actuels avant de choisir un niveau.

Plan	Widgets	Vues mensuelles	Rafraîchissement le plus rapide	Taille personnalisée	Suppression du branding	Utilisation commerciale
Gratuit	1	2 000	120 minutes	Non	Non	Non
Pro	5	25 000	60 minutes	Oui	Oui	Oui
Business	25	150 000	30 minutes	Oui	Oui	Oui
Enterprise	Illimité	1 000 000	15 minutes	Oui	Oui	Oui

Si un widget atteint son quota de vues mensuelles, il continue de s'afficher. Les nouvelles impressions cessent d'être comptabilisées pour ce mois, et le branding de Sunset Predictor est affiché. Cela évite de transformer une page intégrée en état d'erreur simplement parce que le trafic était plus élevé que prévu.

N'oubliez pas que les widgets actifs et en pause comptent tous les deux pour le nombre de widgets autorisés par votre plan. Supprimez un widget si vous n'en avez plus besoin et souhaitez libérer cet emplacement.

Façons pratiques d'utiliser le widget

Le placement le plus fort connecte la prévision à une décision que le visiteur est déjà en train de prendre.

Hôtels et stations balnéaires

Placez un widget standard sur une page d'équipements, de bar rooftop ou d'expériences locales. Utilisez le nom public de la propriété comme étiquette d'affichage et assortissez la couleur d'accent à la marque de l'hôtel.

Sites web de tourisme et de destination

Ajoutez des widgets spécifiques à un lieu aux guides de ville ou régionaux. Une page sur les points de vue pour le coucher de soleil à Barcelone peut montrer la prévision actuelle de Barcelone, tandis qu'un guide séparé de Tenerife peut utiliser son propre widget.

Sites web de webcam et de surf

Positionnez un widget compact près d'une caméra en direct ou d'un panneau de conditions actuelles. Le score du coucher de soleil ajoute un contexte rapide sans concurrencer le flux vidéo.

Guides photographiques

Utilisez la taille personnalisée pour montrer les nuages, la probabilité de pluie, la visibilité et le vent aux côtés du score. Cela donne aux lecteurs plus de contexte pour décider de repérer un lieu ou d'emporter leur équipement.

Pages d'événements et de lieux

Pour les lieux extérieurs où la vue fait partie de l'expérience, un widget peut aider les visiteurs à comprendre la perspective de coucher de soleil pour l'emplacement fixe du lieu. Gardez la description activée si votre public bénéficie d'une explication en langage clair du score.

Conseils pour une meilleure intégration

Avant de publier largement le widget, faites quelques choix délibérés:

1. Placez-le près de contenu connexe. Une prévision à côté d'une description de toit est plus utile qu'une cachée dans un pied de page générique.
2. Utilisez une étiquette d'affichage spécifique. “Terrasse du Port” donne aux visiteurs plus de contexte qu'un nom de ville large lorsque l'emplacement est déjà évident.
3. Assortissez la langue de la page, les unités et l'horloge. De petites incohérences rendent une fonctionnalité intégrée déconnectée du reste du site web.
4. Gardez la densité d'information appropriée. Compact fonctionne pour les mises en page serrées; Personnalisé fonctionne lorsque le détail météorologique fait partie du but de la page.
5. Vérifiez l'espacement mobile après l'installation. Le widget n'est qu'une partie de la page, alors testez comment il s'assoit à côté de vos propres en-têtes, images et boutons.
6. Revue périodiquement les impressions. Elles vous aident à voir si le placement reçoit du trafic et si votre plan actuel correspond toujours.

Conclusion

Un widget de prévision du coucher de soleil transforme les données météorologiques changeantes en une fonctionnalité de site web simple et pertinente. Choisissez un lieu significatif, adaptez le design à votre public, collez le code d'intégration généré, et gérez le widget à partir d'un seul tableau de bord. Vous pouvez prévisualiser et créer votre premier widget avant de décider où il appartiendra sur votre site.