Khóa api bản đồ google wordpress

Một trong những chức năng chính của trang web kinh doanh là cho phép khách hàng tiềm năng tìm thấy bạn nhanh hơn. Nếu bạn hoạt động từ một địa điểm thực tế, bạn cần đảm bảo rằng bạn đang cung cấp cho khách truy cập tất cả thông tin họ cần để đến đó. Trong hầu hết các trường hợp, hiển thị bản đồ tốt hơn nhiều so với việc chỉ đánh vần địa chỉ của bạn

May mắn thay, WordPress cho phép bạn thêm bản đồ vào trang web của mình theo nhiều cách. Trong bài viết này, chúng ta sẽ nói về cách làm như vậy bằng cách sử dụng

  1. Một plugin Google Maps WordPress
  2. Tính năng nhúng của Google Maps
  3. Chủ đề WordPress của bạn

Chúng tôi có rất nhiều thông tin cần xem qua, vì vậy hãy bắt đầu ngay

Khóa api bản đồ google wordpress

 

Tại sao bạn có thể muốn thêm Google Maps vào WordPress

Khóa api bản đồ google wordpress

Thêm bản đồ vào trang web của bạn là một lựa chọn vượt trội hơn nhiều so với việc chỉ hiển thị một địa chỉ. Với bản đồ, mọi người có thể biết nhanh bạn đang ở trên đường nào, những gì gần đó và cách tìm thấy bạn

Quyết định thêm loại bản đồ nào khó hơn một chút. Một số người chỉ bao gồm ảnh chụp màn hình được lấy từ các nguồn trực tuyến. Tuy nhiên, đó là một giải pháp thay thế kém hơn khi bạn có sẵn các tùy chọn như Google Maps để sử dụng miễn phí

Dưới đây là một số cách WordPress Google Maps có thể cải thiện trang web của bạn

  • Chúng có tính tương tác, vì vậy khách truy cập có thể di chuyển bản đồ xung quanh cho đến khi họ hiểu rõ hơn về vị trí của bạn
  • Bạn có thể sử dụng Google Maps để đánh dấu bất kỳ vị trí nào bạn muốn, thậm chí nhiều vị trí
  • Khách truy cập có thể chuyển đổi giữa chế độ xem bản đồ và đường phố, cho phép họ xem vị trí của bạn trông như thế nào từ bên ngoài
  • Người dùng có thể nhanh chóng gửi bản đồ đến điện thoại của họ, nơi họ có thể nhận được hướng dẫn về cách điều hướng đến vị trí của bạn

Tất nhiên, có những dịch vụ bản đồ trực tuyến khác ngoài Google Maps. Tuy nhiên, Google có lợi thế là một cái tên quen thuộc. Vì vậy, hầu hết những người truy cập trang web của bạn có thể sẽ quen với cách thức hoạt động của Google Maps và sẽ tin tưởng vào độ tin cậy của nó

Tin xấu là WordPress không bao gồm bất kỳ tính năng tích hợp nào để thêm Google Maps vào trang web của bạn ngay lập tức. Tuy nhiên, đó là điều bạn có thể dễ dàng khắc phục bằng cách sử dụng plugin, chủ đề hoặc thậm chí là chức năng tích hợp sẵn của Google Maps

Cách thêm Google Maps vào WordPress (3 phương pháp)

Trong suốt bài viết, chúng tôi sẽ hướng dẫn bạn ba cách để bạn có thể thêm chức năng Google Maps vào trang web của mình. Chúng tôi sẽ bắt đầu với các plugin, chuyển sang thêm bản đồ theo cách thủ công và kết thúc mọi thứ bằng cách xem các chủ đề. Hãy bắt tay ngay vào vấn đề

1. Cài đặt Plugin Google Maps cho WordPress

Google Maps là một tính năng rất phổ biến để đưa vào các trang web, do đó, không có gì ngạc nhiên khi nhiều plugin Google Maps dành cho WordPress đã có sẵn

Ví dụ: với WP Google Maps, bạn có thể thêm bản đồ vào các trang của mình bằng cách sử dụng mã ngắn. Hơn nữa, plugin này cũng cung cấp cho bạn các tùy chọn để tùy chỉnh điểm đánh dấu bản đồ, chọn trong số một số chủ đề cho bản đồ của bạn, v.v.

Khóa api bản đồ google wordpress

Theo ý kiến ​​của chúng tôi, WP Go Maps là một trong những lựa chọn tốt nhất của bạn, vì nó cũng hỗ trợ các tính năng nâng cao như khả năng tương thích với nhiều plugin bộ đệm WordPress và Mạng phân phối nội dung (CDN)

