Intégrez les horaires de prière eSalah sur votre site
Une balise, zéro dépendance, aucun traçage. Horaires de prière quotidiens précis pour n'importe quelle latitude/longitude, stylés pour s'intégrer à toute page.
Démarrage rapide
Collez ce snippet n'importe où dans votre HTML. L'exemple ci-dessous est London (51.5074, -0.1278) — remplacez par vos propres coordonnées.
<div data-esalah-prayer-times
data-lat="51.5074"
data-lng="-0.1278"></div>
<script async src="https://esalah.com/embed/times.js"></script>Aperçu en direct
Voici le widget réel — le même snippet ci-dessus, fonctionnant sur cette page maintenant.
Référence des attributs
Configurez le widget en définissant des attributs data-* sur le conteneur.
| Attribut | Obligatoire | Description |
|---|---|---|
data-lat | Obligatoire | Latitude en degrés décimaux. Exemple : 51.5074. |
data-lng | Obligatoire | Longitude en degrés décimaux. Exemple : -0.1278. |
data-method | Facultatif | Slug de méthode de calcul ou ID numérique (par ex. isna, mwl, umm-al-qura, egyptian). Si omis, le serveur choisit une valeur par défaut adaptée au pays à partir des coordonnées. |
data-timezone | Facultatif | Fuseau horaire IANA (par ex. Europe/London, America/New_York). Par défaut, le fuseau horaire du navigateur du visiteur via Intl.DateTimeFormat(). |
Plusieurs widgets sur une page
Le widget s'initialise sur chaque [data-esalah-prayer-times] élément qu'il trouve sur la page. Vous pouvez afficher les horaires de prière de plusieurs villes côte à côte — par ex. un hub communautaire avec des sections dans plusieurs villes — en utilisant le script une seule fois et autant de div conteneurs que souhaité.
Confidentialité
Le widget effectue le fetch /api/v1/times avec credentials: 'omit'. Cela signifie :
- Aucun cookie n'est envoyé à eSalah depuis les navigateurs de vos visiteurs.
- Vos visiteurs ne sont ni identifiés ni suivis par nous.
- Seules les coordonnées que vous configurez sont transmises — aucune journalisation IP, aucune empreinte digitale.
- Le style du widget est intégré à chaque rendu — il ne peut pas lire ni modifier le CSS ou d'autres cookies de votre page.