블로그에 구글맵을 심어보세요! 클릭 유발하는 초간단 방법 공개!

구글맵 임베드 단계별 가이드

블로그 포스트에 구글맵을 임베드하면 독자들에게 인터랙티브한 지도를 제공하여 사용자 경험을 향상시킬 수 있습니다. 아래는 블로그에 구글맵을 임베드하는 단계별 가이드입니다.

1. 구글맵 열기: 구글맵 열기
2. 위치 검색: 임베드할 위치를 검색합니다.
3. 공유 버튼 클릭: 위치가 표시되면 왼쪽 상단의 메뉴 아이콘(세 줄)을 클릭한 후 "공유 또는 임베드 지도"를 선택합니다.
4. 지도 삽입 선택: "공유" 창에서 "지도 삽입" 탭을 클릭합니다.
5. HTML 코드 복사: 제공된 HTML 코드를 복사합니다.
6. 블로그 포스트에 HTML 코드 붙여넣기: 블로그의 HTML 편집기에 복사한 코드를 붙여넣습니다.

예시 코드

아래는 구글맵 임베드를 위한 예시 HTML 코드입니다:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3162.9155941163693!2d127.03853891547573!3d37.503284036662865!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca47b7c5d8e85%3A0x4b4f97aebee7fd62!2z7JWI64WV7Jet7IucIOu2gOyWtOyekO2YuO2KuA!5e0!3m2!1sko!2skr!4v1628157922743!5m2!1sko!2skr" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        

지도 크기 조정

width와 height 속성을 수정하여 지도의 크기를 조정할 수 있습니다. 예를 들어, 너비를 100%로 하고 높이를 400px로 설정하고 싶다면:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3162.9155941163693!2d127.03853891547573!3d37.503284036662865!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca47b7c5d8e85%3A0x4b4f97aebee7fd62!2z7JWI64WV7Jet7IucIOu2gOyWtOyekO2YuO2KuA!5e0!3m2!1sko!2skr!4v1628157922743!5m2!1sko!2skr" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        

블로그 관련글 바로가기 링크

1)블로그 개론/블로그 개설

[서평] 블로그의 신 - 블로깅의 모든 것을 담다 구글 블로그 프로필 만들기 도전 구글 블로그[Blogger] 블로그-템플릿-사이트 장단점 비교 구글 Blogger에서 도메인 설정하기 헬스와 블로그 운영: 지치지 않고 덤덤히 계속하는 방법

2)포스트 꾸미기

파비콘 만들기: 간단하고 빠르게 만드는 방법 블로그 가독성 향상: CSS로 형광펜 효과 주는 꿀팁 블로그에 구글맵을 심어보세요! 구글 블로그를 위한 커스텀 버튼 만들기

3)블로그 SEO

블로그 대선배님들의 성공 비결과 운영 노하우 검색 엔진에 블로그 등록하는 법 블로그 디렉토리 사이트를 활용한 블로그 트래픽 구독 버튼 삽입 방법 레딧에서 블로그를 자연스럽게 홍보하는 방법 블로그스팟(Blogger)에서 자동 목차 적용 방법 블로그가 색인되었는지 확인하는 방법 구글 애드센스 승인 꿀팁 구글에서 인기 키워드 검색 방법

해시태그:

#구글맵 #블로그임베드 #인터랙티브지도 #블로그팁