Untuk kafe, klinik, studio, atau lapak pasar, halaman di balik tautan profil punya satu tugas yang lebih penting daripada yang lain, yaitu membantu orang datang ke lokasi. Ada tiga cara menambahkan peta ke halaman Digily Link. Pilihan yang tepat bergantung pada paket Anda dan apakah Anda ingin menampilkan peta atau menyediakan tombol untuk memulai navigasi.
Opsi 1. Tombol petunjuk arah yang membuka aplikasi Maps
Cara ini tersedia di semua paket, termasuk Free, dan paling sesuai dengan kebutuhan sebagian besar pengunjung. Orang biasanya tidak ingin mencubit layar dan memperbesar peta di ponsel. Mereka cukup mengetuk "Petunjuk arah" dan berharap navigasi langsung dimulai.
- Buka Google Maps, cari bisnis Anda, ketuk Bagikan, lalu salin tautannya.
- Di dasbor, buat short link dengan alamat tersebut sebagai tujuan, lalu aktifkan "auto open app on mobile". Digily Link mengenali tautan Google Maps dan Waze. Jadi, jika aplikasinya terpasang di ponsel, short link akan langsung membuka navigasi. Panduan tentang deep linking menjelaskan mengapa fitur ini penting.
- Tambahkan blok tautan ke halaman Anda, tempel short link tersebut, lalu beri label "Petunjuk arah".
Karena tombol mengarah ke short link, setiap ketukan akan tercatat dalam statistik. Anda juga bisa mengganti tujuannya jika pindah lokasi.
Opsi 2. Peta tersemat dengan blok iframe
Blok iframe tersedia dalam paket Starter dan Pro serta menampilkan peta langsung di halaman.
- Di Google Maps, cari lokasinya, buka menu Bagikan, lalu pilih tab "Sematkan peta".
- Salin HTML yang ditampilkan Google. Anda hanya memerlukan alamat di dalam src="...", yang diawali dengan https://www.google.com/maps/embed. Jika ingin lebih mudah mengambil alamatnya, tempel seluruh cuplikan tersebut ke Pengurai URL.
- Tambahkan blok iframe ke halaman, tempel alamat tersebut sebagai URL, lalu atur tingginya menjadi sekitar 300 piksel.
Tempatkan tombol petunjuk arah dari opsi 1 tepat di bawah peta. Peta menunjukkan lokasi Anda, sedangkan tombol membantu pengunjung mencapainya.
Opsi 3. HTML khusus untuk peta responsif
Blok HTML khusus tersedia dalam paket Pro dan memberi Anda kendali penuh, termasuk kemampuan membuat peta yang mempertahankan proporsinya di setiap ukuran layar. Tempel kode berikut ke dalam blok, lalu ganti YOUR_EMBED_URL dengan alamat dari tab "Sematkan peta".
<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>
Nilai padding-bottom menentukan bentuk peta. Nilai 56,25% menghasilkan bidang 16:9, 75% menghasilkan peta 4:3 yang lebih mendekati persegi, dan 100% menghasilkan peta berbentuk persegi. Atribut loading="lazy" mencegah peta memperlambat halaman sebelum pengunjung menggulir ke bagian tersebut. Jika Anda menempelkan kode dari tempat lain, rapikan terlebih dahulu dengan Peminifikasi HTML agar pemisah baris yang tidak semestinya tidak merusak blok.
Opsi mana yang sebaiknya dipilih
| Yang Anda inginkan | Gunakan | Paket |
|---|---|---|
| Navigasi dimulai dengan sekali ketuk | Tombol petunjuk arah dengan penautan aplikasi | Free dan paket di atasnya |
| Peta terlihat di halaman | Blok iframe | Starter dan Pro |
| Peta dengan bentuk dan tampilan khusus | Blok HTML khusus | Pro |
| Beberapa lokasi | Satu judul dan satu tombol petunjuk arah untuk setiap lokasi, atau Google My Map khusus yang disematkan dengan opsi 2 atau 3 | Bergantung pada blok yang digunakan |
Tips untuk bisnis lokal
- Masukkan kode pos dalam blok paragraf di atas peta untuk pengunjung yang lebih suka mengetikkannya ke aplikasi mereka sendiri.
- Tambahkan blok jam operasional, yang tersedia dalam paket Free, agar pengunjung tahu apakah mereka bisa berangkat sekarang.
- Gunakan satu peta saja per halaman. Dua peta tersemat menggandakan waktu pemuatan, tetapi manfaat tambahannya sangat sedikit.
- Cetak kode QR halaman untuk dipasang di jendela dan selebaran. Susunan halaman lokasi dapat dilihat dalam panduan link in bio untuk bisnis kecil.
- Uji tombol petunjuk arah dari dalam Instagram menggunakan iPhone dan ponsel Android. Pemeriksa pengalihan URL menunjukkan cara kerja short link dari komputer.
Pop-up, pasar, dan acara
Lapak yang berpindah lokasi setiap akhir pekan tidak memerlukan peta baru setiap kali. Arahkan tombol petunjuk arah ke short link, lalu pada hari Jumat ubah tujuannya ke lokasi lapak untuk akhir pekan tersebut. Alamat di halaman, kode QR pada spanduk, dan tautan profil tidak perlu berubah. Dalam paket Starter dan Pro, short link juga dapat dijadwalkan. Dengan begitu, lokasi hari Sabtu bisa berganti ke lokasi hari Minggu tepat tengah malam tanpa perlu ada orang yang mengingatnya. Tambahkan blok paragraf berisi tanggal dan kode pos untuk pengunjung yang ingin merencanakan perjalanan lebih awal.
Apple Maps dan Waze
Penautan aplikasi mengenali alamat Google Maps dan Waze. Untuk pengguna iPhone yang lebih memilih Apple Maps, tautan biasa ke maps.apple.com yang memuat alamat akan membuka Apple Maps di iPhone dan peta web di perangkat lain. Hal ini terjadi karena tautan Apple memang bekerja demikian tanpa pengaturan tambahan. Dua tombol, "Google Maps" dan "Apple Maps", mencakup hampir semua ponsel di Indonesia, sedangkan jumlah klik akan menunjukkan mana yang benar-benar digunakan oleh pengunjung Anda.
Pertanyaan umum
Apakah saya memerlukan kunci API Google Maps?
Tidak. Cuplikan "Sematkan peta" dan tautan berbagi dapat digunakan secara gratis tanpa kunci. Kunci API hanya diperlukan oleh pengembang yang membuat aplikasi peta sendiri.
Bisakah saya menampilkan lebih dari satu pin?
Buat peta khusus di Google My Maps yang memuat semua lokasi Anda, bagikan secara publik, lalu gunakan alamat sematannya dalam blok iframe atau HTML khusus.
Apakah peta yang disematkan membuat halaman lebih lambat?
Sedikit. Itulah sebabnya kode di atas memuat peta secara lazy. Untuk halaman yang bertujuan membantu orang datang ke lokasi, tombol petunjuk arah lebih penting daripada gambar peta.
Bisakah saya melakukannya dengan paket Free?
Untuk tombol petunjuk arah, bisa. Blok iframe memerlukan Starter, sedangkan blok HTML khusus memerlukan Pro. Halaman paket mencantumkan semua fitur yang tersedia dalam setiap paket.
Bagaimana jika bisnis saya pindah lokasi?
Ubah tujuan short link di balik tombol petunjuk arah, lalu ganti alamat sematan. Semua materi yang sudah dicetak tidak perlu diubah.
Pemeriksaan akhir
- Tombol petunjuk arah membuka aplikasi Maps di ponsel dan halaman peta di komputer.
- Peta tersemat menampilkan pin yang benar dan lebarnya sesuai dengan halaman saat dibuka di ponsel.
- Kode pos dan jam operasional tercantum di halaman.
- Halaman hanya memuat satu peta.
- Anda sudah mengujinya dari dalam Instagram, bukan hanya melalui browser.
