Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
Không có kết quả
Tất cả kết quả
Trang chủ Wordpress Thủ thuật Wordpress

Hướng dẫn lấy Google Maps API KEY mới nhất 2018 cho WordPress

Trần Bá Đạt bởi Trần Bá Đạt
05/03/2019
trong Thủ thuật Wordpress, Wordpress
1
CHIA SẺ
6.2k
LƯỢT XEM
Chia sẻTweetPinChia sẻ

Gần đây Google cập nhật chính sách mới về Google Maps API KEY khiến việc lấy API key của Google Maps diễn ra không còn như trước. Những đường link được các theme WordPress cung cấp không còn giúp bạn nhập Google Map API Key dễ dàng nữa, nó yêu cầu phải cung cấp thông tin thẻ VISA.

Thông thường, các theme bán tại Themeforest đều đưa đường link sau đây để các bạn có thể tự lấy Google Maps API key: https://developers.google.com/maps/documentation/javascript/get-api-key. Tuy nhiên, hiện tại việc lấy API key theo cách đó không còn đơn giản nữa, Google sẽ yêu cầu bạn nhập thông tin thanh toán (do chương trình dùng thử Google Cloud 300$) mới cho đến bước lấy API key. Điều này là không cần thiết!

Vì vậy, hôm nay mình viết bài viết này hướng dẫn cách bạn cách lấy Google Maps API Key đơn giản nhất và mới nhất 2018. Cách lấy này sẽ giúp bạn tránh việc phải cũng cấp thông tin thanh toán rườm rà của Google.

Cập nhật 2019: Google nay bắt buộc phải nhập VISA thì Google Maps API mới hoạt động. Vì vậy bạn bắt buộc phải điền thông tin VISA nhé.

Vậy làm thế nào để lấy Google Map API Key?

Hướng dẫn lấy Google Maps API KEY mới nhất 2018

Để lấy Google Map API Key, các bạn đừng truy cập vào đường dẫn mà cách theme cho sẵn. Thay vào đó, hãy truy cập thằng vào Console Google Cloud theo đường dẫn sau đây: https://console.cloud.google.com/apis/library?hl=en.

Nên lưu ý phải có hl=en vào đường dẫn để hiển thị ngôn ngữ tiếng Anh nhé, nếu không nó hiển thị tiếng Pháp thì không biết đường mà lần luôn.

Vào đường link trên đăng nhập tài khoản Google nha.

NÊNĐỌC THÊM

Người chơi không nạp làm thế nào mạnh hơn người chơi nạp?

Kinh nghiệm sử dụng kim cương hợp lý trong Pocket Ninja

Những tính năng cơ bản của game Pocket Ninja

Tạo Project

Bây giờ bạn cần phải tạo Project cho dự án của mình để dễ quản lý nếu sau này còn có nhiều dự án khác nữa.

Hãy nhìn lên thanh menu, bạn sẽ thấy dòng chữ Select a project, nhấp vào:

Tạo project mới

Một popup quản lý project hiện ra, hãy chọn New Project:

New Project

Đặt tên cho project, sau đó bấn Create:

Hoàn thành tạo project

Đợi 1 tí để Google tạo project cho bạn. Sau khi tạo xong thì chọn project mới tạo đó.

Bây giờ vào APIs & Services, tiếp tục chọn Library để vào thư viện API của Google:

Tạo Google Maps API KEy

Ngay đầu tiên, chúng ta sẽ thấy thư viện Google Maps API cho website, đó là thư viện: Maps Javascript API:

Google Maps API

Chọn thư viện này, sau đó thì Enable đi nào:

bật thư viện Google Maps API

Sau khi đã mở thư việc Google Maps API, thì bây giờ bạn cần phải lấy Google Maps API Key để đưa vào website, mới hiển thị được bản đồ trên web.

Tạo Google Map API Key

Bạn vào tab Credentials:

Tạo Google Map Key

Chọn Create credentials.

Tiếp tục chọn API Key:

Tạo API Key

Bạn sẽ nhận được API key. Tuy nhiên API key này chưa thể sử dụng được. Vì thế, bạn cần bấm vào Restick Key:

Đã có Google Map API KEY

