Google Map là gì? Lý do cần chèn nó vào website? Và cách nhúng Google Maps vào Website WordPress như thế nào? Cùng Halomedia tìm hiểu qua bài viết dưới đây. Show
Mục lục Google Map là gì?Google Maps là phần mềm chỉ dẫn đường trực tuyến thay cho các loại bản đồ giấy thông thường. Google Maps là con đẻ của công ty Google, được xây dựng và phát triển với chi phí đầu tư khổng lồ phải chi ra để thuê vệ tinh chụp hình bản đồ thế giới và liên tục cập nhật vị trí địa lý Trái Đất.  Hiện nay, Google Maps là công cụ được sử dụng nhiều bởi những tính năng mà nó mang lại cho người dùng. Các doanh nghiệp cũng ứng dụng trong việc kinh doanh trực tuyến. Vậy lợi ích khi chèn Google Maps vào Website là gì? Cùng chúng tôi tìm hiểu những lý do cần nhúng google maps vào website WordPress nhé! Như đã đề cập ở đầu bài, việc thêm Google Maps sẽ giúp khách hàng tin tưởng hơn vào doanh nghiệp. Còn người dùng thì dùng Google Maps để tra cứu địa điểm mong muốn bởi những tính năng hoàn toàn miễn phí. Sau đây Halomedia sẽ liệt kê một số lý do cần chèn google máp vào website ngay hôm nay:
Những cách chèn Google Maps vào WebsiteCài đặt plugin hỗ trợHiện nay có rất nhiều plugin hỗ trợ việc nhúng Google Maps vào website như: WP Google Map, CP Google Map,..Sau đây là cách chèn google map vào wordpress sử dụng plugin WP Google Map:
Sử dụng tính năng Embed của Google MapsĐể nhúng google maps vào website bạn hãy truy cập vào www.google.com/maps. Sau đó chọn địa chỉ mà bạn muốn nhúng vào website, ví dụ ở đây mình chọn địa điểm là Dinh Độc Lập. Tiếp đến, bạn click vào tính năng Share của Google: Sau khi click sẽ hiện lên cửa sổ, chọn Embed a map, và copy HTML Sau khi copy đoạn code HTML => Vào WordPress Dashboard => Mở editor mà bạn muốn hiển thị bản đồ => Chọn Text => Dán đoạn code vào vị trí cần hiển thị => Lưu lại Như vậy, việc nhúng google maps vào website giúp cho khách hàng biết đến địa chỉ của doanh nghiệp thông qua website đã được Halomedia chia sẻ ở bài viết trên. Ngoài ra còn giúp tăng độ tin tưởng của khách hàng đói với doanh nghiệp của bạn. Yêu thích công nghệ, Marketing, SEO , đặc biệt là WordPress. Thông qua các nội dung chia sẻ hy vọng mạng lại thật nhiều giá trị cho cộng đồng. Website của bạn sẽ càng trở nên chân thực và tin cậy hơn khi sở hữu những thông tin thực. Một trong số những thông tin mang đến "điểm cộng" chân thực cho doanh nghiệp chính là địa điểm. Khách hàng luôn cảm thấy an tâm hơn biết chính xác vị trí của bạn trên Google Maps - bản đồ trực tuyến có lượng người dùng lớn hàng đầu. Qua bài viết sau, Mắt Bão sẽ mách bạn các cách chèn Google Maps vào Website WordPress. MỤC LỤC: Tại sao cần chèn Google Maps vào Website WordPress?Như đã đề cập ở mở đầu, việc thêm Google Maps vào website sẽ khiến khách hàng tin tưởng doanh nghiệp nói chung. Sau đây Mắt Bão sẽ liệt kê một số lý do nữa mà bạn nên thêm Google Maps vào website ngay hôm nay:
Để cụ thể hơn, Mắt Bão sẽ khái quát cho bạn khái niệm về SEO Local là gì? SEO Local là quá trình tối ưu hóa website dựa trên các từ khóa liên quan đến một địa phương, vùng miền cụ thể. Mục đích tăng khả năng nhận diện đối với sự hiện diện của thương hiệu trên Internet khi tìm kiếm thông tin về địa phương đó. Mời bạn tham khảo Video dưới đây để biết cách thêm Google Maps vào Blogger hoặc Website WordPress: Hướng dẫn tạo Google Maps API keyĐầu tiên, chúng ta cần phải có API để có thể sử dụng được Google Maps. Sau đây tôi xin hướng dẫn các bạn các bước tạo Google API để sử dụng cho Google Maps theo tên miên riêng của bạn một cách hiệu quả nhất. Bước 1: Truy cập: https://console.developers.google.com/ Bước 2: Click vào Select a project để tạo mới project. Một project có thể chứa nhiểu API. Một API có thể dùng cho nhiều website, tùy thuộc vào cài đặt của các bạn. Các bước như hình sau: Bước 3: Điền đầy đủ thông tin rồi ấn Create Bước 4: Sau khi Create xong hãy chọn lại project bạn vừa tạo. rồi làm theo các bước khi trong hình Bước 5: Tại đây bạn đã có API mà bạn cần. hãy copy nó để sử dụng. Ấn Restrict Key để tiếp tục cài đặt Bước 6: Tại đây hãy điền tên cho API để sau này bạn biết nó dùng cho web nào hay ứng dụng nào. Chọn Http referrers (web sites) như hình và điền tên miền của bạn vào theo định dạng *.your-domain.com/* và http://your-domain.com/* => sau đó ấn Save để lưu thông tin. Bước 7: Bước này khá quan trọng. Bước này để enable thư viện nào mà API được phép sử dụng. Chúng ta sẽ Enable những như viện sau:
Bước 8: Sau khi Enable xong sang tab Dashboard sẽ được như hình Như vậy, chúng ta đã hoàn tất qui trình khởi tạo Google Maps API, chúc các bạn thành công. Cách chèn Google Maps vào Website WordPressỞ phần này, Mắt Bão sẽ chỉ bạn cách chèn google map vào WordPress với 3 cách khác nhau:
Sử dụng plugin WordPress để chèn Google MapsPlugin WP Google Maps trên WordPress Với WP Google Maps, bạn có thể chèn bản đồ vào trang qua shortcode. Hơn nữa, plugin này cũng giúp bạn tùy chỉnh map markers, thiết kế, thích nghi với các Plugin Cache cũng như CDN. Ngoài ra, Plugin WD Google Maps cũng là lựa chọn xứng đáng với sự chú ý của bạn khi nói về việc thêm Google Maps vào WordPress. Đặc biệt với WD Google Maps, bạn có thể khiến cho bản đồ bạn thêm vào thân thiện trên các thiết bị khác nhau. Một cái tên khác không thể không nhắc đến chính là Google Maps Widget. Plugin nàu giúp thêm bản đồ dưới dạng Thumbnail để chèn vào sidebar hay Footer. Bạn hoàn toàn có thể trải nghiệp hết tất cả các Plugins này để tìm thấy được công cụ phù hợp với nhu cầu của mình. Cách chèn Google Maps vào website WordPress sử dụng Plugin WP Google MapsĐầu tiên bạn cần thêm Plugin này vào WordPress bằng cách vào Plugins › Add New. Hãy tìm kiếm Plugin WP Google Maps, nhấn nút Install Now để cài đặt. Sau khi cài đặt, tại thanh công cụ WordPress bạn sẽ thấy có tab tên Maps. Lúc này bạn đã hoàn toàn có thể cài đặt Google Maps vào website của mình. Sau khi cài đặt Plugin WP Google Maps thành công Ở trang kế tiếp, plugin sẽ thông báo bạn cần một Google API key. Hãy dán API key bạn lấy được ở Mục trên vào nơi plugin yêu cầu. Nơi dán Key API của Google Maps Để chỉnh sửa và sử dụng trên website, nhấn vào nút Edit bên dưới tên map. Giờ plugin sẽ hỏi bạn nền tảng nào bạn muốn dùng bản đồ. Hãy chọn Google Maps. Hãy chọn nền tảng Google Maps Tại đây hãy thiết lập đơn giản Map Types, sử dụng Classic Roadmaps. Sau đó là phần Markers, bạn hoàn toàn có thể di chuyển vị trí của mình dựa vào tọa độ GPS hoặc tự mình đánh dấu trên bản đồ. Sau đó tới phần Animation cho bản đồ. Nếu bạn muốn thêm hiệu ứng nảy lên của bản đồ, hãy dùng hiệu ứng Bounce. Bạn cũng có thể tùy chỉnh bản đồ Google để hiển thị ô pop-up ngay kế bên marker để nhập địa chỉ đầy đủ. Chọn vị trí của doanh nghiệp trên Google Maps Khi bạn đã hoàn tất, nhấn vào nút Save Marker để tải lại trang. Sau đó nhấn nút Save Map chính giữa màn hình, plugin sẽ lưu toàn bộ thay đổi. Bạn cũng có thể nhúng google map vào website bằng cách dán shortcode. Để lấy shortcode của bản đồ, hãy vào trong tab Maps. Bạn sẽ thấy nó ở ngay cạnh tên bản đồ. Như bạn thấy việc sử dụng Plugin WP Google Maps để thêm bản đồ là cực kỳ dễ dàng. Ở phần tiếp theo Mắt Bão sẽ hướng dẫn bạn thêm Google Maps vào Blogger hay Website WordPress bằng Embed. Cách thêm Google Maps vào Blogger hay Website WordPress bằng EmbedBước 1: Bạn có thể dùng Embed Google Map để code bằng giao diện mặc định của Google Maps. Nó sẽ giúp bạn thiết lập kích thước và tỉ lệ. Bạn chỉ cần nhập địa chỉ vào phần Enter Your Address là được. Bạn hoàn toàn có thể gắn Google Maps vào website bằng cách thêm code thông thường Bước 2: Nhấn nút nút Get HTML-Code để site này tạo ra code HTML code snippet của Maps để bạn tự chèn vào website. Bước 3: Copy đoạn code ở trên, sau đó quay lại WordPress dashboard. Rồi mở editor (soạn thảo bài viết) và thêm vào code của bài viết này. Nhấn vào ô Text, dán code HTML của Google Maps vào vị trí cần thiết rồi lưu lại thay đổi: Kiểm tra xem Google Maps đã được nhúng lên website chưa. Nếu có lỗi xảy ra, hãy kiểm tra lại code khi thêm vào để đảm bảo không có lỗi code. Sử dụng WordPress Theme để chèn Google MapsWordPress Google Maps phổ biến đến độ có nhiều themes đã kích hoạt sẵn chức năng này mặc định. Nếu bạn dùng theme đúng, bạn không cần cài plugin hay dùng HTML code để chèn bản đồ. Thường các theme premium đều hỗ trợ tính năng này, nên có thể bạn sẽ mất ít phí. Tuy nhiên các theme này thường có giá thành không rẻ vì chúng còn được tích hợp nhiều tính năng khác. Hãy cân nhắc kỹ trước khi mua theme về sử dụng nhé! Theme WordPress Divi Một trong các theme nổi bật nhất hiện nay có kèm theo tính năng này là Divi. Việc thêm API của Google Maps cũng khá đơn giản, chỉ cần nhập mã API vào và theme sẽ giúp bạn làm phần còn lại. Hy vọng qua bài viết này, Mắt Bão đã có thể sơ lược cho bạn những lý do tại sao website của bạn cần có nhúng Google Maps cũng như đã hướng dẫn thành công cách thêm Google Maps vào website WordPress của bạn. Về mặt kỹ thuật, Mắt Bão vẫn khuyên bạn nên sử dụng các gói Hosting WordPress có bao gồm tư vấn kỹ thuật. Sẽ không có gì tuyệt vời hơn khi mọi nhu cầu chỉnh sửa website của bạn đều có người hỗ trợ và tư vấn kỹ thuật "tận răng" cho mình đúng chứ! |
