• WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và Domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Tối ưu WordPress
    • Cài theme Paradise
  • Liên hệ

WP Căn bản

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

wordpress-theme-tot-nhat

  • Bắt đầu
  • Thủ thuật WordPress
  • WordPress plugins
  • WordPress themes
  • Hosting và Domain
  • Thông báo
Trang chủ » WordPress » Thủ thuật WordPress » Tạo Google Maps API Key để chèn bản đồ vào WordPress

Tạo Google Maps API Key để chèn bản đồ vào WordPress

08/10/2016 08/10/2016 Trung Hiếu 41 Bình luận

Mục lục

  • Hướng dẫn tạo Google Maps API Key đơn giản

Tạo Google Maps API Key để chèn bản đồ Google vào WordPress.

tao-google-maps-api-key-de-chen-ban-do-vao-wordpress

Sau khi Google cập nhật chính sách mới về việc chèn Google Maps vào blog/ website, chắc hẳn nhiều bạn sẽ cảm thấy hoang mang vì bản đồ không còn hiển thị được như trước đó nữa. Thay vào đấy là những dòng thông báo lỗi kiểu như “Google Maps API error: MissingKeyMapError“. Nguyên nhân của việc này là do giờ đây Google yêu cầu phải có API Key thì mới cho hiển thị Google Maps. Vậy cách tạo Google Maps API Key như thế nào? Trong bài viết hôm nay, tôi sẽ hướng dẫn cho các bạn cách để làm điều đó.

Tham khảo thêm:

  • Làm thế nào để chèn Google Maps vào WordPress
  • Top 5 plugins tích hợp Google Maps tốt nhất cho WordPress

Hướng dẫn tạo Google Maps API Key đơn giản

1. Đầu tiên, các bạn cần phải truy cập vào đây, kéo xuống dưới và click vào nút Get a Key.

click-vao-nut-get-a-key

2. Click vào mục Select or create project và chọn Create new project. Đặt tên cho project của bạn và click vào nút Create and enable API.

dat-ten-cho-project-google-maps-api

3. Chờ trong giây lát để quá trình hoàn tất. Bạn sẽ nhận được kết quả trông như thế này.

google-maps-api-key

Nội dung trong mục Your API Key chính là thứ mà bạn cần lấy.

4. Để bảo vệ an toàn cho Google Maps API Key, các bạn hãy click vào nút Go to Console (trong mục API Console).

click-vao-nut-go-to-console

5. Click tiếp vào tab Credentials.

click-vao-tab-credentials

6. Click chọn API Key mà bạn vừa tạo.

click-chon-api-key-ma-ban-vua-tao

7. Click chọn HTTP referrers (web sites) và điền tên miền của bạn vào mục bên dưới.

gioi-han-quyen-truy-cap-api

Click vào nút Save để lưu lại.

8. Việc cuối cùng là copy API Key và chèn vào plugin hoặc theme của bạn để Google Maps có thể hiển thị bình thường. Đơn giản vậy thôi, chúc các bạn thành công!

Mọi thắc mắc liên quan đến việc tạo Google Maps API Key xin vui lòng gửi vào khung bình luận bên dưới để được hỗ trợ và giải đáp.

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ét. Cảm ơn rất nhiều. :)

Bài viết liên quan

Chuyên mục: Thủ thuật WordPress Thẻ: Google Maps

dich-vu-cai-dat-website-wordpress-mien-phi

Tác giả: Trung Hiếu

"Cảm thấy blog quá nhỏ? Nếu bạn chỉ có một độc giả và blog của bạn làm thay đổi cuộc sống của họ thì nó là đủ lớn".

Previous Post: « Cài HTTPS cho WordPress trong nháy mắt với Really Simple SSL
Next Post: Chọn shared host hay VPS cho người dùng WordPress phổ thông? »

Reader Interactions