Bây giờ bạn phải chuyển phần Application restrictions sang HTTP referrers để cài đặt API key này sử dụng cho website. Đồng thời, mục bên dưới, bạn phải nhập đường dẫn tên miền sẽ sử dụng Google Maps API KEY này:

Google Map API Key

— Lưu ý là nhập đúng như vậy nha:

*domain.com/*
*.domain.com/*

Thay tên miền bạn vào đó để API hoạt động đúng.

Sau đó thì lưu lại và sử dụng API key trên cho website WordPress của bạn bình thường.

Và đây là kết quả sau khi đã sử dụng Google API KEY cho website của mình:

Website đã cài đặt Google Maps API KEY

Như vậy với hướng dẫn lấy Google Map API KEY ở bài viết này của mình, bạn sẽ không còn gặp phải khó khăn khi phải thao tác trên trang web toàn tiếng Pháp, không còn gặp phải khó khăn khi Google yêu cầu nhập thông tin thanh toán vì cái chương trình tặng 300$ nữa.

Có gì thắc mắc các bạn cứ đặt câu hỏi ở bình luận, mình sẽ trả lời sớm.

Chia sẻTweetPin1Chia sẻ

Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!

Hủy đăng ký
Trần Bá Đạt

Trần Bá Đạt

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.com là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, Blogspot, Wordpress và Windows

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận 19

  1. Thanh Hải says:
    4 năm trước

    Chào Admin Trần Bá Đạt
    Cảm ơn bạn về bài chia sẻ. Mình đã tạo ra API thành công nhưng khi add vào Web thì không chạy được. Mình tìm hiểu thì Google có chính sách cấm tại Việt Nam – https://cloud.google.com/maps-platform/terms/maps-prohibited-territories/?utm_source=zalo&utm_medium=zalo&utm_campaign=zalo&zarsrc=31

    Vậy có cách nào để sử dụng Key APS Google Maps không Admin

    Cảm ơn bạn

    Trả lời
    • Trần Bá Đạt says:
      3 năm trước

      bạn có add thẻ VISA chưa? Bây giờ nó bắt buộc add thẻ VISA thì cái API nó mới hoạt động.

      Trả lời
      • Thanh Hải says:
        3 năm trước

        Tài khoản của mình đã dùng Visa để chạy Adword của Google từ lâu rồi bạn. Nhưng họ bảo chính sách không hỗ trợ cho VN và china

        Có cách nào khác không bạn ?

        Trả lời
        • Trần Bá Đạt says:
          3 năm trước

          Không bạn, VISA chạy Adwords nó khác cái VISA adđ vào chỗ thanh toán trong Google Console. Bạn vào lại Google Console đi, trong phần Billing có chỗ để add VISA đó.

          Trả lời
          • Thanh Hải says:
            3 năm trước

            Cảm ơn bạn. Mình đã thêm Visa, và đang chờ xem APIs Key có hoạt động được không. Vì mình không dành về code chuyên sâu nên chỉ cài đặt lấy Key và chuyển cho ae code làm
            Cảm ơn Admin đã hỗ trợ

  2. Hoài Bắc says:
    4 năm trước

    cảm ơn bạn rất nhiều. Mình làm đc rồi

    Trả lời
  3. tinhte decor says:
    4 năm trước

    có tốn tiền khi mình xài gg map api sau khi hết trial không bạn nhỉ?

    Trả lời
    • Trần Bá Đạt says:
      4 năm trước

      Không nha bạn, bạn không xài gì phát sinh phí thì không tốn tiền

      Trả lời
  4. Thiện says:
    4 năm trước

    Cám ơn bạn đã chia sẻ, nhưng không hiểu sao mình nhập cả thông tin thanh toán visa, bị trừ 1$ sau đó trả lại 1$ nhưng trang web vẫn không thể hiển thị được. (lỗi không tải google map đúng cách).
    Mong bạn hướng dẫn tiếp, cám ơn bạn.

    Trả lời
  5. Buu Nguyen says:
    4 năm trước

    Xin chao Tran Ba Dat,

    Minh đọc rất kỹ bài hướng dẫn của bạn về Google Maps API KEY. Tuy nhiên ko hiểu sao nó vẫn bị báo lỗi
    https://saigonholder.com/?s=Rent&search=search&srch_type=Rent&category=Nh%C3%A0&srch_price=&srch_keyword=

    Rat mong ban ho tro

    Cảm ơn nhiều
    Nguyên

    Trả lời
    • Trần Bá Đạt says:
      4 năm trước

      Mình có note cái lưu ý rồi, là bây giờ bắt buộc phải nhận thẻ VISA thì mới được, chứ không nhập là không được.

      Trả lời
      • Toàn says:
        4 năm trước

        Mình cũng nhập thẻ visa mà báo lỗi, không được

        Trả lời
  6. Tâm says:
    4 năm trước

    Mình điền tên miền theo đúng hướng dẫn của bạn sao google map trên web của mình vẫn báo lỗi: This page can’t load Google Maps correctly.

    Trả lời
    • Trần Bá Đạt says:
      4 năm trước

      Sr bạn. Nay Google chính thức bắt buộc phải điền thông tin thẻ mới dùng được Google Maps API.

      Trả lời
  7. Trần Anh Huy says:
    4 năm trước

    Sao mình làm theo hướng dẫn, thêm domain mà vẫn không được nhỉ? Nó báo thế này “You have exceeded your daily request quota for this API. If you did not set a custom daily request quota, verify your project has an active billing account”

    Trả lời
    • Trần Bá Đạt says:
      4 năm trước

      Quên mất, bây giờ thằng Google nó cập nhật bắt buộc phải thêm thông tin thẻ VISA vào thì mới hoạt động bình thường @@.

      Trả lời
  8. Trần Nguyên Bảo says:
    4 năm trước

    Mình làm theo bác tất cả nhưng khi kiểm ra vẫn báo lỗi “Trang này không thể tải Google Maps đúng cách.”
    Và giao diện bản đồ bị xám đi. sad

    Trả lời
    • Trần Bá Đạt says:
      4 năm trước

      Sr bác, mình vừa check lại thì đúng là bị lỗi, mình có cập nhật lại bước thêm tên miền vào API để hoạt động đúng, bác xem lại rồi sửa cho đúng nha.

      Trả lời
  9. Trần Nguyên Bảo says:
    4 năm trước

    Tuyệt vời bác, mình sẽ thử ngay.

    Trả lời

ĐƯỢC YÊU THÍCH

  • Cách gỡ bỏ Microsoft Office tận gốc

    Cách gỡ bỏ Microsoft Office hoàn toàn khỏi máy tính khi bị lỗi

    13 chia sẻ
    Chia sẻ 11 Tweet 0
  • Tổng hợp 1069 icon Facebook – biểu tượng cảm xúc FB 2020

    104 chia sẻ
    Chia sẻ 103 Tweet 0
  • Đánh giá và chia sẻ theme Newspaper 12.1.1 mới nhất miễn phí (Cập nhật)

    26 chia sẻ
    Chia sẻ 25 Tweet 0
  • Hướng dẫn nhận key Office 2016 bản quyền, active Office 2016 mới nhất (Updated 2020)

    75 chia sẻ
    Chia sẻ 74 Tweet 0
  • Chia sẻ 300 mẫu Animation Template Powerpoint tuyệt đẹp

    2 chia sẻ
    Chia sẻ 1 Tweet 0

VPS NÊN DÙNG

Trần Bá Đạt Blog
Trần Bá Đạt Blog hình thành với mục đích chia sẻ, hướng dẫn và đồng hành cùng bạn tiếp cận và giải quyết các vấn đề về Internet, Windows, Wordpress và SEO.

Email: [email protected]
Fanpage: Trần Bá Đạt Blog

DMCA.com Protection Status

EXTERNAL LINKS

  • Chữ ký số Viettel CA
  • Hóa đơn điện tử viettel
  • bàn trang điểm đẹp
  • Technology Knowledge

TAGS THÔNG DỤNG

  • Tìm hiểu Gmail
  • Tìm hiểu theme Newspaper
  • Kiến thức Wordpress

INTERNAL LINKS

  • Biểu tượng Facebook
  • Key Win 10
  • Key Office 2016
  • Cách vào Facebook
  • SEO Blogspot
  • Thủ thuật Blogspot
  • Lập Gmail
  • Ứng dụng học tiếng Anh
  • Key Office 2019
  • Liên hệ
  • Sitemap

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.

Không có kết quả
Tất cả kết quả
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.