Bagi kafe, klinik, studio atau gerai pasar, halaman di sebalik pautan profil mempunyai satu tugas yang lebih penting daripada yang lain, iaitu membantu orang datang ke lokasi anda. Terdapat tiga cara untuk meletakkan peta pada halaman Digily Link. Pilihan yang sesuai bergantung pada pelan anda dan sama ada anda mahu memaparkan peta atau menyediakan butang yang terus memulakan navigasi.
Pilihan 1. Butang arah yang membuka aplikasi Maps
Kaedah ini tersedia pada semua pelan, termasuk Free, dan sebenarnya paling berguna kepada kebanyakan pelawat. Tiada siapa mahu mencubit dan mengezum peta pada telefon. Mereka hanya mahu mengetik "Dapatkan arah" dan terus memulakan navigasi.
- Buka Google Maps, cari perniagaan anda, ketik Kongsi dan salin pautan.
- Dalam papan pemuka, cipta pautan pendek dengan alamat tersebut sebagai destinasi, kemudian aktifkan "buka aplikasi secara automatik pada peranti mudah alih". Digily Link mengenali pautan Google Maps dan Waze. Jadi, pada telefon yang sudah memasang aplikasi berkenaan, pautan pendek akan terus membuka navigasi. Panduan tentang pautan mendalam menerangkan sebab ciri ini penting.
- Tambahkan blok pautan pada halaman anda, tampalkan pautan pendek tersebut dan namakannya "Dapatkan arah".
Oleh sebab butang itu menghala ke pautan pendek, setiap ketikan direkodkan dalam statistik. Anda juga boleh menukar destinasi jika perniagaan berpindah.
Pilihan 2. Peta terbenam dengan blok iframe
Blok iframe tersedia pada pelan Starter dan Pro, serta memaparkan peta terus pada halaman.
- Dalam Google Maps, cari lokasi berkenaan, buka Kongsi dan beralih ke tab "Benamkan peta".
- Salin HTML yang dipaparkan oleh Google. Anda hanya memerlukan alamat di dalam src="...", yang bermula dengan https://www.google.com/maps/embed. Jika lebih mudah, tampalkan seluruh petikan kod ke dalam Penghurai URL untuk mendapatkan alamat tersebut.
- Tambahkan blok iframe pada halaman, tampalkan alamat itu sebagai URL dan tetapkan ketinggian kira-kira 300 piksel.
Letakkan butang arah daripada pilihan 1 betul-betul di bawah peta. Peta menunjukkan lokasi anda, manakala butang membantu orang sampai ke sana.
Pilihan 3. HTML tersuai untuk peta responsif
Blok HTML tersuai tersedia pada pelan Pro dan memberi anda kawalan penuh, termasuk menghasilkan peta yang mengekalkan nisbahnya pada semua saiz skrin. Tampalkan kod berikut ke dalam blok dan gantikan YOUR_EMBED_URL dengan alamat daripada tab "Benamkan 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. 56,25% menghasilkan segi empat tepat 16:9, 75% menghasilkan peta 4:3 yang lebih hampir kepada bentuk segi empat sama, manakala 100% menghasilkan segi empat sama. Atribut loading="lazy" menghalang peta daripada memperlahankan halaman sebelum pelawat menatal kepadanya. Jika anda menampal kod dari tempat lain, kemaskannya dahulu menggunakan Pemampat minimum HTML supaya pemisah baris yang terselit tidak merosakkan blok.
Pilihan yang patut digunakan
| Keperluan anda | Gunakan | Pelan |
|---|---|---|
| Navigasi bermula dengan satu ketikan | Butang arah dengan pautan aplikasi | Free dan ke atas |
| Peta dipaparkan pada halaman | Blok iframe | Starter dan Pro |
| Peta dengan bentuk dan gaya tersuai | Blok HTML tersuai | Pro |
| Beberapa lokasi | Satu tajuk dan satu butang arah bagi setiap lokasi, atau Google My Map tersuai yang dibenamkan menggunakan pilihan 2 atau 3 | Bergantung pada blok yang digunakan |
Petua untuk perniagaan setempat
- Letakkan poskod dalam blok perenggan di atas peta untuk pelawat yang lebih suka menaipnya ke dalam aplikasi mereka sendiri.
- Tambahkan blok waktu operasi, yang tersedia pada pelan Free, supaya pelawat tahu sama ada mereka boleh bertolak sekarang.
- Gunakan hanya satu peta pada setiap halaman. Dua peta terbenam menggandakan masa pemuatan tetapi hanya memberi sedikit manfaat tambahan.
- Cetak kod QR halaman untuk dipaparkan pada tingkap dan risalah. Susun atur halaman lokasi diterangkan dalam panduan pautan dalam bio untuk perniagaan kecil.
- Uji butang arah dari dalam Instagram pada iPhone dan telefon Android. Penyemak ubah hala URL menunjukkan tindakan pautan pendek apabila dibuka pada komputer meja.
Gerai sementara, pasar dan acara
Gerai yang berpindah setiap hujung minggu tidak memerlukan peta baharu setiap kali. Kekalkan butang arah yang menghala ke pautan pendek, kemudian tukar destinasinya pada hari Jumaat kepada tapak gerai untuk hujung minggu tersebut. Alamat pada halaman, kod QR pada kain rentang dan pautan profil tidak perlu berubah. Pada pelan Starter dan Pro, pautan pendek juga boleh dijadualkan. Dengan itu, lokasi hari Sabtu boleh bertukar kepada lokasi hari Ahad pada tengah malam tanpa perlu seseorang mengingatinya. Tambahkan blok perenggan yang menyatakan tarikh dan poskod untuk mereka yang suka merancang lebih awal.
Apple Maps dan Waze
Pautan aplikasi mengenali alamat Google Maps dan Waze. Bagi pengguna iPhone yang memilih Apple Maps, pautan biasa ke maps.apple.com yang mengandungi alamat akan membuka Apple Maps pada iPhone dan peta web pada peranti lain. Ini kerana pautan Apple sendiri berfungsi sedemikian tanpa sebarang tetapan. Dua butang, "Google Maps" dan "Apple Maps", merangkumi hampir semua telefon di Malaysia, manakala jumlah klik menunjukkan pilihan yang benar-benar digunakan oleh pelawat anda.
Soalan lazim
Adakah saya memerlukan kunci API Google Maps?
Tidak. Petikan kod "Benamkan peta" dan pautan perkongsian boleh digunakan secara percuma tanpa sebarang kunci. Kunci API hanya diperlukan oleh pembangun yang membina aplikasi peta mereka sendiri.
Bolehkah saya memaparkan lebih daripada satu pin?
Cipta peta tersuai dalam Google My Maps yang mengandungi semua lokasi anda, kongsikannya secara terbuka, kemudian gunakan alamat benamannya dalam blok iframe atau HTML tersuai.
Adakah peta terbenam akan memperlahankan halaman?
Sedikit. Itulah sebabnya kod di atas menggunakan pemuatan malas. Pada halaman yang bertujuan membantu orang datang ke lokasi anda, butang arah lebih penting daripada paparan peta.
Bolehkah saya melakukannya dengan pelan Free?
Ya untuk butang arah. Blok iframe memerlukan Starter, manakala blok HTML tersuai memerlukan Pro. Halaman pelan menyenaraikan semua yang disertakan dalam setiap pelan.
Bagaimana jika perniagaan saya berpindah lokasi?
Tukar destinasi pautan pendek di sebalik butang arah dan gantikan alamat benaman. Tiada bahan bercetak yang perlu diubah.
Semakan akhir
- Butang arah membuka aplikasi Maps pada telefon dan halaman peta pada komputer meja.
- Peta terbenam menunjukkan pin yang betul dan memenuhi lebar halaman pada telefon.
- Poskod dan waktu operasi dipaparkan pada halaman.
- Halaman hanya mempunyai satu peta.
- Anda sudah mengujinya dari dalam Instagram, bukan melalui pelayar sahaja.
