무료 웹사이트 위치 위젯

삽입 코드 생성기에서 iframe 한 줄을 복사해 붙여넣으면 사이트가 방문자에게 현재 위치를 좌표·주소·지도로 보여 줍니다. API 키도 쿠키도 추적도 없고, WordPress, Shopify, Wix, HTML, React에서 무료로 작동하며, 좌표는 어떤 서버로도 가지 않습니다.

권한 기반 · 비공개 · Chrome, Safari, Firefox, Edge에서 작동

위젯이 무엇인가 — 30초 데모

What Is My Location 위젯은 iframe으로 당신의 사이트 안에 넣는 작고 독립적인 페이지입니다. 방문자가 내 위치 보기를 누르면 그의 브라우저가 권한을 묻고, 위치는 그의 기기에서 계산되며, 위젯은 여러 형식의 좌표와 역지오코딩으로 얻은 주소, OpenStreetMap 핀을 보여 줍니다. 방문자에 관한 어떤 것도 우리는 저장하지 않습니다 — 쿠키도, 분석 비콘도, 지문 수집도 없습니다. 방문자에게 보일 화면 그대로를 실제 위젯 페이지에서 확인하고, 삽입 코드 생성기에서 당신만의 위젯을 설정하세요.

한 줄로 삽입하기

위젯을 표시할 자리에 이것을 붙여넣으세요:

<iframe src="https://whatismylocation.ai/widget"
        width="100%" height="420" style="border:0;border-radius:12px"
        allow="geolocation" title="What is my location"></iframe>

allow="geolocation" 속성은 반드시 있어야 합니다 — 없으면 브라우저가 iframe 안의 위치 요청을 막습니다. 높이는 380–460 px가 대부분의 레이아웃에 맞고, 위젯은 너비 280 px까지 반응형으로 줄어듭니다.

설정할 수 있는 옵션

삽입 코드 생성기가 URL을 만들어 주지만, 매개변수는 직접 써도 될 만큼 간단합니다. 사이트에 맞추려면 ?theme=dark 또는 light를 쓰고(빼면 방문자의 시스템 설정을 따릅니다), 피트·마일에는 &units=imperial, 현지화된 라벨에는 &lang=es(우리가 지원하는 35개 언어 중 아무거나)를 씁니다. 예를 들어 /widget?theme=dark&lang=hi는 어두운 위젯을 힌디어로 보여 줍니다. 매개변수는 자유롭게 조합할 수 있고 그 밖에는 아무것도 필요하지 않습니다 — 키도, 계정도, 사용량 한도도 없습니다.

WordPress, Shopify, Wix, React

WordPress: 우리의 작은 WP 플러그인을 쓰거나([whatismylocation] 숏코드가 생깁니다), 사용자 정의 HTML 블록에 iframe을 붙여넣으세요.
Shopify / Wix / Squarespace: 모든 빌더에 “임베드 / 사용자 정의 HTML” 요소가 있습니다 — 같은 iframe 줄을 붙여넣으세요.
React / Vue / Svelte: iframe을 그대로 렌더링하세요. 상태가 없으므로 생명주기를 따로 다룰 필요가 없습니다.
AMP나 이메일: 위치 권한이 붙은 iframe은 거기서 동작하지 않습니다 — 대신 전체 페이지로 링크하세요.

위치 위젯은 누가 쓰나 — 실제 활용 사례

배송·물류 페이지: 찾기 어려운 주소라면 결제 전에 고객이 정확한 좌표를 직접 가져가게 하세요.
여행·아웃도어 블로그: 독자가 당신이 소개한 들머리와 경로 지도에서 자기 위치를 확인합니다.
행사·공연장 사이트: 앱을 설치하게 만들지 않고도 “여기서 얼마나 먼가?”에 답합니다.
현장 조사·측량 팀: 어떤 휴대폰에서든 GPS 좌표를 읽어 주는, 북마크해 둘 수 있는 페이지.
IT 헬프데스크: 지원 통화 중에 원격 사용자의 대략적인 위치와 시간대를 빠르게 확인합니다.

넣어도 안전한 이유 — 개인정보 설계

위치 확인은 전적으로 방문자의 브라우저 안에서 일어나고 방문자가 직접 누를 때만 시작되므로, 위젯을 넣는다고 해서 당신에게 GDPR 처리 문제가 생기지는 않습니다. 위젯 자체는 쿠키를 설정하지 않고 서드파티 추적기를 실행하지 않기 때문에 동의 배너가 필요 없습니다. 역지오코딩 조회는 좌표를 저장하지 않은 채 우리 서버를 거치고, 개인정보 보호 가이드가 데이터 흐름 전체를 설명하며, 이 사이트에서 프레임 안에 표시될 수 있는 페이지는 위젯뿐입니다 — 사용자가 다른 도구로 클릭재킹당할 일이 없습니다. 나중에 UI 대신 프로그램으로 접근해야 한다면, 무료 개발자 API에도 같은 보장이 그대로 적용됩니다.

위젯과 API — 무엇이 필요할까?

	위젯(iframe)	개발자 API
설치	HTML 한 줄	API 키(무료) + fetch 호출
UI 포함	예 — 지도, 형식, 주소	아니요 — JSON만, UI는 직접 구현
방문자 권한	위젯이 처리	브라우저 Geolocation API를 직접 호출
적합한 곳	콘텐츠 사이트, 쇼핑몰, 블로그	앱, 대시보드, 자동화
비용	무료	무료 등급, 넉넉한 한도

위젯으로 시작하세요. 직접 만든 코드 안에서 원시 수치가 필요해지면 API로 넘어가면 됩니다.

홈페이지에 위치 위젯 달기 웹사이트 위치 정보 위젯 삽입

자주 묻는 질문

위젯을 넣으면 쿠키 동의 배너가 필요한가요?

위젯 자체에는 필요 없습니다. 쿠키를 설정하지 않고 서드파티 추적기도 없으며, 위치는 방문자가 직접 누른 뒤 브라우저 안에서만 계산됩니다. 주소 조회는 좌표를 저장하지 않고 우리 서버를 거칩니다.

삽입한 위젯에서 위치 버튼이 왜 안 되나요?

대개 iframe에 allow="geolocation" 속성이 빠져서입니다. 이것이 없으면 브라우저가 iframe 안의 위치 요청을 막습니다. 삽입 코드 생성기에서 한 줄을 다시 복사해 붙여넣으세요.

위젯의 테마와 언어를 바꿀 수 있나요?

네, URL 매개변수로 바꿉니다. theme=dark 또는 light로 색을 맞추고, lang=으로 35개 언어 중 하나를, units=imperial로 피트·마일을 고릅니다.

영어로 보기: Free Location Widget for Your Website · 한국어