자전거 클럽에는 웹사이트가 있고, 학교에는 소식지 페이지가 있고, 지자체에는 새 자전거도로를 소개하는 페이지가 있습니다. 지금까지는 이런 곳에 경로를 보여주려면 금세 낡아버리는 스크린샷을 올리거나, 방문자를 다른 곳으로 보내는 링크를 걸 수밖에 없었죠.
이제 Party Onbici의 어떤 경로나 그룹 라이드든 여러분의 사이트에 바로 임베드할 수 있습니다. 통계, 고도, 다운로드까지 담긴 실시간 인터랙티브 지도를 복사해서 붙여넣기 한 번으로요.
직접 확인해 보세요
이건 그림이 아닙니다. Party Onbici의 실제 경로를 여러분의 사이트에 임베드하는 것과 똑같은 방식으로 이 페이지에 넣은 것입니다. 확대하거나 이리저리 움직여 보고, 배경 지도를 바꾸거나 전체 화면으로 열어 보세요:
시드니 하버 브리지 자전거도로를 건너는 2km 짧은 코스입니다. 노란 선은 자전거 전용 인프라, 빨간 선은 차도를 함께 쓰는 구간이며, 상단만 봐도 91%가 자전거 친화적이라는 걸 한눈에 알 수 있습니다.
임베드에 담기는 내용
모든 임베드에는 라이더가 앱에서 보는 것과 같은 정보가 담깁니다:
- 실시간 지도 위의 경로 - 확대할 수 있고 자전거도로가 강조 표시되어 얼마나 안전한 코스인지 알 수 있습니다
- 거리, 오르막, 내리막 - 스크롤하기 전에 맨 위에서 바로
- 자전거 친화도 점수 - 경로 중 자전거 전용 인프라를 지나는 비율
- 고도 프로필 - 카페에 들른 뒤 나타나는 언덕에 놀랄 일이 없도록
- 출발, 경유지, 도착 - 일정을 공개한 그룹 라이드는 도착 시간까지 표시
- 다운로드 - 라이더가 경로를 GPX 등으로 내보내 사이클링 컴퓨터에 넣을 수 있습니다
- 전체 버전 링크 - 라이드에 참여하거나 경로를 저장하고 싶은 분들을 위해
경로나 라이드를 임베드하는 방법
- partyonbici.com에서 경로나 그룹 라이드를 엽니다.
- 공유 패널에서 웹사이트에 임베드를 찾습니다.
- 높이를 고릅니다 — 작게(420px), 표준(560px), 길게(720px).
- 코드 복사를 클릭하고 웹사이트의 HTML에 붙여넣습니다.
이게 전부입니다. WordPress, Squarespace, Wix, Google Sites, Webflow는 물론 HTML이나 “임베드” 블록을 지원하는 곳이라면 어디서든 작동합니다.
유용한 옵션
필요하다면 임베드 링크 끝에 다음을 추가하세요:
?theme=dark또는?theme=light- 색상 테마를 고정합니다(기본값은 방문자의 설정을 따름)?elevation=0- 고도 프로필을 숨깁니다. 사이드바에 들어가는 작은 임베드에 딱 좋아요
개인정보는 여러분이 관리합니다
공개 및 링크 공개(목록 비공개) 경로와 라이드만 임베드할 수 있습니다. 비공개 라이드와 조직 전용 라이드는 주최자로 로그인해 있더라도 임베드에 절대 표시되지 않습니다. 나중에 경로를 비공개로 바꾸면, 임베드에는 지도 대신 “이용할 수 없음"이라는 정중한 안내가 표시됩니다.
임베드는 빠르기도 합니다. CDN에서 제공되기 때문에 방문자가 많은 클럽 페이지도 느려지지 않고, 경로를 수정하면 몇 분 안에 임베드에 반영됩니다.
임베드 활용 아이디어
- 🚲 자전거 클럽 - 이번 일요일 코스를 홈페이지에
- 🏫 학교 - 가족들에게 안전한 통학로나 자전거 버스 정류장을 안내
- 🏛️ 지자체 - 새 자전거도로가 정확히 어디를 지나는지 주민들에게 보여주기
- ☕ 카페와 자전거 가게 - 가게 앞에서 끝나는 동네 최애 순환 코스를 공유
- 📝 블로거 - 쓰고 있는 라이드를 스크린샷이 아닌 실제 지도로 보여주기
지금 시작하세요
Party Onbici에서 경로를 계획하거나 그룹 라이드를 만들고, 공유 패널을 열어 임베드 코드를 복사하세요. Party Onbici 앱을 내려받으면 이동 중에도 라이드를 계획할 수 있습니다. 어디에 임베드했는지 꼭 보고 싶어요 — 임베드하면 저희를 태그해 주세요!