웹사이트용 무료 수온 및 날씨 위젯
1분 만에 무료 수온 및 날씨 위젯을 웹사이트에 추가하세요. 전 세계 174개 해변과 해안 도시 중에서 선택하고, 임베드 코드를 복사하여 페이지의 원하는 곳에 붙여넣으세요 – 바닥글, 사이드바, 블로그 게시물 등 어디든 가능합니다. 반투명 유리 스타일의 카드는 모든 페이지에 자연스럽게 어울리며, 배경에 맞춰 색상을 조정하고 사이트 언어에 맞게 라벨을 자동 표시하므로 원래 디자인의 일부처럼 보입니다. 실시간 수온과 함께 현재 기온, 날씨 및 자외선 지수를 보여주며, WordPress, Wix 또는 일반 HTML에서 작동하고 스스로 업데이트됩니다 – 가입할 필요가 없습니다.
목적지 선택
자동 모드는 배경을 인식해 라이트 또는 다크 모드를 선택하여 페이지에 맞게 조정됩니다.
미리보기
방문자가 보게 될 실시간 실제 카드입니다.
코드 복사
<!-- 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>카드가 표시될 위치에 이 코드를 붙여넣으세요.
자주 묻는 질문(FAQ)
바다 수온 위젯을 내 웹사이트에 어떻게 추가하나요?
위에서 목적지를 선택하고 코드 스니펫을 복사한 다음, 푸터, 사이드바 또는 게시물 내부 등 카드가 표시되기를 원하는 페이지의 HTML 위치에 붙여넣기만 하면 됩니다. 설치할 필요도 없고 계정을 생성할 필요도 없습니다. WordPress, Wix, Squarespace, Shopify 또는 직접 코딩한 사이트의 모든 HTML 블록이나 임베드 블록에서 작동합니다.
위젯이 정말 무료인가요?
네 – 가입할 필요도 없고 API 키나 트래픽 제한도 없이 개인 및 상업용 사이트 모두 완전히 무료입니다. 단 한 가지 부탁드리고 싶은 점은 카드에 표시되는 작은 SeaTempMap.com 링크를 그대로 유지해 달라는 것입니다. 이 출처 표시 덕분에 위젯을 계속 무료로 제공할 수 있습니다.
데이터는 어디서 가져오며 얼마나 자주 업데이트되나요?
바다 수온은 NASA 위성 데이터의 1 km 격자 정보를 기반으로 하며, 당사 세계 지도에서 보시는 것과 동일한 값입니다. 기온, 날씨 및 UV는 실시간 글로벌 피드에서 가져오며, 페이지가 열려 있는 동안 카드가 자동으로 새로 고침되므로 방문자는 언제나 현재 날씨 상태를 볼 수 있습니다.
내 웹사이트의 디자인과 잘 어울릴까요?
카드는 반투명(frosted glass) 스타일로 디자인되어 뒷배경을 비춰주며, 배경색에 맞춰 어둡거나 밝은 텍스트로 자동으로 전환되므로 어떤 색상, 사진 또는 섹션 위에서도 뛰어난 가독성을 유지합니다. 스타일을 고정하고 싶다면 data-theme을 light 또는 dark로 설정하세요.
위젯이 웹사이트의 스타일과 충돌하지는 않나요?
아닙니다 – 카드는 브라우저 기능인 Shadow DOM 내부에서 렌더링되어 완벽히 격리됩니다. 따라서 사용하는 테마의 CSS가 실수로 위젯을 깨뜨리거나, 위젯의 스타일이 웹페이지로 유출되는 일이 발생하지 않습니다.
방문자의 언어로 표시되나요?
네 – 카드는 사이트의 언어를 인식하여 자동으로 해당 언어로 레이블을 보여주며, 총 30개 언어를 지원합니다. 프랑스어 페이지에는 프랑스어 카드가, 독일어 페이지에는 독일어 카드가 표시되며, 아직 지원되지 않는 언어는 기본 언어인 영어로 자동 전환됩니다.
위젯 때문에 페이지가 느려지나요?
아닙니다 – 콘텐츠가 로드된 후 비동기 방식으로 로드되는 작은 스크립트(20 kB 미만, 종속성 없음) 하나와 아주 작은 단일 데이터 요청만으로 작동합니다. 또한 만약 데이터를 로드하지 못하더라도 레이아웃을 깨뜨리지 않고 조용히 실패 처리됩니다.
둘 이상의 목적지를 표시할 수 있나요?
네 – 목적지별로 스니펫을 하나씩 붙여넣으면 각 카드가 개별적으로 렌더링되므로, 지점이 두 곳인 호텔에서도 두 위치를 모두 보여줄 수 있습니다. 스크립트는 페이지당 한 번만 포함되면 되지만, 실수로 중복 포함되더라도 문제없이 작동합니다.
어떤 목적지들을 사용할 수 있나요?
지중해와 대서양부터 카리브해, 동남아시아, 태평양에 이르기까지 전 세계 엄선된 174개의 해변과 해안 도시를 지원합니다. 위의 목록에서 검색해 보시고, 원하는 곳이 없다면 hello@seatempmap.com으로 이메일을 보내주시면 추가를 검토하겠습니다.
쿠키를 사용하거나 방문자 데이터를 수집하나요?
아닙니다 – 위젯은 쿠키를 설정하지 않고, 방문자의 기기에 아무것도 저장하지 않으며, 어떠한 추적도 수행하지 않습니다. 개인정보는 전혀 수집하지 않습니다. 단지 온도 데이터만 조회하므로 어디든 안전하게 임베드할 수 있으며, 웹사이트의 쿠키 배너나 개인정보 처리방침에 어떠한 영향을 주지 않습니다.