Tạo Google Maps API Key để chèn bản đồ Google vào 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.
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.
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.
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).
5. Click tiếp vào tab Credentials.
6. Click chọn API Key mà bạn vừa tạo.
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.
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. :)
Anh Hiếu lại có bài mới rồi. :D
À 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 ạ??
Đánh bằng tay. Không phải shortcode hay plugin đâu. :P
Gõ bằng tay thì lâuuuu lắm nên em k muốn, nghĩ là có plugin gì đó. :P
Tạo 1 cái shortcode đi. Đơn giản mà. Nhưng mình thích gõ tay hơn. Hehe. :P
Để tẹo em làm. Đang bận việt hóa cái plugin Bloom. :P
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é
Ý hay. :D
Khỏi cần tìm plugin làm chi cho mệt thêm nặng site.
Câu này là mình cũng bắt chước bạn Hiếu đấy :D
: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
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
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?
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
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
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
Cho hỏi web bạn đang sử dụng font chữ nào vậy?
Font sans-serif mặc định bạn nhé. :P
Kích thước bao nhiêu bạn?
:-P
16px bạn ơi
Mà làm thế nào để chuyển font trong genesis vậy anh Hiếu
Vào editor phần style.css bạn sửa font ở đoa nhé
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
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
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
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
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
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
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…
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
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
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
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.
Bạn thử dùng plugin API KEY for Google Maps để chèn API Key xem sao. :)
Làm sao với bước số 8
Bạn có thể dùng plugin API KEY for Google Maps để chèn API Key vào blog/ website WordPress. :)
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
Thú thực là mình không rành về ASP bạn ạ. :(
The Google Maps API server rejected your request. This API project is not authorized to use this API.
Em cần làm gì ạ?
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ỉ
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