免費網站天氣與海水溫度小工具
免費為您的網站新增海水溫度和天氣小工具，無需註冊，無需 API 金鑰。它支援全球任何海灘：從我們的地圖上選擇目的地，或在任意海岸放置圖釘，然後將嵌入程式碼貼到 WordPress、Wix 或純 HTML 中。這款毛玻璃卡片會與氣溫、天氣和 UV 指數一起並排顯示即時水溫，並自動從主機頁面擷取顏色和語言。Widget Pro 增加了 10 天的海水溫度和氣溫預報，並移除了 SeaTempMap.com 連結。
選擇目的地
預覽
免費功能這是真實的小工具，顯示目前的溫度和天氣，完全等同於訪客所見。
複製程式碼
<!-- 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">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>將其貼到您希望卡片顯示的任何位置。
免費
€0- 全球任意海灘 – 無論在我們的地圖上，或是在海岸線上的任意定位
- 海水與氣溫、天氣及 UV 指數 – 以訪客的語言顯示
- 您的專屬頂部標題、當地時間、°C/°F 切換以及深淺色外觀
- 卡片下方保留一個較小的 SeaTempMap.com 連結
免費 · 無需註冊 · 無追蹤 Cookie
Widget Pro – 您的專屬小工具與品牌
免費小工具在卡片下方帶有 SeaTempMap.com 的小連結，點擊卡片會打開我們的網站。Widget Pro 會移除這兩點，讓卡片完全屬於您，並增加飯店所需功能：10天海水與氣溫預報、卡片上的專屬名稱，以及淡季展示內容。一整年的費用甚至低於一晚客房訂價。
Widget Pro
- 1個網站 / 1個目的地
- 無 SeaTempMap.com 連結且不可點擊跳轉 – 卡片看起來就像您網站的一部分
- 10天海水與氣溫預報 – 直接在卡片上顯示
- 卡片上顯示您的專屬名稱 – 您可以將海灘名替換為飯店名稱
- 淡季模式 – 當海水溫度低於設定值時，卡片將自動改為顯示天氣和 UV 指數
Widget Pro Multi
- 1個網站 / 多個目的地
- Everything in Widget Pro – on every card across your site
- 專為在同一網站上擁有多個住宿據點的旅行社與連鎖飯店打造
常見問題解答
我如何將海水溫度小工具新增至我的網站？
請在上方選擇一個目的地，複製程式碼片段，並將其貼到您的頁面 HTML 中希望卡片顯示的任何位置 – 舉凡頁尾、側邊欄或文章內都可以。無需安裝任何東西，也不用建立帳號：它可以在 WordPress、Wix、Squarespace、Shopify 或手動編寫程式碼的網站上的任何 HTML 或嵌入區塊中運作。
這個小工具真的是免費的嗎？
是的 – 個人和商業網站皆可免費使用，無需註冊，無需 API 金鑰，也沒有流量上限。我們唯一的要求是請您保留卡片下方小小的 SeaTempMap.com 連結 – 這個鳴謝就是讓小工具能維持免費的原因。付費版的 Widget Pro（€99 / 年）會移除該連結，並加入 10 天預報、卡片上的專屬名稱以及淡季模式。
資料來源為何，更新頻率多高？
海水溫度來自 1 km 網格的 NASA 衛星資料 – 與您在我們世界地圖上看到的讀數完全相同。氣溫、天氣與 UV 指數則來自即時的全球資料來源，只要您的頁面保持開啟，卡片就會自動重新整理 – 您的訪客永遠能看到當前的狀況。
它會與我網站的設計搭配嗎？
卡片採用毛玻璃設計：它會透出後方的背景，並自動在深色與淺色文字之間切換，因此在任何顏色、相片或區塊上都能保持清晰易讀。如果您比較想固定外觀，可以將 data-theme 設定為 light 或 dark。
小工具會與我網站的樣式發生衝突嗎？
不會 – 卡片會在 Shadow DOM 內部渲染，這是一項能將其完全隔離的瀏覽器功能：您佈景主題的 CSS 無法意外破壞小工具，而小工具的樣式也不會外洩到您的頁面上。
它會以我訪客的語言顯示嗎？
是的 – 卡片會讀取您網站的語言，並自動以該語言顯示其標籤，共支援 30 種語言。法文網頁會得到法文卡片，德文網頁則顯示德文卡片；任何尚未支援的語言都會預設顯示英文。
小工具會拖慢我的網頁速度嗎？
不會 – 它只是一個沒有任何依賴套件的指令碼，傳輸的資料量大約為 75 kB，並且會在您的內容之後載入，外加一次微小的資料請求。萬一資料無法載入，卡片依然會渲染顯示 – 只是用破折號代替數字，所以絕不破壞您的網頁版面 – 並且會在下次重新整理時再試一次。
我可以顯示多個目的地嗎？
是的 – 每個目的地貼上一個程式碼片段，每張卡片都會獨立渲染，所以有兩家分店的飯店可以將兩者都顯示出來。該指令碼在每個網頁只需引入一次，但重複引入也不會造成任何危害。Widget Pro 也是如此：一個金鑰對應一個海灘，如果您在一個網站上需要多個目的地，這就是 Widget Pro Multi 的用途。
該小工具適用於哪些海灘？
世界上任何海灘。您可以在我們的地圖上選擇目的地，也可以切換到任意位置標籤頁，並在任何海岸上放置圖釘 – 圖釘不一定要落在水面上，卡片會自動尋找最近的海洋。兩者皆可免費使用，且卡片的外觀與運作方式完全相同。
它會使用 Cookie 或收集訪客資料嗎？
不會 – 小工具不會設定任何 Cookie，不會在您訪客的裝置上儲存任何內容，也不進行任何追蹤 – 絕對沒有任何個人資料。它只會擷取溫度資料，因此將它嵌入在任何地方都是安全的，且不會影響您的 Cookie 橫幅或隱私權政策。
該小工具會將我的訪客引導至你們的網站嗎？
免費版卡片會的 – 整張卡片就是一個連結：對於來自我們地圖的海灘，它指向該目的地的頁面；對於您自訂的座標，它指向該位置的詳細資訊頁。卡片下方還會有一行小字標示來源。這就是您獲得免費使用權所提供的回饋。擁有授權的 Widget Pro 卡片則完全不是連結：沒有來源標示，無法點擊跳轉，因此您的訪客會留在您的網站上。
Widget Pro 授權過期後會怎麼樣？
卡片將繼續運作，海溫、空氣、天氣和紫外線持續更新。它只會恢復成免費版：卡片上重新顯示小小的 SeaTempMap.com 標示，且不再顯示付費功能。沒有東西會損壞或消失 – 續約後卡片即完全恢復原狀。