eSalahの礼拝時刻をサイトに埋め込み

タグひとつ、依存関係ゼロ、トラッキングなし。任意の緯度/経度に対応した正確な毎日の礼拝時刻、どのページでも見やすいスタイル。

クイックスタート

このスニペットを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`	任意	計算方法のslugまたは数値ID（例：isna、mwl、umm-al-qura、egyptian）。省略時はサーバーが座標から国に応じたデフォルトを選択します。
`data-timezone`	任意	IANAタイムゾーン（例：Europe/London、America/New_York）。デフォルトはIntl.DateTimeFormat()による訪問者のブラウザのタイムゾーン。

ウィジェットはページ内で見つかった すべての [data-esalah-prayer-times] 要素で初期化されます。複数の都市の礼拝時刻を並べて表示できます — 例えば複数都市に拠点があるコミュニティハブ — スクリプトを一度だけ使用し、必要なだけのコンテナdivを配置してください。

Same one-line embed, no tracking. Drop the snippet anywhere on your site.

<div data-esalah-qibla data-lat="40.71" data-lng="-74.0"></div>
<script async src="https://esalah.com/embed/qibla.js"></script>

Computed in the browser — zero API calls. Use data-geolocate instead of lat/lng to use the visitor's location.

<div data-esalah-nearest></div>
<script async src="https://esalah.com/embed/nearest.js"></script>

Asks for the visitor's location on click, then links to their nearest city's mosque directory.

ウィジェットは /api/v1/times を credentials: 'omit' で取得します。これは：