Paano idagdag ang Google Maps sa iyong Digily Link page

Para sa isang cafe, klinika, studio, o puwesto sa palengke, may isang napakahalagang trabaho ang page na nasa profile link, tulungan ang mga tao na makarating sa iyong lokasyon. May 3 paraan para maglagay ng mapa sa Digily Link page. Ang tamang piliin ay depende sa iyong plan at kung gusto mong makakita ang mga bisita ng mapa o magkaroon sila ng button na agad magsisimula ng navigation.

Opsyon 1. Directions button na nagbubukas ng Maps app

Gumagana ito sa lahat ng plan, kasama ang Free, at ito rin ang talagang kailangan ng karamihan sa mga bisita. Sa halip na mag-pinch at mag-zoom sa mapa sa telepono, tina-tap nila ang "Kunin ang direksyon" at inaasahang magsisimula agad ang navigation.

1. Buksan ang Google Maps, hanapin ang iyong negosyo, i-tap ang Share, at kopyahin ang link.
2. Sa dashboard, gumawa ng short link gamit ang address na iyon bilang destination, at i-on ang "auto open app on mobile". Nakikilala ng Digily Link ang mga link ng Google Maps at Waze. Kaya sa teleponong may naka-install na app, direktang bubuksan ng short link ang navigation. Ipinapaliwanag sa gabay tungkol sa deep linking kung bakit mahalaga ito.
3. Magdagdag ng link block sa iyong page, i-paste ang short link, at lagyan ito ng label na "Kunin ang direksyon".

Dahil short link ang binubuksan ng button, mabibilang ang mga tap dito sa statistics. Maaari mo ring palitan ang destination kung lilipat ka ng lokasyon.

Opsyon 2. Naka-embed na mapa gamit ang iframe block

Available ang iframe block sa Starter at Pro plans, at ipinapakita nito ang mapa mismo sa page.

1. Sa Google Maps, hanapin ang lugar, buksan ang Share, at lumipat sa tab na "Embed a map".
2. Kopyahin ang HTML na ibibigay ng Google. Ang kailangan mo lang ay ang address sa loob ng src="…", na nagsisimula sa https://www.google.com/maps/embed. Kung mas madali para sa iyo, i-paste ang buong snippet sa Parser ng URL para makuha ang address.
3. Magdagdag ng iframe block sa iyong page, i-paste ang address bilang URL, at itakda ang taas sa humigit-kumulang 300 pixels.

Ilagay kaagad sa ilalim ng mapa ang directions button mula sa opsyon 1. Ipinapakita ng mapa kung nasaan ka, habang tinutulungan ng button ang mga tao na makarating doon.

Opsyon 3. Custom HTML para sa responsive na mapa

Available ang custom HTML block sa Pro plan at nagbibigay ito sa iyo ng ganap na kontrol, kasama ang mapang nagpapanatili ng tamang proporsyon sa anumang laki ng screen. I-paste sa block ang sumusunod at palitan ang YOUR_EMBED_URL ng address mula sa tab na "Embed a map".

<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>

Ang value ng padding-bottom ang nagtatakda ng hugis. Ang 56,25% ay parihabang 16:9, ang 75% ay mas parisukat na 4:3 na mapa, at ang 100% ay ganap na parisukat. Pinipigilan ng attribute na loading="lazy" na pabagalin ng mapa ang page bago mag-scroll ang bisita papunta rito. Kung magpe-paste ka ng code mula sa ibang lugar, ayusin muna ito gamit ang HTML minifier para hindi masira ang block dahil sa ligaw na line break.

Aling opsyon ang dapat piliin

Mga tip para sa mga lokal na negosyo

• Ilagay ang postal code sa isang paragraph block sa itaas ng mapa para sa mga taong mas gustong i-type ito sa sarili nilang app.
• Idagdag ang business hours block, na available sa Free plan, para malaman ng bisita kung maaari na siyang bumiyahe papunta roon.
• Isang mapa lang ang ilagay sa bawat page. Dinodoble ng 2 naka-embed na mapa ang oras ng pag-load kapalit ng napakaliit na pakinabang.
• Mag-print ng QR code ng page para sa iyong bintana at mga flyer. Makikita ang layout para sa page ng isang lokasyon sa gabay tungkol sa link in bio para sa maliliit na negosyo.
• Subukan ang directions button mula mismo sa Instagram gamit ang iPhone at Android phone. Ipinapakita ng Tagasuri ng pag-redirect ng URL kung ano ang ginagawa ng short link sa desktop.

Mga pop-up, pamilihan, at event

Hindi kailangang gumawa ng bagong mapa sa bawat pagkakataon ang puwestong lumilipat tuwing weekend. Panatilihing nakaturo ang directions button sa isang short link, at tuwing Biyernes ay palitan ang destination nito ng puwesto para sa weekend na iyon. Hindi kailangang baguhin ang address sa page, QR code sa banner, at profile link. Sa Starter at Pro plans, maaari ring i-schedule ang short link. Sa ganitong paraan, awtomatikong mapapalitan sa hatinggabi ang lokasyon para sa Sabado ng lokasyon para sa Linggo, nang walang kailangang makaalala na gawin ito. Magdagdag ng paragraph block na may mga petsa at postal code para sa mga gustong magplano nang maaga.

Apple Maps at Waze

Nakikilala ng app linking ang mga address ng Google Maps at Waze. Para sa mga gumagamit ng iPhone na mas gusto ang Apple Maps, awtomatikong bubuksan ng plain link sa maps.apple.com na may kasamang address ang Apple Maps sa iPhone at web map sa ibang device. Ganito gumagana ang sariling mga link ng Apple nang walang kailangang setting. Saklaw ng 2 button na "Google Maps" at "Apple Maps" ang halos lahat ng telepono sa Pilipinas, at ipapakita ng bilang ng mga click kung alin ang talagang ginagamit ng iyong mga bisita.

Mga madalas itanong

Kailangan ko ba ng Google Maps API key?

Hindi. Libreng gamitin ang snippet na "Embed a map" at ang share link, at hindi kailangan ng key. Para lang sa mga developer na gumagawa ng sarili nilang map application ang API key.

Puwede bang higit sa isang pin ang ipakita ko?

Gumawa ng custom na mapa sa Google My Maps na naglalaman ng lahat ng iyong lokasyon, ibahagi ito nang pampubliko, at gamitin ang embed address nito sa iframe o custom HTML block.

Babagal ba ang page dahil sa naka-embed na mapa?

Kaunti, kaya naka-lazy load ang mapa sa code sa itaas. Para sa page na ang layunin ay tulungan ang mga tao na makarating sa isang lokasyon, mas mahalaga ang directions button kaysa sa larawan ng mapa.

Magagawa ko ba ito sa Free plan?

Oo para sa directions button. Kailangan ng Starter para sa iframe block at Pro para sa custom HTML block. Nakalista sa page ng mga plan kung ano ang kasama sa bawat isa.

Ano ang gagawin ko kung lilipat ang negosyo?

Palitan ang destination ng short link sa likod ng directions button, at palitan din ang embed address. Walang kailangang baguhin sa anumang naka-print na materyal.

Mga huling dapat suriin

• Binubuksan ng directions button ang Maps app sa telepono at ang page ng mapa sa desktop.
• Ipinapakita ng naka-embed na mapa ang tamang pin at kasya ito sa lapad ng page sa telepono.
• Nasa page ang postal code at oras ng pagbubukas.
• Iisa lang ang mapa sa page.
• Sinubukan mo ito mula mismo sa Instagram, hindi lang mula sa iyong browser.