Integra los horarios de oración eSalah en tu sitio
Una etiqueta, cero dependencias, sin rastreo. Horarios de oración diarios precisos para cualquier latitud/longitud, con un estilo que queda bien en cualquier página.
Inicio rápido
Pega este snippet en cualquier parte de tu HTML. El ejemplo siguiente es London (51.5074, -0.1278) — sustitúyelo por tus coordenadas.
<div data-esalah-prayer-times
data-lat="51.5074"
data-lng="-0.1278"></div>
<script async src="https://esalah.com/embed/times.js"></script>Vista previa en directo
Este es el widget real — el mismo snippet de arriba, ejecutándose en esta página ahora.
Referencia de atributos
Configura el widget estableciendo atributos data-* en el contenedor.
| Atributo | Obligatorio | Descripción |
|---|---|---|
data-lat | Obligatorio | Latitud en grados decimales. Ejemplo: 51.5074. |
data-lng | Obligatorio | Longitud en grados decimales. Ejemplo: -0.1278. |
data-method | Opcional | Slug del método de cálculo o ID numérico (p. ej. isna, mwl, umm-al-qura, egyptian). Si se omite, el servidor elige un valor por defecto adecuado al país a partir de las coordenadas. |
data-timezone | Opcional | Huso horario IANA (p. ej. Europe/London, America/New_York). Por defecto, el huso horario del navegador del visitante mediante Intl.DateTimeFormat(). |
Varios widgets en una página
El widget se inicializa en cada [data-esalah-prayer-times] elemento que encuentra en la página. Puedes mostrar horarios de oración de varias ciudades a la vez — p. ej. un centro comunitario con sedes en varias ciudades — usando el script una vez y tantos divs contenedores como quieras.
Privacidad
El widget hace fetch /api/v1/times con credentials: 'omit'. Eso significa:
- No se envían cookies a eSalah desde los navegadores de tus visitantes.
- Tus visitantes no son identificados ni rastreados por nosotros.
- Solo se transmiten las coordenadas que configuras — sin registro de IP, sin fingerprinting.
- El estilo del widget va inline en cada render — no puede leer ni modificar el CSS u otras cookies de tu página.