Tuy nhiên, có những plugin khác bạn có thể sử dụng. WD Google Maps là một lựa chọn chắc chắn. Plugin này hỗ trợ nhiều điểm đánh dấu, cung cấp bản đồ thân thiện với thiết bị di động và cung cấp một số cài đặt tùy chỉnh

Khóa api bản đồ google wordpress

Khi bạn thêm bản đồ mới bằng WD Google Maps, plugin sẽ hướng dẫn bạn thực hiện quy trình bằng trình tạo trực quan, bao gồm các tính năng xem trước tích hợp

Cuối cùng, Google Maps Widget cũng là một trong những plugin Google Maps cho WordPress tốt hơn. Plugin cụ thể này rất dễ cài đặt. Nó cũng cho phép bạn thêm các bản đồ có kích thước hình thu nhỏ vào thanh bên hoặc chân trang WordPress của bạn, mà khách truy cập có thể mở rộng bằng một cú nhấp chuột

Khóa api bản đồ google wordpress

Đây là một công cụ hữu ích nếu bạn thiếu không gian trên trang web của mình, vì bạn có thể đặt các widget ở hầu hết mọi nơi

Tuy nhiên, đối với các trang web kinh doanh, chúng tôi muốn bao gồm các bản đồ có kích thước đầy đủ hơn vì chúng khó bỏ qua hơn. Với ý nghĩ đó, hãy nói về cách sử dụng plugin WP Google Maps

Trước tiên, hãy truy cập trang tổng quan WordPress của bạn và điều hướng đến tab Plugin › Thêm mới . Sử dụng thanh tìm kiếm để tìm plugin WP Google Maps. Khi bạn thấy nó xuất hiện trong số các kết quả, hãy nhấp vào nút Cài đặt ngay ngay bên cạnh nó

Khóa api bản đồ google wordpress

Kích hoạt plugin và một tab mới có tên Bản đồ sẽ xuất hiện trong trang tổng quan của bạn. Nếu bạn nhấp vào nó, plugin sẽ hiển thị một trang giới thiệu ngắn gọn. Tuy nhiên, bạn có thể nhấn vào nút Bỏ qua phần giới thiệu và tạo bản đồ để chuyển ngay vào đó

Khóa api bản đồ google wordpress

Trên trang tiếp theo, plugin sẽ thông báo cho bạn rằng nó cần khóa Google API để hoạt động. Hãy tiếp tục và nhận khóa của bạn bằng cách nhấp vào liên kết Tạo khóa API ngay bây giờ

Khóa api bản đồ google wordpress

Google sẽ yêu cầu bạn đồng ý với các điều khoản của Google trước khi bạn có thể tạo ứng dụng và nhận khóa API. Khi bạn đồng ý, Google sẽ thiết lập một dự án mới cho bạn và bạn có thể tạo khóa API ngay lập tức

Khóa api bản đồ google wordpress

Chúng tôi đang ẩn khóa API ở đây, vì bạn không bao giờ được chia sẻ khóa của mình với người khác. Rốt cuộc, nó được liên kết với tài khoản của bạn và bạn không muốn người khác lạm dụng nó. Khóa API của bạn sẽ là sự kết hợp dài của các chữ cái và số. Khi bạn đã có nó, hãy quay lại trang tổng quan của bạn và dán nó vào nơi plugin nhắc bạn

Khóa api bản đồ google wordpress

Bạn sẽ thấy một thông báo thành công và bây giờ bạn có thể bắt đầu làm việc trên bản đồ đầu tiên của mình

Khóa api bản đồ google wordpress

Như bạn có thể thấy ở trên, plugin có quyền tự do thiết lập bản đồ thử nghiệm cho bạn, bạn có thể chỉnh sửa và sử dụng bản đồ này trên trang web của mình. Để làm điều đó, hãy nhấp vào nút Chỉnh sửa dưới tên của bản đồ. Bây giờ, plugin sẽ yêu cầu bạn chọn nền tảng nào sẽ cung cấp năng lượng cho bản đồ của bạn. Chọn tùy chọn Google Maps

Khóa api bản đồ google wordpress

Điều đầu tiên bạn cần làm là đặt tên cho bản đồ của mình. Sau đó, bạn có thể thay đổi chiều rộng và chiều cao của nó. Chiều rộng mặc định là 100% sẽ tự động tạo bản đồ chia tỷ lệ theo độ phân giải trang web của bạn, vì vậy, đây hầu như luôn là tùy chọn tốt nhất

Khóa api bản đồ google wordpress

