Với quán cà phê, phòng khám, studio hay gian hàng ở chợ, nhiệm vụ quan trọng nhất của trang phía sau liên kết hồ sơ là giúp khách tìm đến đúng địa điểm. Digily Link có 3 cách thêm bản đồ. Lựa chọn phù hợp phụ thuộc vào gói bạn đang dùng và việc bạn muốn hiển thị bản đồ hay cung cấp nút mở chỉ đường.
Cách 1. Nút chỉ đường mở ứng dụng Maps
Cách này dùng được với mọi gói, kể cả Free, và cũng là lựa chọn thiết thực nhất với phần lớn khách truy cập. Ít ai muốn chụm ngón tay để thu phóng bản đồ trên điện thoại. Họ thường nhấn "Chỉ đường" và chờ ứng dụng điều hướng mở ra.
- Mở Google Maps, tìm doanh nghiệp của bạn, nhấn Chia sẻ rồi sao chép liên kết.
- Trong bảng điều khiển, tạo một short link với địa chỉ đó làm đích đến rồi bật "tự động mở ứng dụng trên thiết bị di động". Digily Link nhận diện liên kết Google Maps và Waze, vì vậy trên điện thoại đã cài ứng dụng, short link sẽ mở thẳng tính năng điều hướng. Hướng dẫn về deep linking giải thích vì sao điều này quan trọng.
- Thêm một block liên kết vào trang, dán short link rồi đặt nhãn là "Chỉ đường".
Vì nút này trỏ đến một short link, mỗi lượt nhấn đều được ghi nhận trong phần thống kê. Bạn cũng có thể đổi đích đến nếu chuyển địa điểm.
Cách 2. Nhúng bản đồ bằng block iframe
Block iframe có trong các gói Starter và Pro, cho phép hiển thị bản đồ ngay trên trang.
- Trong Google Maps, tìm địa điểm, mở mục Chia sẻ rồi chuyển sang thẻ "Nhúng bản đồ".
- Sao chép đoạn HTML do Google cung cấp. Bạn chỉ cần địa chỉ nằm trong src="…", bắt đầu bằng https://www.google.com/maps/embed. Nếu muốn lấy địa chỉ này dễ hơn, hãy dán toàn bộ đoạn mã vào Trình phân tích URL.
- Thêm một block iframe vào trang, dán địa chỉ đó làm URL rồi đặt chiều cao khoảng 300 pixel.
Đặt nút chỉ đường ở cách 1 ngay bên dưới bản đồ. Bản đồ cho khách biết bạn ở đâu, còn nút sẽ đưa họ đến đó.
Cách 3. Dùng HTML tùy chỉnh cho bản đồ responsive
Block HTML tùy chỉnh có trong gói Pro và cho phép bạn kiểm soát toàn bộ cách hiển thị, bao gồm việc giữ đúng tỷ lệ bản đồ trên mọi kích thước màn hình. Dán đoạn mã sau vào block rồi thay YOUR_EMBED_URL bằng địa chỉ lấy từ thẻ "Nhúng bản đồ".
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px"><iframe src="YOUR_EMBED_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe></div>
Giá trị padding-bottom quyết định hình dạng của bản đồ. 56,25% tạo khung chữ nhật 16:9, 75% tạo bản đồ 4:3 gần vuông hơn, còn 100% tạo hình vuông. Thuộc tính loading="lazy" giúp bản đồ không làm chậm trang trước khi khách cuộn đến phần đó. Nếu sao chép mã từ nơi khác, hãy xử lý trước bằng Trình thu nhỏ HTML để một dấu xuống dòng thừa không làm hỏng block.
Nên chọn cách nào
| Nhu cầu của bạn | Cách sử dụng | Gói |
|---|---|---|
| Bắt đầu điều hướng chỉ với một lần nhấn | Nút chỉ đường có liên kết mở ứng dụng | Free trở lên |
| Hiển thị bản đồ ngay trên trang | Block iframe | Starter và Pro |
| Tùy chỉnh hình dạng và kiểu hiển thị của bản đồ | Block HTML tùy chỉnh | Pro |
| Hiển thị nhiều địa điểm | Mỗi địa điểm có một tiêu đề và một nút chỉ đường, hoặc nhúng Google My Maps tùy chỉnh bằng cách 2 hoặc 3 | Phụ thuộc vào các block được sử dụng |
Mẹo dành cho doanh nghiệp địa phương
- Đặt địa chỉ và mã bưu chính trong một block đoạn văn phía trên bản đồ để khách có thể tự nhập vào ứng dụng họ thường dùng.
- Thêm block giờ hoạt động, có trong gói Free, để khách biết có nên khởi hành ngay hay không.
- Chỉ dùng một bản đồ trên mỗi trang. Hai bản đồ nhúng sẽ làm thời gian tải tăng gấp đôi nhưng không mang lại nhiều lợi ích.
- In mã QR của trang để dán tại cửa hàng và đưa lên tờ rơi. Bạn có thể tham khảo bố cục trang địa điểm trong bài link trong bio cho doanh nghiệp nhỏ.
- Kiểm tra nút chỉ đường từ bên trong Instagram trên cả iPhone và điện thoại Android. Trình kiểm tra chuyển hướng URL cho biết short link hoạt động thế nào trên máy tính.
Gian hàng ngắn hạn, chợ và sự kiện
Một gian hàng thay đổi địa điểm vào mỗi cuối tuần không cần tạo bản đồ mới mỗi lần. Hãy giữ nút chỉ đường trỏ đến một short link rồi đổi đích đến vào thứ Sáu thành vị trí của cuối tuần đó. Địa chỉ trên trang, mã QR trên băng rôn và liên kết hồ sơ đều không thay đổi. Với các gói Starter và Pro, bạn còn có thể lên lịch cho short link để địa điểm thứ Bảy tự chuyển sang địa điểm Chủ nhật lúc nửa đêm mà không cần ai nhớ thao tác. Hãy thêm một block đoạn văn ghi ngày và mã bưu chính cho những khách muốn lên kế hoạch trước.
Apple Maps và Waze
Tính năng mở ứng dụng nhận diện địa chỉ Google Maps và Waze. Với người dùng iPhone thích Apple Maps, một liên kết thông thường đến maps.apple.com có chứa địa chỉ sẽ mở Apple Maps trên iPhone và mở bản đồ web trên thiết bị khác. Liên kết của Apple vốn hoạt động như vậy mà không cần cài đặt thêm. Hai nút "Google Maps" và "Apple Maps" đáp ứng gần như mọi điện thoại tại Việt Nam, còn số lượt nhấp sẽ cho bạn biết khách thực sự dùng lựa chọn nào.
Câu hỏi thường gặp
Tôi có cần khóa API của Google Maps không?
Không. Đoạn mã "Nhúng bản đồ" và liên kết chia sẻ đều được dùng miễn phí, không cần khóa. Khóa API chỉ dành cho các nhà phát triển tự xây dựng ứng dụng bản đồ.
Tôi có thể hiển thị nhiều ghim trên bản đồ không?
Hãy tạo một bản đồ tùy chỉnh trong Google My Maps với tất cả địa điểm của bạn, chia sẻ công khai rồi dùng địa chỉ nhúng trong block iframe hoặc HTML tùy chỉnh.
Bản đồ nhúng có làm trang tải chậm không?
Có, nhưng chỉ một chút. Vì vậy đoạn mã phía trên sử dụng cơ chế tải trì hoãn. Với một trang có nhiệm vụ đưa khách đến địa điểm, nút chỉ đường vẫn quan trọng hơn hình ảnh bản đồ.
Tôi có thể thêm bản đồ khi dùng gói Free không?
Bạn có thể thêm nút chỉ đường. Block iframe yêu cầu gói Starter, còn block HTML tùy chỉnh yêu cầu gói Pro. Trang các gói liệt kê đầy đủ những gì có trong từng gói.
Nếu chuyển địa điểm thì tôi cần làm gì?
Đổi đích đến của short link phía sau nút chỉ đường rồi thay địa chỉ nhúng. Bạn không cần sửa hay in lại bất kỳ nội dung nào.
Kiểm tra lần cuối
- Nút chỉ đường mở ứng dụng Maps trên điện thoại và trang bản đồ trên máy tính.
- Bản đồ nhúng hiển thị đúng ghim và vừa với chiều rộng trang trên điện thoại.
- Địa chỉ, mã bưu chính và giờ mở cửa đã có trên trang.
- Trang chỉ có một bản đồ.
- Bạn đã kiểm tra từ bên trong Instagram, không chỉ bằng trình duyệt.
