登録不要・APIキー不要で、無料の海水温および天気ウィジェットをウェブサイトに追加できます。世界中のどのビーチにも対応。地図から目的地を選ぶか、好きな海岸にピンを落として、埋め込みコードをWordPress、Wix、または通常のHTMLに貼り付けるだけです。すりガラス調のカードは、リアルタイムの水温を現在の気温、天気、UVインデックスと並べて表示し、サイトのページに合わせて色と言語を自動的に調整します。Widget Proでは、10日間の海水温と気温の予報が追加され、SeaTempMap.comのリンクが削除されます。
これは現在の気温と天気を表示する実際のウィジェットです。訪問者が見るものと全く同じです。 ChromeとEdgeで使えます。SafariとFirefoxでは「ガラス」で表示されます。
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto" data-bar="off">
<a href="https://seatempmap.com/destinations/santorini" target="_blank" rel="noopener">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>カードを表示したい場所にこれを貼り付けます。
無料 · 登録不要 · トラッキングCookieなし
Widget Proは出典リンクと当サイトへのクリック移動をなくし、詳細表示・10日間予報・オフシーズンモードを追加します。1サイトで使う地点数に合わせて年間ライセンスを選べます。
1ウェブサイト / 1目的地
99 € / 年
1つのウェブサイトで1つの目的地向け：カードの数や組み合わせは自由。例えばページ内に10日間予報、フッターに小さなカードなど。
1ウェブサイト / 複数の目的地
299 € / 年
1つのサイトに多くの施設を持つ旅行会社やホテルチェーン向け
適格請求書（VAT）付きの安全な決済。ライセンスキーは24時間以内にメールで届き、コードを貼り付けるだけで準備完了です。
表示形式は4種類です。Widget ProとPro Multiは有料の表示形式を利用するためのライセンスで、購入前にプレビューで試せます。
現在の海水温・気温・天気・UVを表示。予報は含みません。
無料
海水温・気温・天気・UVに加え、現在の風・湿度・気圧・視程を表示。予報は含みません。
Widget Pro
海水温と気温の10日間予報を5日ずつ2段で表示。幅の狭い場所に適しています。
Widget Pro
海水温と気温の10日間予報を横1列で表示。幅が足りない場合はコンパクト表示に切り替わります。
Widget Pro
ホテル近くのビーチの海水温と天気を一緒に表示したり、旅行先ごとにカードを置いたりできます。Proは1サイト・1地点、Multiは1サイト・複数地点に対応します。別ドメインの独立したサイトは、どちらのライセンスにも自動では含まれません。
地点を選び、コードをコピーしてカードを表示したい場所に貼り付けます。ページやHTMLブロックで外部JavaScriptの実行が許可されている必要があります。エディターがscriptタグを削除する場合は、カスタムコード設定を使うかサイト管理者に相談してください。公開したページで表示を確認してください。
はい – 個人向け・商用向けサイトを問わず完全に無料で、登録やAPIキー、アクセス制限なども一切ありません。唯一のお願いとして、カード下の小さなSeaTempMap.comへのリンクはそのまま残してください。このクレジット表記があるおかげで、ウィジェットを無料で提供し続けることができます。Widget Pro（年額99ユーロ）では、出典リンクとカードから当サイトへのリンクがなくなります。さらに、10日間予報、表示する地点名の変更、オフシーズンモード、風・湿度・気圧・視程を表示する「詳細」デザインが使えます。
海水温はNASAの1 km格子の衛星データを基に、SeaTempMapが日次の基準値を1時間ごとに補正した推定値です。そのビーチでの実測値ではありません。天気と大気データはApple Weatherが提供します。ページが表示されている間、ウィジェットは30分ごとにデータを取得しますが、そのたびに新しい衛星観測が行われるわけではありません。取得できない値は--と表示します。
Liquid Glass、すりガラス、ライト、ダークの各テーマと、ページの背景に合わせる自動モードから選べます。Liquid Glassは、対応するChromeとEdgeで背景を屈折させるような効果を加えます。iPhoneやiPad、Safari、Firefoxではすりガラス表示になりますが、データや操作方法は変わりません。
いいえ – カードはブラウザの機能であるShadow DOMの内部にレンダリングされ、完全に隔離されています。お使いのテーマのCSSがウィジェットの表示を崩す心配はなく、ウィジェットのスタイルがページ側に影響を与えることもありません。
閲覧者のブラウザの言語ではなく、ウィジェットを埋め込んだページの言語に合わせて表示します。30言語に対応し、未対応の言語では英語を使用します。埋め込みコードで言語を直接指定することもできます。
外部ライブラリを使わない1つのスクリプトを非同期で読み込むため、ページの表示を妨げません。転送量は圧縮方式により約75–90 kBで、これに最新データの取得が加わります。データを取得できない場合もカードは表示され、数値の代わりにハイフンが入るため、ページのレイアウトは崩れません。次回の更新時に再取得を試みます。
はい – 目的地ごとにスニペットを1つずつ貼り付ければ、それぞれのカードが独立して表示されます。たとえば、2つの拠点を持つホテルで両方の場所を表示することも可能です。スクリプトはページ内で1回だけ読み込めば十分ですが、重複してしまっても問題ありません。Widget Proも同様で、1つのキーで1つのビーチをカバーします。1つのサイトに複数の目的地が必要な場合は、Widget Pro Multiをご利用ください。
世界中のあらゆるビーチで使えます。マップから目的地を選ぶか、どこでもタブに切り替えて任意の海岸にピンを落としてください。ピンは水上に落ちる必要はなく、カードが最も近い海を自動で見つけます。どちらも無料で、見た目も動作も同じです。
ウィジェットはCookieを設定せず、広告目的で訪問者を追跡しません。読み込み時にはSeaTempMapへの技術的なリクエストが送られ、不正利用の防止にIPアドレスを使用します。データを一切処理しないという意味ではありません。サイトのプライバシーに関する説明には、利用する外部サービスを記載してください。
無料版のカードではそうなります – カード全体がリンクになっており、マップ上のビーチの場合はその目的地のページへ、独自の座標の場合はその地点の詳細ビューに遷移します。カード下部には小さなソース行も表示されます。これが無料でご利用いただくための条件です。ライセンス版のWidget Proカードはリンクになっていません。ソース行もクリック遷移もないため、訪問者がご自身のサイトに留まります。
カードは機能し続け、海、気温、天気、UVは更新されます。単に無料版に戻るだけで、小さな SeaTempMap.com クレジットがカード上に再表示され、有料機能は非表示になります。何も壊れたり消えたりしません。ライセンスを更新すれば、カードは完全に元の状態に戻ります。
「詳細」はWidget Proで利用できる横長のカードです。10日間予報ではなく、現在の状況を表示します。地点名、天気、気温、海水温と、UV・風・湿度・気圧・視程の円形メーターが1列に並びます。購入前にジェネレーターで試せます。ご自身のサイトで使うには、有効なWidget Proライセンスが必要です。
埋め込みコードで温度を°Cまたは°Fに設定できます。「詳細」デザインでは、風速を別に設定でき、自動・km/h・mph・m/sから選べます。自動設定は閲覧者のブラウザの言語と地域に基づき、ページの言語や温度単位とは独立しています。たとえば英国の閲覧者には°Cとmph、日本の閲覧者には°Cとm/sを表示できます。風速の単位を固定すれば、すべての閲覧者に同じ単位が表示されます。