Go back
사용 방법 문의
페이지나 맵 연동 가능한가요?
지니
2024-08-22
약도로 구글이나 네이버 지도를 추가하려고 하는데
가능할까요?
메뉴얼이 있으면 url 부탁드립니다.
3 Comments
publ 운영팀
· 2 years ago
안녕하세요, 지니님!
publ 운영팀입니다.
publCare를 찾아주셔서 감사합니다. 구글이나 네이버지도를 이용한 약도에 관해 문의 주셨는데요, 답변드리겠습니다. publ에서 외부 페이지를 연결하는 기능을 제공하고 있으며, [컴포넌트 형식]과 [전체 페이지 형식] 2가지로 연결해보실 수 있습니다. 1) 컴포넌트 형식
아래와 같이 컴포넌트 형식으로 외부 페이지 연결을 설정해보실 수 있습니다.
1. 채널에 접속하신 뒤 좌측 사이드바 메뉴에서 [채널] - [디자인] 버튼을 클릭하여, [디자인] 화면으로 이동해주세요.
2. [디자인] 화면에서 상단 메뉴 중 [페이지]를 클릭하여, [페이지 목록] 화면으로 이동해주세요.
3. 페이지 목록 중 수정을 원하시는 기존 페이지의 [디자인 편집] 버튼을 누르시거나, [새 페이지 생성]을 통해 [디자인 편집] 화면으로 이동해주세요.
4. 상단 메뉴 중 [+] 아이콘을 클릭하여 [코드 삽입] 항목을 선택합니다.
5. [코드 삽입] 클릭 시 섹션 내에 지도로 표시되며, 우측 메뉴의 [정보] 탭에서 기존 iframe 예시 코드를 원하시는 주소 및 사이즈로 수정해주시면 됩니다.
publ 운영팀입니다.
publCare를 찾아주셔서 감사합니다. 구글이나 네이버지도를 이용한 약도에 관해 문의 주셨는데요, 답변드리겠습니다. publ에서 외부 페이지를 연결하는 기능을 제공하고 있으며, [컴포넌트 형식]과 [전체 페이지 형식] 2가지로 연결해보실 수 있습니다. 1) 컴포넌트 형식
아래와 같이 컴포넌트 형식으로 외부 페이지 연결을 설정해보실 수 있습니다.
1. 채널에 접속하신 뒤 좌측 사이드바 메뉴에서 [채널] - [디자인] 버튼을 클릭하여, [디자인] 화면으로 이동해주세요.
2. [디자인] 화면에서 상단 메뉴 중 [페이지]를 클릭하여, [페이지 목록] 화면으로 이동해주세요.
3. 페이지 목록 중 수정을 원하시는 기존 페이지의 [디자인 편집] 버튼을 누르시거나, [새 페이지 생성]을 통해 [디자인 편집] 화면으로 이동해주세요.
4. 상단 메뉴 중 [+] 아이콘을 클릭하여 [코드 삽입] 항목을 선택합니다.
5. [코드 삽입] 클릭 시 섹션 내에 지도로 표시되며, 우측 메뉴의 [정보] 탭에서 기존 iframe 예시 코드를 원하시는 주소 및 사이즈로 수정해주시면 됩니다.
publ 운영팀
· 2 years ago
예시 코드)
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d508.40856699559515!2d127.04604546611074!3d37.5412884534309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca484b232aab9%3A0x3016af9babd6093e!2z7ISc7Jq47Yq567OE7IucIOyEseuPmeq1rCDrmp3shKzroZwgMzE3!5e0!3m2!1sko!2skr!4v1690098445797!5m2!1sko!2skr"
width="600"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d508.40856699559515!2d127.04604546611074!3d37.5412884534309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca484b232aab9%3A0x3016af9babd6093e!2z7ISc7Jq47Yq567OE7IucIOyEseuPmeq1rCDrmp3shKzroZwgMzE3!5e0!3m2!1sko!2skr!4v1690098445797!5m2!1sko!2skr"
width="600"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
publ 운영팀
· 2 years ago
2) 전체 페이지 형식
Iframe 섹션을 활용하여 외부 링크를 불러와 전체 페이지로 보여지게 할 수도 있습니다. 해당 섹션은 페이지당 하나만 가능한 상태라는 점 유의해주시기 바랍니다.
1. 페이지 목록 중 수정을 원하시는 기존 페이지의 [디자인 편집] 버튼을 누르시거나, [새 페이지 생성]을 통해 [디자인 편집] 화면으로 이동해주세요.
2. 바로 뜨는 [페이지 템플릿 선택] 모달은 닫아주시고, 좌측 [섹션]에 우측 [+] 버튼을 선택해주세요.
3. [섹션 추가]창의 우측에 [예전 섹션 사용하기]를 선택해주세요.
4. [Fullscreen-Iframe(experimental)] 섹션을 선택하고, 추가해주세요.
5. 해당 섹션을 선택하면, 우측에 [섹션 정보]가 있을텐데요, 링크 URL에 연결할 URL을 넣어주세요.
6. 미리보기에서 보이는 것을 확인하고 [게시]를 선택해주세요.
* 참고로 노션과 같은 일부 웹 페이지는, iframe 연결 시에 페이지를 불러오는게 차단되어 표시할 수 없는 경우가 발생됩니다.
이 외에도 궁금하신 사항이 있으실 경우 언제든 편히 문의해 주시길 바랍니다 :) 원하시는 서비스를 구현하실 수 있도록 계속해서 노력하는 publ이 되겠습니다.
답변이 도움 되셨길 바랍니다. 감사합니다!
publ 운영팀
Iframe 섹션을 활용하여 외부 링크를 불러와 전체 페이지로 보여지게 할 수도 있습니다. 해당 섹션은 페이지당 하나만 가능한 상태라는 점 유의해주시기 바랍니다.
1. 페이지 목록 중 수정을 원하시는 기존 페이지의 [디자인 편집] 버튼을 누르시거나, [새 페이지 생성]을 통해 [디자인 편집] 화면으로 이동해주세요.
2. 바로 뜨는 [페이지 템플릿 선택] 모달은 닫아주시고, 좌측 [섹션]에 우측 [+] 버튼을 선택해주세요.
3. [섹션 추가]창의 우측에 [예전 섹션 사용하기]를 선택해주세요.
4. [Fullscreen-Iframe(experimental)] 섹션을 선택하고, 추가해주세요.
5. 해당 섹션을 선택하면, 우측에 [섹션 정보]가 있을텐데요, 링크 URL에 연결할 URL을 넣어주세요.
6. 미리보기에서 보이는 것을 확인하고 [게시]를 선택해주세요.
* 참고로 노션과 같은 일부 웹 페이지는, iframe 연결 시에 페이지를 불러오는게 차단되어 표시할 수 없는 경우가 발생됩니다.
이 외에도 궁금하신 사항이 있으실 경우 언제든 편히 문의해 주시길 바랍니다 :) 원하시는 서비스를 구현하실 수 있도록 계속해서 노력하는 publ이 되겠습니다.
답변이 도움 되셨길 바랍니다. 감사합니다!
publ 운영팀