가입이나 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>카드가 표시될 위치에 이 코드를 붙여넣으세요.
무료 · 가입 불필요 · 추적 쿠키 없음
Widget Pro는 출처 링크와 클릭 시 당사 사이트로 이동하는 기능을 없애고, 상세 형식, 10일 예보, 비수기 모드를 추가합니다. 웹사이트 한 곳에서 사용할 여행지 수에 맞춰 연간 라이선스를 선택하세요.
1 웹사이트 / 1 목적지
99 € / 년
웹사이트 1곳의 목적지 1곳 한정: 카드는 개수와 조합에 상관없이 무제한이며, 페이지에 10일 예보 카드를 넣고 푸터에 작은 카드를 넣는 것도 가능합니다.
1 웹사이트 / 여러 목적지
299 € / 년
한 사이트에 여러 숙박 시설을 보유한 여행사 및 호텔 체인을 위한 상품입니다
표시 형식은 네 가지입니다. Widget Pro와 Pro Multi는 유료 형식을 사용할 수 있는 라이선스이며, 구매 전에 미리보기에서 체험할 수 있습니다.
현재 수온과 기온, 날씨, 자외선 지수를 표시합니다. 예보는 포함하지 않습니다.
무료
수온과 기온, 날씨, 자외선 지수에 현재 바람, 습도, 기압, 가시거리를 더합니다. 예보는 포함하지 않습니다.
Widget Pro
수온과 기온의 10일 예보를 5일씩 두 줄로 표시합니다. 좁은 공간에 적합합니다.
Widget Pro
수온과 기온의 10일 예보를 넓은 한 줄로 표시합니다. 공간이 부족하면 컴팩트 형식으로 바뀝니다.
Widget Pro
호텔 앞 해변의 수온과 날씨를 함께 보여 주거나 여행지마다 카드를 배치하세요. Pro는 웹사이트 한 곳의 여행지 한 곳, Multi는 웹사이트 한 곳의 여러 여행지를 지원합니다. 다른 도메인의 별도 웹사이트가 자동으로 포함되지는 않습니다.
여행지를 선택하고 코드를 복사해 카드를 표시할 위치에 붙여 넣으세요. 페이지나 HTML 블록에서 외부 JavaScript를 허용해야 합니다. 편집기가 script 태그를 삭제하면 사용자 지정 코드 설정을 사용하거나 관리자에게 문의하세요. 게시된 페이지에서 위젯이 표시되는지 확인하세요.
네 – 가입할 필요도 없고 API 키나 트래픽 제한도 없이 개인 및 상업용 사이트 모두 완전히 무료입니다. 단 한 가지 부탁드리고 싶은 점은 카드 아래에 표시되는 작은 SeaTempMap.com 링크를 그대로 유지해 달라는 것입니다. 이 출처 표시 덕분에 위젯을 계속 무료로 제공할 수 있습니다. Widget Pro(연 99유로)는 출처 링크와 카드에서 저희 사이트로 이동하는 링크를 모두 없애 줍니다. 여기에 10일 예보, 장소 이름 변경, 비수기 모드와 바람·습도·기압·가시거리를 보여 주는 상세 디자인이 추가됩니다.
수온은 NASA의 1 km 격자 위성 데이터와 SeaTempMap의 일별 기준값에 대한 시간별 보정을 바탕으로 한 추정치이며, 해당 해변의 실측값이 아닙니다. 날씨와 대기 데이터는 Apple Weather에서 제공합니다. 페이지가 보이는 동안 위젯은 30분마다 데이터를 요청하지만, 매번 새로운 위성 관측이 이루어지는 것은 아닙니다. 없는 값은 --로 표시합니다.
Liquid Glass, 반투명 유리, 밝은 테마, 어두운 테마 또는 페이지 배경에 맞춰지는 자동 모드를 선택할 수 있습니다. Liquid Glass는 지원되는 Chrome과 Edge에서 배경이 굴절되는 듯한 효과를 더합니다. iPhone과 iPad, Safari와 Firefox에서는 반투명 유리로 표시되며, 데이터와 조작 방식은 같습니다.
아닙니다 – 카드는 브라우저 기능인 Shadow DOM 내부에서 렌더링되어 완벽히 격리됩니다. 따라서 사용하는 테마의 CSS가 실수로 위젯을 깨뜨리거나, 위젯의 스타일이 웹페이지로 유출되는 일이 발생하지 않습니다.
위젯은 방문자의 브라우저 언어가 아니라 삽입된 페이지의 언어를 따릅니다. 30개 언어를 지원하며, 지원하지 않는 언어는 영어로 표시합니다. 삽입 코드에서 언어를 직접 지정할 수도 있습니다.
외부 라이브러리 없이 스크립트 하나를 비동기로 불러오므로 페이지 표시를 막지 않습니다. 전송량은 압축 방식에 따라 약 75–90 kB이며, 최신 데이터 요청이 추가됩니다. 데이터를 불러오지 못해도 카드는 숫자 대신 하이픈을 표시해 페이지 배치를 유지하고, 다음 갱신 때 다시 시도합니다.
네 – 목적지별로 스니펫을 하나씩 붙여넣으면 각 카드가 개별적으로 렌더링되므로, 지점이 두 곳인 호텔에서도 두 위치를 모두 보여줄 수 있습니다. 스크립트는 페이지당 한 번만 포함되면 되지만, 실수로 중복 포함되더라도 문제없이 작동합니다. Widget Pro의 경우도 마찬가지입니다. 하나의 키가 하나의 해변을 지원하며, 한 사이트에서 여러 목적지가 필요한 경우 Widget Pro Multi를 사용하시면 됩니다.
전 세계 모든 해변에서 사용할 수 있습니다. 지도에서 목적지를 선택하거나, 어디든 탭으로 전환하여 원하는 해안에 핀을 놓으세요. 핀이 물 위에 정확히 놓이지 않아도 카드가 가장 가까운 바다를 스스로 찾습니다. 둘 다 무료이며, 카드의 모양과 작동 방식은 동일합니다.
위젯은 쿠키를 설정하거나 광고 목적으로 방문자를 추적하지 않습니다. 로딩 시 SeaTempMap에 기술적 요청이 전송되며, 악용 방지를 위해 IP 주소를 사용합니다. 데이터를 전혀 처리하지 않는다는 뜻은 아닙니다. 웹사이트의 개인정보 안내에 사용하는 외부 서비스를 설명하세요.
무료 카드의 경우 그렇습니다 – 카드 전체가 링크로 되어 있어, 우리 지도의 해변은 해당 목적지 페이지로, 직접 지정한 좌표는 해당 지점의 세부 정보 보기로 연결됩니다. 카드 아래에는 작은 출처 표시줄도 있습니다. 이는 위젯을 무료로 사용하는 대신 제공하는 부분입니다. 라이선스가 부여된 Widget Pro 카드는 링크가 전혀 없으므로 출처 표시줄이나 클릭 이동이 없어 방문자가 귀하의 사이트에 머물게 됩니다.
카드는 계속 작동하여 바다, 기온, 날씨 및 UV가 업데이트됩니다. 단지 무료 형태로 돌아가, 작은 SeaTempMap.com 출처가 카드에 다시 나타나고 유료 기능은 숨겨집니다. 깨지거나 사라지는 것은 없으며, 라이선스를 갱신하면 카드는 원래 상태로 복구됩니다.
상세 디자인은 Widget Pro에서 제공하는 가로형 카드로, 10일 예보 대신 현재 상태를 보여 줍니다. 장소, 날씨, 기온, 수온과 자외선·바람·습도·기압·가시거리의 원형 계기판이 한 줄로 표시됩니다. 구매 전에 생성기에서 미리 사용해 볼 수 있으며, 자신의 웹사이트에 넣으려면 유효한 Widget Pro 라이선스가 필요합니다.
삽입 코드에서 온도를 °C 또는 °F로 설정합니다. 상세 디자인은 풍속 단위를 따로 설정할 수 있으며 자동, km/h, mph, m/s 중에서 선택합니다. 자동 모드는 페이지 언어나 온도 단위와 별개로 방문자 브라우저의 언어 및 지역 설정을 따릅니다. 따라서 영국 방문자에게는 °C와 mph를, 일본 방문자에게는 °C와 m/s를 표시할 수 있습니다. 풍속 단위를 고정하면 모든 방문자에게 같은 단위가 표시됩니다.