無料のWebサイト用天気＆海水温ウィジェット
無料の海面水温・天気ウィジェットを1分足らずでウェブサイトに追加できます。世界174のビーチや沿岸都市から選び、コードをコピーして、フッター、サイドバー、ブログ記事など、ページの好きな場所に貼り付けるだけ。すりガラス調のカードがどんなページにも自然に溶け込み、背景に合わせて色を調整し、サイトの言語でラベルを自動表示するため、まるで元からあるデザインのように見えます。リアルタイムの水温だけでなく、気温、天気、UVインデックスも並べて表示。WordPress、Wix、または通常のHTMLで動作し、自動で更新されます – 登録は不要です。
目的地を選択
Auto はページに自然に溶け込みます – 背景を読み取り、明るい文字か暗い文字を自動で選択します。
プレビュー
これは実際のライブカードです。訪問者が見るものと全く同じです。
コードをコピー
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto">
<a href="https://seatempmap.com/destinations/santorini" rel="noopener">Sea temperature in Santorini · SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>カードを表示したい場所にこれを貼り付けます。
よくある質問
海水温ウィジェットをウェブサイトに追加するにはどうすればよいですか？
上記から目的地を選び、スニペットをコピーして、フッター、サイドバー、記事内など、カードを表示したいページのHTMLに貼り付けるだけです。インストールの必要はなく、アカウントを作成する必要もありません。WordPress、Wix、Squarespace、Shopify、または手書きのHTMLサイトのあらゆるHTMLブロックや埋め込みブロックで動作します。
ウィジェットは本当に無料ですか？
はい – 個人向け・商用向けサイトを問わず完全に無料で、登録やAPIキー、アクセス制限なども一切ありません。唯一のお願いとして、カード上の小さなSeaTempMap.comへのリンクはそのまま残してください。このクレジット表記があるおかげで、ウィジェットを無料で提供し続けることができます。
データはどこから取得され、どのくらいの頻度で更新されますか？
海水温は、NASAの衛星データから1 kmグリッドで取得されたもので、当サイトの世界地図に表示されているものと同じ数値です。気温、天気、UV情報はリアルタイムの世界の気象フィードから取得され、ページが開いている間はカードが自動的に更新されるため、訪問者は常に最新の状況を確認できます。
ウェブサイトのデザインに馴染みますか？
カードはすりガラス（フロストガラス）風のデザインになっており、背後にある背景を透過させ、自動的にダークとライトのテキストを切り替えます。そのため、どのような色、写真、セクションの上でも読みやすさを保ちます。外観を固定したい場合は、data-themeをlightまたはdarkに設定してください。
ウィジェットがウェブサイトのスタイル（CSS）と競合することはありますか？
いいえ – カードはブラウザの機能であるShadow DOMの内部にレンダリングされ、完全に隔離されています。お使いのテーマのCSSがウィジェットの表示を崩す心配はなく、ウィジェットのスタイルがページ側に影響を与えることもありません。
訪問者の言語で表示されますか？
はい – カードはサイトの言語を読み取り、ラベルを自動的にその言語（30言語に対応）で表示します。フランス語のページにはフランス語のカード、ドイツ語のページにはドイツ語のカードが表示され、未対応の言語はすべて英語にフォールバックされます。
ウィジェットによってページの読み込み速度は遅くなりますか？
いいえ – 20 kB未満で依存関係のない小さなスクリプトがコンテンツの後に非同期で読み込まれ、さらに極小のデータリクエストが1回行われるだけです。また、万が一データを読み込めない場合でも、レイアウトを崩すことなく、カードは何もなかったように静かにエラーを処理します。
複数の目的地を表示することはできますか？
はい – 目的地ごとにスニペットを1つずつ貼り付ければ、それぞれのカードが独立して表示されます。たとえば、2つの拠点を持つホテルで両方の場所を表示することも可能です。スクリプトはページ内で1回だけ読み込めば十分ですが、重複してしまっても問題ありません。
どの目的地が利用可能ですか？
地中海や大西洋からカリブ海、東南アジア、太平洋まで、世界中から厳選された174のビーチや沿岸都市に対応しています。上記のリストから検索してください。もしご希望の場所が見つからない場合は、hello@seatempmap.comまでメールでご連絡いただければ、追加を検討いたします。
クッキーを使用したり、訪問者のデータを収集したりしますか？
いいえ – ウィジェットはクッキーを設定せず、訪問者のデバイスに何も保存せず、追跡も行いません。個人データは一切収集しません。温度データの読み込みのみを行うため、どこにでも安全に埋め込むことができ、サイトのクッキーバナーやプライバシーポリシーに影響を与えることはありません。