Embed eSalah-gebedstijden op je site
Eén tag, nul afhankelijkheden, geen tracking. Nauwkeurige dagelijkse gebedstijden voor elke breedte/lengte, gestileerd om er goed uit te zien op elke pagina.
Snelstart
Plak deze snippet ergens in je HTML. Het voorbeeld hieronder is London (51.5074, -0.1278) — vervang met je eigen coördinaten.
<div data-esalah-prayer-times
data-lat="51.5074"
data-lng="-0.1278"></div>
<script async src="https://esalah.com/embed/times.js"></script>Live preview
Dit is de echte widget — dezelfde snippet hierboven, draaiend op deze pagina nu.
Attribuutreferentie
Configureer de widget door data-*-attributen op de container in te stellen.
| Attribuut | Verplicht | Beschrijving |
|---|---|---|
data-lat | Verplicht | Breedtegraad in decimale graden. Voorbeeld: 51.5074. |
data-lng | Verplicht | Lengtegraad in decimale graden. Voorbeeld: -0.1278. |
data-method | Optioneel | Slug of numerieke ID van rekenmethode (bijv. isna, mwl, umm-al-qura, egyptian). Indien weggelaten kiest de server een land-passende standaard uit de coördinaten. |
data-timezone | Optioneel | IANA-tijdzone (bijv. Europe/London, America/New_York). Standaard de browsertijdzone van de bezoeker via Intl.DateTimeFormat(). |
Meerdere widgets op één pagina
De widget initialiseert op elk [data-esalah-prayer-times] element dat hij op de pagina vindt. Je kunt gebedstijden voor meerdere steden naast elkaar tonen — bijv. een community-hub met afdelingen in meerdere steden — door het script één keer te gebruiken en zoveel container-divs als je wilt.
Privacy
De widget haalt op /api/v1/times met credentials: 'omit'. Dat betekent:
- Er worden geen cookies naar eSalah gestuurd vanuit de browsers van je bezoekers.
- Je bezoekers worden door ons niet geïdentificeerd of gevolgd.
- Alleen de coördinaten die je configureert worden verzonden — geen IP-logging, geen fingerprinting.
- De widget-stijl is bij elke render inline — kan je pagina-CSS of andere cookies niet lezen of wijzigen.