WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Làm thế nào để chèn Google Maps vào WordPress

Làm thế nào để chèn Google Maps vào WordPress

50 Bình luận

Làm thế nào để chèn Google Maps vào WordPress.

lam-the-nao-de-chen-google-maps-vao-wordpress

Hãy thử tưởng tượng, bạn có một chuỗi nhà nghỉ rất đẹp. Làm thế nào để khách du lịch tìm tới nhà nghỉ của bạn? Một vị trí được đánh dấu trên bản đồ hiển thị trên trang web của bạn sẽ đảm bảo khách du lịch có thể nhanh chóng và dễ dàng tìm ra chúng. Bạn có một doanh nghiệp và điều quan trọng là làm thế nào để mọi người tiếp cận được với văn phòng của bạn một cách dễ dàng? Hoặc bạn có một blog du lịch và bạn muốn giới thiệu cho độc giả của mình về những nơi mà bạn đã từng đến thăm? Trong thực tế, bản đồ (maps) chính là giải pháp tốt nhất để làm những điều trên, bất kể đó là một blog/ website kinh doanh hay giải trí.

Tham khảo thêm: Top 5 plugins tích hợp Google Maps tốt nhất cho WordPress

Trong bài viết này, tôi sẽ hướng dẫn cho các bạn các bước cụ thể để chèn Google Maps vào WordPress mà không cần cài thêm bất cứ plugin nào khác.

Chèn Google Maps vào WordPress theo cách thông thường

1. Đầu tiên, truy cập Google Maps, chọn khu vực mà bạn muốn tập trung đến trên bản đồ. Click vào nút hình bánh răng, sau đó chọn “Chia sẻ hoặc nhúng bản đồ“.

chia-se-hoac-nhung-ban-do

2. Click vào tab “Nhúng bản đồ“. Tại đây, bạn có thể kéo thả vị trí bản đồ và chọn kích thước của bản đồ (nhỏ, trung bình, lớn và kích thước tùy chỉnh).

nhung-ban-do

3. Sau khi chỉnh sửa xong, copy đoạn mã html mà bạn được cung cấp và chèn vào bài viết, trang hoặc widget. Ví dụ ở đây tôi chèn Google Maps vào widget.

chen-ma-html-cua-ban-do-vao-widget

4. Xong. Bạn đã chèn thành công Google Maps vào blog WordPress của mình. Tuy nhiên, nó chỉ hiển thị bản đồ thông thường mà không đánh dấu hoặc làm nổi bật các địa điểm mà bạn muốn người xem chú ý tới.

google-maps-tren-wordpress

Để giải quyết vấn đề này, các bạn cần phải nhúng một custom maps, thay vì maps thông thường.

Chèn Google Custom Maps (bản đồ tùy chỉnh)

1. Truy cập Google Maps, đặt con trỏ chuột vào khung tìm kiếm, ngay lập tức bạn sẽ thấy mục “My Maps” xuất hiện. Hãy click vào mục “My Maps“.

my-maps-google

2. Click vào nút “Tạo” để bắt đầu tạo bản đồ tùy chỉnh theo nhu cầu của bạn.

tao-google-custom-maps

3. Click vào nút “Thêm điểm đánh dấu“, sau đó bấm vào các vị trí mà bạn muốn đánh dấu trên bản đồ.

them-diem-danh-dau-google-custom-maps

4. Sau khi chọn xong, click vào nút “Chia sẻ“. Nhập tên và phần mô tả cho bản đồ.

click-vao-nut-chia-se

5. Click vào nút “Thay đổi” và chọn mục “Công khai trên web“. Cuối cùng, click vào nút “Đã xong“.

cai-dat-chia-se-google-maps

6. Click vào biểu tượng dấu 3 chấm dọc, chọn mục “Nhúng vào trang web của tôi“.

nhung-custom-maps-vao-trang-web-cua-toi

7. Copy mã html được cung cấp và chèn vào blog/website của bạn.

nhung-ban-do-nay

8. Và đây là thành quả. Thật tuyệt vời phải không nào?

google-custom-maps-cho-wordpress

Chúc các bạn thành công!

Bạn đang sử dụng giải pháp nào để chèn Google Maps vào WordPress? Hãy chia sẻ với chúng tôi kinh nghiệm và bí quyết của bạn bằng cách sử dụng khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)

Reader Interactions

