Hướng dẫn nhúng Google Maps vào Website nhanh nhất
  • 11/05/2022
  • seovipbao

Hướng dẫn nhúng Google Maps vào Website nhanh nhất

Có địa chỉ Google cụ thể sẽ giúp trang website của tăng độ chân thực và tin cậy hơn. Hiểu rõ điều này nhưng không phải ai cũng nắm rõ cách nhúng Google Maps vào Website. Hôm nay, Biti sẽ hướng dẫn chi tiết 2 cách thêm địa chỉ vào trang web, người không có kinh nghiệm cũng làm được, đọc ngay nhé!

Nhúng Google Maps vào website bằng plugin

Cách nhúng Google Maps vào website đầu tiên chính là tận dụng plugin WD Google Maps. Với plugin này bạn có thể tùy chỉnh làm cho bản đồ trang web hiển thị một cách trực quan và thân thiện trên các thiết bị truy cập khác nhau.

Chi tiết cách nhúng:

  • Bước 1: Nhấn vào phần Plugins của trang web và chọn Add New. Sau đó, tìm đến plugin đúng tên gọi WP Google Maps và nhấn nút Install Now để cài đặt.

nhúng Google Maps vào Website

  • Bước 2: Sau khi kết thúc quá trình cài đặt, trên trang web của bạn sẽ tự động hiển thị tab Maps. Lúc này, bạn có thể truy cập vào và cài đặt địa chỉ cho trang web. 

Cấu hình WP Google Maps

  • Bước 3: Ở trang kế tiếp, plugin sẽ gửi đến cho bạn một thông báo rằng cần dán mã API Key. Loại mã này chỉ cần lấy ở mục vào plugin đề xuất là được.

thêm API key cho plugin

  • Bước 4: Để chỉnh sửa cũng như sử dụng hoàn thiện trên website của mình bạn cần nhấn vào phần nút Edit ở tên map. Lúc này plugin sẽ đưa ra yêu cầu về nền tảng mà bạn muốn thiết lập. Sau đó, hãy nhấn chọn Google Maps

lựa chọn nền tảng để chèn

  • Bước 5: Chọn thiết lập Map Types, nhấn chọn Classic Roadmaps. Sau đó, bạn có thể tự do di chuyển vị trí bạn muốn thiết lập dựa trên GPS.

lấy source code chèn vào chỗ mong muốn trên website

  • Bước 6: Sau khi hoàn tất các bước trên, bạn cần nhấn vào phần Save Marker để tại lại trang. Cuối cùng nhấn vào phần Save Maps để lưu toàn bộ những thay đổi trước đó.

Nhúng Google Maps vào website trực tiếp bằng iframe

Cách nhúng Google Maps vào Website thứ 2 là dùng đến Iframe. Cách chèn cụ thể như sau:

  • Bước 2: Tại đây bạn cần gõ các địa chỉ cần tìm. Ví dụ, ở hình dưới, chúng tôi đang muốn tìm vị trí ở Giáp Bát. Bạn chỉ cần gõ vào thanh tìm kiếm google đưa ra gợi ý rất nhanh.

Nhúng maps vào website

  • Bước 3: Nhấn vào vị trí gợi ý đúng sau đó nhấn chọn Chia sẻ.
  • Bước 4: Nhấn chọn tab Nhúng Map.
  • Bước 5: Copy iframe như hướng dẫn ở hình. Tiếp đến, truy cập vào phần cài đặt Giao Diện, chọn Widget, chọn vị trí mà bạn muốn chèn (Sidebar, header, footer…)

chèn iframe vào wordpress

  • Bước 6: Nhấn vào phần Widget HTML rồi nhấn đoạn mã nhúng Google Maps như hình dưới. Cuối cùng bạn chỉ cần nhấn chọn Lưu thay đổi là xong.

Lợi ích khi nhúng bản đồ vào website

Giống như điều Biti đã khẳng định ở ban đầu rằng, việc thêm Google Maps vào Website sẽ giúp khách hàng đặt niềm tin nhiều hơn vào doanh nghiệp. Ngoài ra, khi thực hiện điều này, người dùng còn nhận được nhiều lợi ích khác như:

  • Giúp website có tính tương tác cao, khách hàng dễ dàng truy cập và tìm kiếm điểm đến doanh nghiệp bạn dễ dàng hơn.
  • Bạn có thể dùng địa chỉ này để làm nổi bật hơn các vị trí mong muốn.
  • Khách truy cập vào trang web của bạn có thể dễ dàng di chuyển bản đồ tới điện thoại. Sau đó, họ lưu lại đường chỉ dẫn và đến doanh nghiệp bạn hợp tác, buôn bán tốt hơn.
  • Việc thêm Google Maps vào website cũng là một trong số tiêu chí cần khi thiết kế website chuẩn SEO. Nhờ vào ưu thế này, thứ hạng trang web của bạn sẽ tăng cao từng ngày và cơ hội seo top ngày càng gần hơn.
Lợi ích khi nhúng bản đồ vào website
Nhúng google maps vào website mang đến nhiều lợi ích lớn

Biti Hightech hiện đang có nhiều dịch vụ thiết kế website trọn gói, chuẩn SEO, tích hợp nhúng Google vào Website. Nếu bạn cần một đơn vị, công ty thiết kế website uy tín, giúp đẩy nhanh doanh số hãy tìm đến Biti Hightech nhé!