eSalah 예배 시각을 사이트에 임베드
하나의 태그, 0 의존성, 추적 없음. 어떤 위도/경도에 대해서도 정확한 일별 예배 시각, 어떤 페이지에도 잘 어울리도록 스타일링.
빠른 시작
이 스니펫을 HTML 어디에든 붙여넣으세요. 아래 예제는 London (51.5074, -0.1278) — 자신의 좌표로 바꾸세요.
<div data-esalah-prayer-times
data-lat="51.5074"
data-lng="-0.1278"></div>
<script async src="https://esalah.com/embed/times.js"></script>실시간 미리보기
이것이 실제 위젯입니다 — 위와 같은 스니펫이 지금 이 페이지에서 실행 중입니다.
속성 참조
컨테이너에 data-* 속성을 설정하여 위젯을 구성하세요.
| 속성 | 필수 | 설명 |
|---|---|---|
data-lat | 필수 | 십진수 도 단위 위도. 예: 51.5074. |
data-lng | 필수 | 십진수 도 단위 경도. 예: -0.1278. |
data-method | 선택 | 계산 방법 슬러그 또는 숫자 ID(예: isna, mwl, umm-al-qura, egyptian). 생략 시 서버는 좌표에서 국가에 적합한 기본값을 선택합니다. |
data-timezone | 선택 | IANA 시간대(예: Europe/London, America/New_York). 기본값은 Intl.DateTimeFormat()을 통한 방문자 브라우저의 시간대. |
한 페이지에 여러 위젯
위젯은 페이지에서 찾은 모든 [data-esalah-prayer-times] 요소에서 초기화됩니다. 여러 도시의 예배 시각을 나란히 표시할 수 있습니다 — 예: 여러 도시에 지부가 있는 커뮤니티 허브 — 스크립트를 한 번 사용하고 원하는 만큼 컨테이너 div를 두면 됩니다.
개인정보
위젯은 /api/v1/times 를 credentials: 'omit'으로 가져옵니다. 즉:
- 방문자 브라우저에서 eSalah로 쿠키가 전송되지 않습니다.
- 귀하의 방문자는 당사에 의해 식별되거나 추적되지 않습니다.
- 구성한 좌표만 전송됩니다 — IP 로깅 없음, 핑거프린팅 없음.
- 위젯 스타일은 각 렌더링에 인라인 — 페이지의 CSS나 다른 쿠키를 읽거나 수정할 수 없습니다.