eSalah-Gebetszeiten in deine Seite einbetten
Ein Tag, null Abhängigkeiten, kein Tracking. Präzise tägliche Gebetszeiten für jede Breite/Länge, gestaltet, um auf jeder Seite gut auszusehen.
Schnellstart
Füge dieses Snippet irgendwo in deinem HTML ein. Das Beispiel unten ist London (51.5074, -0.1278) — ersetze mit deinen Koordinaten.
<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-Vorschau
Dies ist das echte Widget — dasselbe Snippet oben, läuft jetzt auf dieser Seite.
Attribut-Referenz
Konfiguriere das Widget durch Setzen von data-*-Attributen auf dem Container.
| Attribut | Pflicht | Beschreibung |
|---|---|---|
data-lat | Pflicht | Breite in Dezimalgrad. Beispiel: 51.5074. |
data-lng | Pflicht | Länge in Dezimalgrad. Beispiel: -0.1278. |
data-method | Optional | Slug der Berechnungsmethode oder numerische ID (z. B. isna, mwl, umm-al-qura, egyptian). Wenn weggelassen, wählt der Server einen länderspezifischen Standard aus den Koordinaten. |
data-timezone | Optional | IANA-Zeitzone (z. B. Europe/London, America/New_York). Standardmäßig die Browser-Zeitzone des Besuchers via Intl.DateTimeFormat(). |
Mehrere Widgets auf einer Seite
Das Widget initialisiert sich auf jedem [data-esalah-prayer-times] Element, das es auf der Seite findet. Du kannst Gebetszeiten für mehrere Städte nebeneinander anzeigen — z. B. ein Community-Hub mit Sektionen in mehreren Städten — indem du das Skript einmal und beliebig viele Container-Divs verwendest.
Datenschutz
Das Widget ruft ab /api/v1/times mit credentials: 'omit'. Das bedeutet:
- Es werden keine Cookies von den Browsern deiner Besucher an eSalah gesendet.
- Deine Besucher werden von uns nicht identifiziert oder verfolgt.
- Nur die von dir konfigurierten Koordinaten werden übertragen — keine IP-Protokollierung, kein Fingerprinting.
- Der Widget-Stil ist bei jedem Rendern inline — kann das CSS oder andere Cookies deiner Seite weder lesen noch ändern.