Bạn cũng sẽ thấy một tùy chọn để sửa đổi mức thu phóng ban đầu của bản đồ và quyết định loại bố cục mà nó sẽ hiển thị. Ví dụ: bạn có thể sử dụng lộ trình cổ điển hoặc bản đồ địa hình. Trong hầu hết các trường hợp, tùy chọn đầu tiên là tùy chọn tốt nhất vì nó hữu ích nhất cho khách truy cập của bạn

Tiếp theo, cuộn xuống phần Điểm đánh dấu . Tại đây, bạn có thể chỉ định vị trí nào bạn muốn bản đồ của mình hiển thị bằng cách nhập tọa độ GPS của vị trí đó. Bạn cũng có thể di chuyển xung quanh bản đồ sang bên phải và nhấp chuột phải vào bất kỳ vị trí nào bạn muốn đánh dấu

Khóa api bản đồ google wordpress

Bên dưới cài đặt Địa chỉ/GPS của điểm đánh dấu, cũng có các tùy chọn để thêm hoạt ảnh đơn giản vào bản đồ. Ví dụ: bạn có thể thêm một độ nảy nhỏ vào điểm đánh dấu của mình khi tải bản đồ, đây có thể là một điểm nhấn thú vị. Bạn cũng có thể định cấu hình Google Map của mình để hiển thị hộp bật lên bên cạnh điểm đánh dấu của bạn, hộp này sẽ đánh vần địa chỉ đầy đủ của nó

Khi bạn đã sẵn sàng, hãy nhấp vào nút Lưu điểm đánh dấu và trang sẽ tải lại. Sau đó, nhấn vào nút Lưu bản đồ ở giữa màn hình và plugin sẽ lưu tất cả các thay đổi của bạn

Bạn có thể nhúng WordPress Google Maps mà bạn tạo bằng plugin này bằng cách dán mã ngắn của họ vào bất kỳ đâu trên trang web của bạn. Bạn có thể tìm thấy các mã ngắn đó trong tab Bản đồ trong trang tổng quan của mình, ở bên phải của mỗi mục nhập

Khóa api bản đồ google wordpress

Với tất cả những điều đã làm, bạn vừa thêm thành công Google Map đầu tiên của mình vào WordPress. Với plugin này, bạn có thể tạo bao nhiêu bản đồ tùy thích

2. Sử dụng tính năng nhúng của Google Maps

Nếu bạn không muốn sử dụng plugin để tạo WordPress Google Maps, thay vào đó bạn có thể thực hiện theo lộ trình thủ công. Có các tính năng nhúng tích hợp mà bạn có thể sử dụng để đặt Google Maps trong WordPress. Tuy nhiên, một cách tiếp cận dễ dàng hơn nhiều là sử dụng dịch vụ cho phép bạn tạo mã nhúng cho Google Maps một cách nhanh chóng

Nhúng Google Map là một ví dụ hoàn hảo. Nó cho phép bạn tra cứu địa chỉ bằng giao diện mặc định của Google Maps, đồng thời điều chỉnh kích thước và mức thu phóng mà bạn muốn bản đồ của mình sử dụng

Khóa api bản đồ google wordpress

Khi bạn đã định cấu hình một số cài đặt này, bạn có thể nhấp vào nút Nhận mã HTML và trang web sẽ tạo một đoạn mã HTML mà bạn có thể thêm vào trang web của mình

Khóa api bản đồ google wordpress

Hãy tiếp tục và sao chép mã đó ngay bây giờ, sau đó quay lại bảng điều khiển WordPress của bạn. Tiếp theo, mở trình chỉnh sửa cho bất kỳ trang nào bạn muốn thêm bản đồ Google của mình vào. Chọn tab Văn bản hỗ trợ mã HTML

Khóa api bản đồ google wordpress

Dán mã vào bất cứ nơi nào bạn muốn bản đồ của mình xuất hiện trên trang. Sau đó, lưu các thay đổi của bạn và xem trang của bạn ở giao diện người dùng

Khóa api bản đồ google wordpress

Nhược điểm của phương pháp này là bạn sẽ cần tạo mã nhúng mới cho mỗi bản đồ mà bạn muốn thêm vào trang web của mình. Ngoài ra, sau khi thêm bản đồ qua HTML, bạn sẽ có thể nhìn thấy bản đồ đó trong tab Trực quan của trình chỉnh sửa của mình

Khóa api bản đồ google wordpress

Điều này sẽ cho phép bạn tiếp tục làm việc trên các trang của mình mà không phải thực hiện mọi thao tác bằng Trình chỉnh sửa văn bản

3. Thêm bản đồ thông qua chủ đề WordPress của bạn

WordPress Google Maps đủ phổ biến để thậm chí có một số chủ đề cho phép bạn thêm chúng vào trang web của mình bằng chức năng tích hợp. Điều này có nghĩa là với chủ đề WordPress phù hợp, bạn sẽ không cần sử dụng plugin hoặc thêm mã HTML vào trang web của mình

