Chèn Google maps vào web là một trong những cách thức cung cấp thông tin địa lý trực quan, chuyên nghiệp cho khách hàng của bạn. Dựa theo địa chỉ này, khách hàng sẽ tìm thấy địa điểm dễ dàng hơn, gia tăng thêm sự uy tín cho doanh nghiệp, cải thiện trải nghiệm người dùng trên trang.
Tại sao nên chèn Google maps vào web?
Google maps là ứng dụng miễn phí được phát triển bởi Google, hỗ trợ người dùng tìm kiếm các địa điểm, tạo lập kế hoạch quảng bá online hiệu quả. Ứng dụng này có lượt dùng cao, mức độ phổ biến trên toàn thế giới và hiện nay được tích hợp vào đa dạng nền tảng để gia tăng sự tiện lợi cho người dùng.
Trong quá trình thiết kế website bất động sản, đông đảo doanh nghiệp lựa chọn nhúng Google maps vào footer hoặc trang liên hệ (contact) để giúp khách hàng chủ động tìm kiếm địa điểm kinh doanh dễ dàng hơn.
Có thể nói, Google maps mang đến nhiều lợi ích to lớn cho website doanh nghiệp như sau:
- Việc hiển thị rõ ràng vị trí trên bản đồ sẽ giúp khách hàng nhanh chóng định vị được cửa hàng, văn phòng hoặc bất kỳ địa điểm nào khác liên quan đến doanh nghiệp của bạn. Khi đó, các công tác liên hệ của họ được cải thiện đáng kể, hiệu quả marketing thương hiệu cũng gia tăng.
- Khi trang web có đầy đủ bản đồ Google maps sẽ thể hiện được sự chuyên nghiệp và đáng tin cậy trong mắt khách hàng. Khách hàng đánh giá cao về sự có mặt của bạn, biết bạn có trụ sở rõ ràng và điều này là cần thiết hơn bao giờ hết trong tiến trình tạo dựng niềm tin nơi người dùng.
- Khách hàng có thể tương tác trực tiếp với bản đồ, phóng to, thu nhỏ và tìm đường đi đến doanh nghiệp, trụ sở hay cửa hàng của bạn.
- Nhúng Google maps đúng cách sẽ giúp cải thiện chất lượng SEO, gia tăng điểm SEO maps để website được các công cụ tìm kiếm gợi ý đến người dùng. Nếu làm tốt, khi người dùng tìm kiếm thông qua từ khóa nhất định, thông tin doanh nghiệp sẽ được hiển thị nổi bật, từ đó thu hút traffic, tạo sự chuyển đổi ổn định cho doanh nghiệp của bạn.
Tìm hiểu thêm: Tạo địa điểm trên Google Map
Hướng dẫn cách chèn code Google maps đơn giản
Việc chèn code Google map vào website thực hiện khá đơn giản và chúng ta có nhiều cách thức khác nhau. Dưới đây Bdsweb – Công ty thiết kế website bất động sản uy tín sẽ hướng dẫn bạn 3 cách tiến hành. Trước tiên, bạn cần tạo cho doanh nghiệp một Google maps API Key thì các cách sau mới có thể thành công.
Các bước tạo API Key như sau:
Bước 1: Truy cập link “https://console.developers.google.com/”.
Bước 2: Chọn vào mục “Select a project” để bắt đầu thiết lập dự án mới. Tiến hành điền các thông tin mà hệ thống yêu cầu, rồi nhấn nút Create để tạo.
Bước 3: Dự án mới được tạo sẽ hiển thị ra trong trình quản lý, bạn nhấn vào danh mục dự án đó, chọn lần lượt Credentials -> Create Credentials -> API Key.
Bước 4: Trong ô Your API Key sẽ xuất hiện key của bạn. Bạn cần lưu trữ lại thông tin này để sử dụng cho các hạng mục theo yêu cầu. Nên đặt tên API theo tên dự án hoặc website bạn cần nhúng để quản trị hiệu quả hơn.
Bước 5: Tiếp đến tick vào ô Http referrers (web sites), nhập tên miền website (nhập theo định dạng *.your-domain.com/* và http://your-domain.com/*). Hoàn thành xong thì nhấn Save lưu lại.
Bước 6: Chọn vào mục Library, chọn Enable cho các dòng thông tin như:
- Google Maps JavaScript API
- Google Maps Directions API
- Google Maps Embed API
- Google Maps Geocoding API
- Google Places API Web Service
Bằng cách chọn này, các thư viện API sẽ được kích hoạt, cho phép bạn thao tác cài đặt hay nhúng Maps được dễ dàng hơn.
Bước 7: Quay lại kiểm tra tổng thể thông tin trong Dashboard để xem key API đã tạo lập thành công chưa.
Dưới đây bdsweb sẽ trình bày các cách chèn google map vào web bạn tham khảo nhé.
Chèn Google map bằng plugin WordPress
Nhúng Google maps bằng plugin luôn là cách thức được nhiều người lựa chọn cho website WordPress. Bạn có thể search trên Google và tìm hiểu về các ứng dụng phổ biến như WP Google Maps, WD Google Maps hay Google Maps Widget. Chúng giúp đơn giản hoá quy trình nhúng mã, cải thiện điểm chất lượng SEO để bản đồ hiển thị rõ nét, đáp ứng các yêu cầu sử dụng cho khách hàng.
Cài đặt với plugin về cơ bản có các bước sau:
- Bước 1: Tải và thêm plugin vào WordPress bằng cách chọn Plugins -> Add New. Chọn plugin bạn muốn rồi nhấn Install Now. Cài đặt thành công, plugin này sẽ xuất hiện trong hệ thống quản trị.
- Bước 2: Click mở plugin để thực hiện thiết lập API key. Thông thường bạn sẽ cần dán mã API mà mình đã tạo được theo hướng dẫn trên vào. Chọn thiết lập đầy đủ các thông tin về Map Types, Markers, Animation là xong.
- Bước 3: Chọn Save để lưu trữ lại toàn bộ thông tin về code Google map này.
Nhúng Google map bằng code Embed
Cách chèn code Google maps HTML sau khi cũng được nhiều nhà phát triển web lựa chọn để hiển thị bản đồ doanh nghiệp.
- Bước 1: Truy cập Embed Google Map theo link: https://www.embed-map.com/. Sau đó nhập địa chỉ doanh nghiệp vào mục Enter Your Address.
- Bước 2: Chọn Get HTML – Code để tạo code google map html.
- Bước 3: Bạn copy đoạn code trên, quay lại phần Dashboard của WordPress. Mở trình soạn thảo bài viết, ở phần text dán đoạn code vào và lưu thay đổi.
- Bước 4: Kiểm tra website hiển thị Google maps chưa.
Sử dụng WordPress Theme để chèn Google map
Cách này sẽ tiến hành ngay từ bước đầu - bước bạn chọn giao diện themes WordPress để tạo lập website. Hiện nay với các bản trả phí, chúng ta sẽ nhanh chóng tìm được mẫu themes có tích hợp sẵn maps trên website. Với cách này, bạn không cần tải về plugin hoặc dùng code embed mà vẫn có thể hiển thị thông tin doanh nghiệp một cách chuyên nghiệp.
Trên đây là các cách nhúng Google map vào web đơn giản. Mặc dù các bước tiến hành được mô tả đơn giản nhưng với những ai không có nhiều kinh nghiệm, hoặc mới bắt đầu sẽ cảm thấy bỡ ngỡ. Trường hợp này, bạn nên nhờ đến các đơn vị thiết kế website hỗ trợ mình. Không chỉ giúp thiết lập bản đồ đúng cách, hiển thị đúng địa chỉ mà các đơn vị chuyên nghiệp còn giúp bạn xây dựng bố cục website chỉn chu, tối ưu SEO chuẩn để bạn khởi đầu nền tảng marketing online thật chắc chắn.
Hy vọng các thông tin bài viết hữu ích với bạn!