Bình luận

    Trả lời Hủy

    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.

  1. Ngô Quý đã bình luận:

    08/10/2016 lúc 13:36

    Anh Hiếu lại có bài mới rồi. :D

    Trả lời
    • Ngô Quý đã bình luận:

      08/10/2016 lúc 17:08

      À mà anh cho em hỏi làm sao để thêm vào cuối bài đoạn “Nếu bạn cảm thấy thích bài viết này…” như WP Căn Bản vậy ạ??

      Trả lời
      • Trung Hiếu đã bình luận:

        08/10/2016 lúc 19:01

        Đánh bằng tay. Không phải shortcode hay plugin đâu. :P

        Trả lời
        • Ngô Quý đã bình luận:

          08/10/2016 lúc 19:10

          Gõ bằng tay thì lâuuuu lắm nên em k muốn, nghĩ là có plugin gì đó. :P

          Trả lời
          • Trung Hiếu đã bình luận:

            08/10/2016 lúc 19:11

            Tạo 1 cái shortcode đi. Đơn giản mà. Nhưng mình thích gõ tay hơn. Hehe. :P

          • Ngô Quý đã bình luận:

            08/10/2016 lúc 19:13

            Để tẹo em làm. Đang bận việt hóa cái plugin Bloom. :P

          • Vu The Khoa đã bình luận:

            09/10/2016 lúc 21:31

            Cái phần đó bạn copy ra file text đẻ ngoài destop viết xong bài mở ra ốp vào chọ lẹ vạn nhé

          • Trung Hiếu đã bình luận:

            09/10/2016 lúc 23:02

            Ý hay. :D

          • Vu The Khoa đã bình luận:

            09/10/2016 lúc 21:32

            Khỏi cần tìm plugin làm chi cho mệt thêm nặng site.

        • NgocBlue đã bình luận:

          10/10/2016 lúc 10:58

          Câu này là mình cũng bắt chước bạn Hiếu đấy :D

          Trả lời
          • Trung Hiếu đã bình luận:

            10/10/2016 lúc 17:37

            :D Góp ý với Ngọc một chút. Viết bài xong thì sẵn tay vote luôn 5 sao cho bài viết để Google Bots nó index và hiển thị lên kết quả tìm kiếm nhé. Đừng đợi người khác vote. Lâu lắm. :P

          • NgocBlue đã bình luận:

            10/10/2016 lúc 17:48

            A cái này là quên mất đấy, tại viết xong lên lịch chứ không đăng ngay nên toàn quên. Còn vụ Google bots thì Hiếu nói mới biết chứ trước giờ mình vẫn chỉ nghĩ là vote cho đẹp thôi :P . Tks Hiếu nhé :D

  2. Tân đã bình luận:

    09/10/2016 lúc 01:22

    Chèn GG Maps vào để làm gì vậy anh? Với chèn vào có làm blog load chậm hơn không?

    Trả lời
    • Ngô Quý đã bình luận:

      09/10/2016 lúc 05:38

      Chắc chắn là có bạn ạ. Nó lấy dữ liệu từ GG mà. Tuy nhiên chỉ chậm hơn chút thôi. :P

      Trả lời
    • Trung Hiếu đã bình luận:

      09/10/2016 lúc 07:38

      Các công ty, shop bán hàng thì cần chèn Google Maps vào để hướng dẫn khách hàng tìm đến đó. :P

      Trả lời
    • Vu The Khoa đã bình luận:

      09/10/2016 lúc 21:27

      Tất nhiên là chậm hơn vì nó phải load map mà bạn. Chỉ xài cho shop, business chí blog cá nhân thì khỏi cài làm gì cho mệt

      Trả lời
  3. Vinh đã bình luận:

    09/10/2016 lúc 02:38

    Cho hỏi web bạn đang sử dụng font chữ nào vậy?

    Trả lời
    • Trung Hiếu đã bình luận:

      09/10/2016 lúc 07:40

      Font sans-serif mặc định bạn nhé. :P

      Trả lời
      • Vinh đã bình luận:

        09/10/2016 lúc 10:38

        Kích thước bao nhiêu bạn?
        :-P

        Trả lời
        • Vu The Khoa đã bình luận:

          09/10/2016 lúc 21:28

          16px bạn ơi

          Trả lời
      • Ngô Quý đã bình luận:

        09/10/2016 lúc 12:13

        Mà làm thế nào để chuyển font trong genesis vậy anh Hiếu

        Trả lời
        • Vu The Khoa đã bình luận:

          09/10/2016 lúc 21:29

          Vào editor phần style.css bạn sửa font ở đoa nhé

          Trả lời
  4. Vô Tình đã bình luận:

    10/10/2016 lúc 15:13

    Mấy shop, hay cửa hàng thì cần chớ chắc blog cá nhân chắc không cần xài cái này hen

    Trả lời
    • Trung Hiếu đã bình luận:

      10/10/2016 lúc 17:36

      Tùy nhu cầu mới sử dụng bạn ạ. Blog cá nhân thì mình nghĩ là chẳng cần thêm vào làm gì cho nặng. :D

      Trả lời
  5. Frank z7 đã bình luận:

    12/10/2016 lúc 08:44

    Mình đang gặp 1 vấn đề kỳ lạ về tăng trafic. Ngày hnay có rất nhiều ip nước ngoài vào blog của mình theo đướng domain chính không qua bất cứ web nào… Mỗi vài phút có tới 2 3 ip tới dẫn đến traffic tăng nhưng không chất lượng vì ip nước ngoài. Bạn cho m hỏi blog mình đang gặp vấn đề gì và phải giải quyết sạo ak. Cám ơn bạn

    Trả lời
    • Trung Hiếu đã bình luận:

      12/10/2016 lúc 09:03

      Cái này có thể là bots spam, cũng có thể là ai đó đang muốn tấn công site của bạn. Nếu bạn cảm thấy không yên tâm thì nên chặn IP bằng file .htaccess nhé. :P

      Trả lời
      • Frank z7 đã bình luận:

        12/10/2016 lúc 10:31

        Chặn sao được bạn tới hơn 2k ip tới blog mình mà mỗi lần một ip khác nhau @@ trafffic cứ tăng mà không chất lượng nên cũng ảnh hưởng tới blog. Mà không phải bị tấn công ai rảnh bỏ time từ 11h đem hwa tới bây giờ mà tốc độ truy cập vào theo phút chứ đâu phải giống như ddos… Không biết có bị lỗi plugin gì không bạn

        Trả lời
        • Trung Hiếu đã bình luận:

          12/10/2016 lúc 10:43

          Bạn thử cài CloudFlare hoặc Incapsula lên xem nó có block mấy cái IP kia không. Nếu block thì chứng tỏ chúng là bots “xấu”. :P

          Trả lời
  6. Dang Phu Tien đã bình luận:

    21/10/2016 lúc 11:12

    Bạn cho mình hỏi chút nhé! Mình đã từng gặp một hiện tượng: Spambotsecurity, cứ 2, đến 3 h nó lại quyét vào trang web của mình một lần tạo thành lỗi 404 do chính nó gây nên theo 2 địa chỉ: domain.com/404testpage4525d2fdc và domain.com/404javascript.js trông rất ngứa mắt, mà không thể nào dùng htaccess hay bộ lọc của google mà chặn nó được, vì hệ thống bảo mật nó nói là của https://sucuri.net/ Mình lên mạng xem của bọn trắng thì rất nhiều thằng bị như vậy và thằng nào cũng pó tay, bọn nó lập ra cả một trang forum, rồi cuối cùng kết thúc chẳng ai hóa giải được cả, đành để như vậy, với một giải thích đơn giản là spam của sercury… Không ảnh hưởng gì cả… Thế mới đểu chứ… Có nhiều đứa còn nói cùn là tốt để tăng traffic và nó thích như vậy… Rõ chán…

    Trả lời
    • Trung Hiếu đã bình luận:

      21/10/2016 lúc 15:15

      Bạn tham khảo 2 bài viết này xem: https://support.google.com/analytics/answer/2795830?hl=vi và https://support.google.com/analytics/answer/1034842?hl=vi :P

      Trả lời
  7. Khanh đã bình luận:

    24/10/2016 lúc 16:46

    Cho mình hỏi mình chèn API Key vào đâu trên website nhỉ, mình không biết chèn, coppy 1 theme về nó không hiện map, mình tạo API Key mới nhưng không biết chèn chỗ nào

    Trả lời
    • Trung Hiếu đã bình luận:

      25/10/2016 lúc 08:37

      Bạn nên chèn bằng plugin sẽ dễ hơn là chèn thủ công nhé. Các plugin thường hỗ trợ luôn tính năng chèn API Key. Tham khảo: https://wpcanban.com/wordpress/wordpress-plugins/top-5-plugins-tich-hop-google-maps-tot-nhat-cho-wordpress.html

      Trả lời
  8. văn chính đã bình luận:

    29/05/2017 lúc 23:46

    8. Việc cuối cùng là copy API Key và chèn vào plugin hoặc theme của bạn để Google Maps có thể hiển thị bình thường. Đơn giản vậy thôi, chúc các bạn thành công!
    em ko hiểu chèn vào plugin hoặc thêm như thế nào, em đã tạo được key API key rồi nhưng khi vào web https://opennetmap.cô/ vẫn ko hiện ra bản đồ đc. thanks admin đã có bài hay.

    Trả lời
    • Trung Hiếu đã bình luận:

      03/06/2017 lúc 10:21

      Bạn thử dùng plugin API KEY for Google Maps để chèn API Key xem sao. :)

      Trả lời
  9. Cường đã bình luận:

    02/06/2017 lúc 08:07

    Làm sao với bước số 8

    Trả lời
    • Trung Hiếu đã bình luận:

      03/06/2017 lúc 10:18

      Bạn có thể dùng plugin API KEY for Google Maps để chèn API Key vào blog/ website WordPress. :)

      Trả lời
  10. an đã bình luận:

    07/07/2017 lúc 20:42

    mình có được API key và làm giống hướng dẫn, nhưng khi chạy trang aspx lại bị màn hình xám. không hiển thị bản đồ. XIn bạn hướng dẫn giúp. Cảm ơn

    Trả lời
    • Trung Hiếu đã bình luận:

      08/07/2017 lúc 07:45

      Thú thực là mình không rành về ASP bạn ạ. :(

      Trả lời
  11. Le Huong đã bình luận:

    09/10/2017 lúc 00:11

    The Google Maps API server rejected your request. This API project is not authorized to use this API.
    Em cần làm gì ạ?

    Trả lời
  12. Long đã bình luận:

    16/10/2017 lúc 16:21

    Mình chèn vào phần footer của trang web, nhưng mà chỉ hiện ở trang chủ, còn trang con thì “The Google Maps API server rejected your request. This API project is not authorized to use this API.” làm sao để nó tự động chèn cho mọi trang con ad nhỉ

    Trả lời
    • Trung Hiếu đã bình luận:

      17/10/2017 lúc 07:25

      Bạn tham khảo bài viết “Chèn code vào Header và Footer của WordPress một cách đơn giản” xem sao nhé. :P

      Trả lời

Primary Sidebar

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Lỗi gia hạn tự động Let’s Encrypt và cách khắc phục 19/02/2019
  • Thay thế hình ảnh trong WordPress giữ nguyên tên 16/01/2019
  • Cài đặt lại toàn bộ plugin trên website WordPress 02/01/2019
  • Hướng dẫn nâng cấp PHP 7.3 cho website WordPress 27/12/2018
  • Gỡ bỏ Gutenberg stylesheet khỏi website WordPress 24/12/2018
  • Điểm Google PageSpeed Insights liệu có còn đáng tin? 20/12/2018

Hỗ trợ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

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

  • tuyenlab trong Tạo sticky post cho category trong WordPress
  • Trung Hiếu trong Tạo sticky post cho category trong WordPress
  • tuyenlab trong Tạo sticky post cho category trong WordPress
  • Khang trong Chuyển từ HTTP sang HTTPS không bị mất thứ hạng tìm kiếm

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

  1. Chiến (3)
  2. nghiep (3)
  3. Ngô Văn Cương (3)
  4. Nguyen Huy (3)
  5. tuyenab (3)
  6. Đoàn Thái Hưng (2)

Liên kết và Đối tác

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung
  • Canh Me

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

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

Bản quyền © 2014 - 2019 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting · Bảo vệ bởi CloudFlare Pro