Tuy nhiên, việc tìm kiếm một chủ đề hỗ trợ tính năng này có thể yêu cầu một chút công việc. Trong hầu hết các trường hợp, chỉ các chủ đề cao cấp mới bao gồm tùy chọn này, vì vậy phương pháp này có thể yêu cầu bạn chi một ít tiền. Tuy nhiên, nếu bạn đang mua một chủ đề cao cấp, có lẽ bạn không làm điều đó chỉ vì nó hỗ trợ WordPress Google Maps

Nếu bạn không biết bắt đầu tìm kiếm từ đâu, các chủ đề WordPress đa năng có lẽ là điểm dừng chân đầu tiên của bạn. Các loại chủ đề này có càng nhiều tính năng càng tốt, vì vậy bạn có thể sử dụng chúng để xây dựng bất kỳ loại trang web nào mà bạn có thể tưởng tượng

Một trong những chủ đề đa năng phổ biến nhất được gọi là Divi. Chủ đề này cung cấp một số lợi thế, bao gồm trình tạo trang trực quan tích hợp sẵn của riêng nó

Khóa api bản đồ google wordpress

Khi bạn tạo các trang bằng Trình tạo Divi, bạn có thể chia chúng thành các hàng và cột. Sau đó, bạn có thể thêm các mô-đun cụ thể trong khoảng trống kết quả

Khóa api bản đồ google wordpress

Một trong những mô-đun trong ảnh chụp màn hình ở trên được gọi là Bản đồ. Nhấp vào nó và chủ đề sẽ yêu cầu bạn nhập khóa Google API của bạn

Khi bạn dán khóa API của mình vào, bạn có thể chọn vị trí đặt bản đồ của mình và thêm bao nhiêu điểm đánh dấu tùy thích vào đó

Khóa api bản đồ google wordpress

Các ví dụ khác về các chủ đề hỗ trợ WordPress Google Maps bao gồm Travelmatic, Estato và Reales WP. Đây là một tính năng rất phổ biến trong số các chủ đề tập trung vào du lịch và bất động sản, nhưng bạn có thể thấy tính năng này có sẵn cho các loại chủ đề khác nếu bạn tìm kiếm xung quanh

Tìm hiểu những gì bạn có thể làm với WordPress

Cách đăng nhập vào WordPress
2 phương pháp thêm biểu tượng menu WordPress
Cách lên lịch đăng bài trong WordPress
Cách quản lý vai trò và quyền của người dùng trong WordPress
Cách cài đặt lại WordPress
Cách thêm nút thích Facebook vào WordPress
Cách cài đặt WordPress trên tên miền phụ
Hướng dẫn về Favicon WordPress

Phần kết luận

Không có cách nào tốt hơn để chia sẻ địa chỉ trên trang web của bạn bằng cách sử dụng bản đồ trực tuyến tương tác. Google Maps cho phép mọi người tìm ra cách đi đến vị trí của bạn từ bất kỳ đâu, điều đó có nghĩa là họ sẽ có nhiều khả năng ghé thăm bạn hơn. Ngoài ra, việc thêm Google Maps vào WordPress rất đơn giản vì có một số cách dễ dàng để thực hiện

Bạn có bất kỳ câu hỏi nào về cách sử dụng WordPress Google Maps trên trang web của mình không?

Khai thác tối đa trang web WordPress của bạn với dịch vụ lưu trữ web được quản lý hoàn toàn và được tối ưu hóa cho WordPress. Mua dịch vụ lưu trữ WordPress

Tác giả

sẽ M

Will Morris là một nhà văn nhân viên tại WordCandy. Khi anh ấy không viết về WordPress, anh ấy thích trình diễn hài độc thoại của mình trên mạng địa phương

Khóa API Google Maps trong WordPress ở đâu?

Tạo khóa API của bạn . Để biết thêm thông tin về Tiện ích Bắt đầu Nhanh, hãy xem Giới thiệu về Tiện ích Bắt đầu Nhanh. "Credentials" page of the Google Cloud Console, where you can generate an API key for your project. For more information about the Quick Start Widget, see About the Quick Start Widget.

Khóa API cho Google Maps có miễn phí không?

Bạn sẽ không bị tính phí cho đến khi mức sử dụng của bạn vượt quá $200 trong một tháng . Lưu ý rằng Maps Embed API, Maps SDK dành cho Android và Maps SDK dành cho iOS hiện không có giới hạn sử dụng và không tính phí (việc sử dụng API hoặc SDK không được áp dụng cho khoản tín dụng hàng tháng $200 của bạn).