Website Wordpress

Hướng Dẫn Nhúng Google Map Vào Website Wordpress

Google Map hiện nay được hầu hết doanh nghiệp khởi tạo và sử dụng để xác định vị trí và quảng bá thông tin của doanh nghiệp trên Google Maps.

Công dụng của Google Map không chỉ có giới hạn là gắn địa chỉ trên map của Google, mà còn mở rộng các chức năng cực kì hữu ích về thông tin của doanh nghiệp như: Tên doanh nghiệp – ngành nghề, dịch vụ mà doanh nghiệp đang kinh doanh, cung cấp, số điện thoại liên lạc và tuyệt vời hơn là hướng dẫn chỉ đường trực tiếp trên trang maps.google.com của Google cung cấp.

Mã nhúng Google Map thường được sử dụng ở trang Liên Hệ, Landing Page về sản phẩm, dịch vụ quảng cáo adwords… và nhiều hơn nữa tùy theo chiến lược của mỗi nhà quản lý.

Giới thiệu như thế chúng ta cũng đủ hiểu chức năng là lợi ích tuyệt vời khi nhúng Google Map vào website. Tiếp theo của phần Hướng dẫn sử dụng webstie wordpress. EPAL Blog sẽ hướng dẫn nhúng Google Map vào website wordpress.

Hướng dẫn nhúng Google Map vào website wordpress

Có 2 cách để tạo và nhúng Google Map vào website từ: ứng dụng Google Map (Do Google cung cấp) và Google Map doanh nghiệp (Google Map đã được doanh nghiệp đã xác minh với Google).

I. Nhúng Google Map vào website từ ứng dụng Google Map

1. Tạo địa điểm doanh nghiệp trên ứng dụng Google Map.

Dĩ nhiên, trước khi muốn thêm Google Map vào website thì chúng ta phải có (tạo) địa điểm trên Google Map rồi. Về phần tạo địa điểm doanh nghiệp trên Google Map. EPAL Blog đã có 1 bài hướng dẫn rất chi tiết. Mời các bạn tham khảo tại link sau:

Hướng dẫn tạo địa điểm trên Google Map

Sau khi tạo địa điểm doanh nghiệp trên Google Maps chúng ta bắt đầu gắn địa điểm Google Map lên website.

2. Nhúng địa chỉ Google Map vào website wordpress.

2.1 Lấy mã nhúng từ ứng dụng Google Map.

Sau khi đã tạo địa điểm ở phần trên. Chúng ta cần mở Google Map lên để lấy mã nhúng.

Nhúng google vào website từ ứng dụng google map

  • Click vào dấu “3 chấm” >> Nhúng vào trang web của tôi.

Lấy mã nhúng google map từ ứng dụng google map

  • Copy mã nhúng mà Google cung cấp

Copy mã nhúng mà google map cung cấp

2.2 Chèn mã nhúng Google Map vào webstie của bạn.

Mã nhúng có thể chèn trên bài viết (Post) – Trang (Page) – Danh mục (Category)… tùy theo ý bạn muốn.

EPAL Blog sẽ hướng dẫn chèn mã nhúng Google vào bài viết, các phần còn lại như: Trang hay danh mục cũng thực hiện tương tự như vậy.

Vào trang quản trị >> Mở bài viết cần thêm Google Map vào.

Nhúng mã google map vào website wordpress

  • Số 1: Chọn qua chế độ hiển thị “văn bản“.

Lưu ý: Mã nhúng chỉ chèn được (hiển thị) khi bạn chuyển qua chế độ văn bản. Ở chế độ trực quan bạn chèn mã nhúng vào cũng không hiển thị đâu nhé.

  • Số 2: Dán (Paste) mã nhúng Google Map vào vị trí cần hiển thị. (Thường Google Map được gắn ở cuối bài hoặc gắn chung với phần giới thiệu doanh nghiệp).

Sau khi chèn mã nhúng vào bài viết các bạn chuyển qua chế độ trực quan để xem bản đồ vừa nhúng vào.

Đây là mã nhúng Google Map EPAL Blog thực hiện cùng với bài hướng dẫn nhũng Google Map vào webstie.

 

II. Nhúng Google Map vào website từ Google doanh nghiệp.

1. Lấy mã nhúng Google Map từ Google doanh nghiệp

Truy cập vào Google doanh nghiệp (https://business.google.com/) và mở bản đồ của bạn lên để tiến hành lấy mã nhúng.

Tương tự đây là Google doanh nghiệp của EPAL Solution

  • Chèn mã nhúng Google Map từ Google doanh nghiệp

Google map của EPAL Solution từ google doanh nghiêp

  • Tiếp theo là chúng ta lấy mã nhúng để chèn vào website.

Lấy mã nhúng google map từ google doanh nghiệp

  • Số 1: Click vào “SHARE” (Chia sẻ) để lấy má nhúng.
  • Số 2: Chọn tab Embed a Map”.
  • Số 3: Lựa chọn kích cỡ để nhúng Google Map vào website.

Mặc định sẽ có 4 sự lựa chọn như: SmallMediumLargeCustum Size.

Lưu ý: Các size như: Small – Medium – Large sẽ hiển thị size mặc đinh của Google. Còn phần Custum Size cho phép chúng ta thoải mãi tùy chỉnh size theo ý thích. Còn lại các bạn tự khám phá thêm nhé.

  • Số 4: Copy HTML: lấy mã nhúng Google Map để chèn vào website.

2. Chèn mã nhúng Google Map vào website

Chúng ta mở bài viết (Post) hoặc trang (Page) để tiến hành chèn mã nhúng Google Map vào.

Chèn mã nhúng google doanh nghiệp vào website wordpress

  • Số 1: Chọn qua chế độ hiển thị văn bản.
  • Số 2: Dán (Paste) mã nhúng Google Map vào vị trí cần hiển thị.

Sau khi chèn mã nhúng vào bài viết các bạn chuyển qua chế độ trực quan để xem bản đồ vừa nhúng vào.

Đây là mã nhúng Google Map EPAL Blog thực hiện cùng với bài hướng dẫn nhúng Google Map vào website.

Tổng kết

Một số lợi ích khác nhau giữa chèn mã nhúng Google Map từ “ứng dụng Google Map” và “Map từ Google doanh nghiệp

  • Giống nhau: Đều nhúng bản đồ vào webstie.
  • Khác nhau:
    • Đối với Map của ứng dụng Google Map.
      • Chúng ta dễ dàng gắn địa chỉ Map của doanh nghiệp lên ứng dụng Google Map mà không cần xác minh.
      • Khi click vào icon vị trí không hiển thị thông tin của doanh nghiệp.
    • Đối với Map của Google doanh nghiệp.
      • Khi tạo địa chỉ Google Map trên Google doanh nghiệp phải xác thực với Google.
      • Khi click vào icon vị trí sẽ hiển thị thông tin chính xác của doanh nghiệp đã xác minh với Google.
      • Giao diện hiển thị khi nhúng vào webite nhìn mượt, đẹp và rõ ràng địa điểm hơn.
      • Trực tiếp sử dụng chức năng dẫn đường đến doanh nghiệp.

Vì vậy. Tốt nhất các bạn nên đăng kí Google doanh nghiệp và sử dụng Google Map từ Google doanh nghiệp.

Tags
Show More

Related Articles

Back to top button
Close
Close