Bình luận

    Trả lời

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

        • Chắc anh Google bận quá nên chưa có thời gian trả lời. :D Em thì không phải là doanh nghiệp nên không quan tâm vụ này. :P

          Trả lời

        • Bác muốn nó gửi địa chỉ về thì bây giờ không dễ đâu, sau khi đăng ký với nó xong rồi (Địa chỉ doanh nghiệp thực sự) thì lấy số doanh nghiệp vừa đăng ký call cho nó (Nhớ phải biết tiếng anh) xì xà xì xồ hỏi nó xem (tôi vừa đăng ký cái địa chỉ doanh nghiệp bao lâu thì tôi có thể nhận được thư xác minh blah blah) nó sẽ hỏi bác 1 vài cái linh tinh là xong đợi thư thôi :D

          Trả lời

        • @Trung Hiếu : Chắc bác Google có chính sách riêng nhằm gây khó khăn hơn rồi bác ạ
          @Cương Pjh : Cám ơn bác nhiều nha, em hẻm nói được tiếng anh bác ạ. Cày tiếng anh để nói thui, Cơ mà viết email có được không bác nhỉ.

          Trả lời

  4. Tui gửi id mật khẩu admin ông vào xem cái nha.có gỉ tui gửi tiền cafe.Với tiền tui giới thiệu khách cho ông :)

    Trả lời

  5. Hiếu cho mình hỏi sao bản đồ google map của mình chỉ hiển thị 18z còn khi zoom nhỏ lại thì không thấy đâu, trong khi địa điểm của mình lớn hơn các địa điểm lân cận. Các địa điểm nhỏ hơn vẫn thấy còn mình thì không???

    Trả lời

      • Có thể bạn chưa hiểu ý mình. Bạn em trực tiếp thì lúc nào cũng thấy nhưng nếu bạn tìm địa điểm lân cận mình thì phải zoom lớn lên mới thấy, mình muốn hỏi có cách nào zoom nhỏ mà vẫn thấy địa điểm của mình không???

        Trả lời

      • cái bạn chỉ hay quá nhưng mà ý mình là họ đã làm thế nào mà nó hiện ra 1 cái bảng from liên hệ như trong phần mình gửi ý. mà mình vẫn chưa hiểu họ làm thế nào

        Trả lời

        • Mình cũng không rõ site này làm bằng mã nguồn gì. View Source thì thấy nó không phải làm bằng WordPress nên chắc không phải dùng plugin. :P

          Trả lời

          • oh cám ơn bạn nhé nếu bạn nghĩ ra cách làm thì chỉ mình với nhé

  7. ad ơi, cho mình hỏi 1 tý nhé: làm cách nào để add thêm icon vào my maps này nhỉ, mình mò hoài mà chưa ra,hihi.
    thanks Ad nhiều.

    Trả lời

  8. Các bác pro chỉ giùm mình cách nhúng một biểu đồ (biểu đồ có thể tạo bằng bảng tính trên google driver) vào footer của wordpress

    Trả lời

  9. Bác hướng dẫn rất dễ hiểu.
    Bác có thể làm thêm bài chèn map vào page facebook đc không ạ
    Tks bác nhiều!

    Trả lời

    • Blog của mình không chia sẻ thủ thuật Facebook bạn ạ. Mình cũng chưa làm việc đó bao giờ nên không biết hướng dẫn kiểu gì. :)

      Trả lời

  10. Chào admin, mình copy đoạn code dán vào widget thì hiện ra ok nhưng dán vào bài viết, trang thì không được.
    Xin hỏi là vì sao vậy

    Trả lời

  13. Cho mình hỏi khi cài google map thì bị lỗi này
    Oops! Something went wrong.
    This page didn’t load Google Maps correctly. See the JavaScript console for technical details.
    Hướng xử lý như thế nào ạ!

    Trả lời

  14. tớ gửi 5 lần 7 lượt sau hơn năm mới có thư a google gửi về :v, lúc đọc bài tay thớt còn chém là 10 năm sau @@! nên hơn năm là bt đó,mà trước gửi cách bt không được, tớ phải chơi kiểu thông qua Sp google adwood đấy ! :V

    Trả lời

  16. sao mình cóp mã nhúng ở phần của google vào phần widget footer của web rồi mà bản đồ ko thấy hiển thị lên web nhi? hướng dẫn giùm mình với.
    thanks!!

    Trả lời

  17. anh ơi, em thấy có đứa nó làm thế nào đó, mà khi search keyword, trang 1 của google hiển thị phần bản đồ, ở đó có trang web và sđt của nó. mình muốn làm cái đó có được ko anh?

    Trả lời

    • Bạn xem cái này: https://www.google.com/business/

      P/s: Vui lòng không chèn từ khóa + link không liên quan vào trong nội dung bình luận nhé. Mình phải remove mấy lần rồi. Nếu bạn còn tiếp tục không tôn trọng quy định sử dụng thì mình buộc phải xóa toàn bộ các bình luận của bạn đấy.

      Trả lời

Footer

Bình luận mới nhất

Bình luận nhiều nhất (tháng)

  1. Ngô Văn Cương (10)
  2. Cường (8)
  3. Đồng (7)
  4. Tùng (7)
  5. An Ba (6)
  6. Anh Khôi (6)

Thống kê WP Căn bản

10 Chuyên mục - 919 Bài viết - 32879 Bình luận