Pentru o cafenea, o clinică, un studio sau o tarabă din piață, pagina din spatele linkului de profil are o misiune mai importantă decât toate celelalte: să-i ajute pe oameni să ajungă la adresă. Poți adăuga o hartă pe o pagină Digily Link în 3 moduri. Alegerea depinde de planul tău și de ce îți dorești, o hartă pe care vizitatorii să o consulte sau un buton care pornește navigarea.
Opțiunea 1. Buton pentru indicații, care deschide aplicația de hărți
Metoda funcționează cu toate planurile, inclusiv Free, și este opțiunea pe care o preferă cei mai mulți vizitatori. Pe telefon, aproape nimeni nu vrea să mărească și să micșoreze manual o hartă. Oamenii apasă pe "Indicații de orientare" și se așteaptă să pornească navigarea.
- Deschide Google Maps, găsește-ți afacerea, apasă pe Distribuie și copiază linkul.
- În panoul de control, creează un link scurt care are ca destinație adresa respectivă și activează opțiunea "deschide automat aplicația pe mobil". Digily Link recunoaște linkurile Google Maps și Waze. Astfel, pe un telefon pe care este instalată aplicația, linkul scurt deschide direct navigarea. Ghidul despre deep linking explică de ce contează acest lucru.
- Adaugă pe pagină un bloc de link, inserează linkul scurt și denumește-l "Indicații de orientare".
Pentru că butonul trimite la un link scurt, apăsările sunt înregistrate în statistici. Dacă îți schimbi sediul, poți înlocui destinația.
Opțiunea 2. Hartă încorporată cu blocul iframe
Blocul iframe este disponibil în planurile Starter și Pro și afișează harta direct pe pagină.
- Găsește locul în Google Maps, deschide opțiunea Distribuie și treci la fila "Încorporează o hartă".
- Copiază codul HTML afișat de Google. Ai nevoie doar de adresa din src="...", care începe cu https://www.google.com/maps/embed. Dacă vrei să extragi mai ușor adresa, inserează întregul fragment în Parser URL.
- Adaugă pe pagină un bloc iframe, inserează adresa ca URL și setează o înălțime de aproximativ 300 de pixeli.
Așază butonul pentru indicații de la opțiunea 1 imediat sub hartă. Harta le arată vizitatorilor unde te afli, iar butonul îi ajută să ajungă acolo.
Opțiunea 3. HTML personalizat pentru o hartă responsive
Blocul HTML personalizat este disponibil în planul Pro și îți oferă control complet, inclusiv posibilitatea de a crea o hartă care își păstrează proporțiile pe orice dimensiune de ecran. Inserează codul următor în bloc și înlocuiește YOUR_EMBED_URL cu adresa din fila "Încorporează o hartă".
<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>
Valoarea padding-bottom stabilește forma hărții. Valoarea de 56,25% creează un dreptunghi cu raportul 16:9, 75% oferă o hartă mai apropiată de forma pătrată, cu raportul 4:3, iar 100% creează un pătrat. Atributul loading="lazy" împiedică harta să încetinească pagina înainte ca vizitatorul să deruleze până la ea. Dacă inserezi cod din altă sursă, curăță-l mai întâi cu Minificator HTML, pentru ca un rând nou introdus din greșeală să nu afecteze blocul.
Ce opțiune să alegi
| Ce îți dorești | Ce să folosești | Plan |
|---|---|---|
| Navigarea să pornească dintr-o singură apăsare | Buton pentru indicații cu deschiderea aplicației | Free și planurile superioare |
| O hartă vizibilă pe pagină | Bloc iframe | Starter și Pro |
| O hartă cu formă și stil personalizate | Bloc HTML personalizat | Pro |
| Mai multe locații | Câte un titlu și un buton pentru indicații pentru fiecare locație sau o hartă Google My Maps personalizată, încorporată prin opțiunea 2 sau 3 | Depinde de blocurile folosite |
Sfaturi pentru afacerile locale
- Adaugă codul poștal într-un bloc de paragraf deasupra hărții, pentru cei care preferă să-l introducă în propria aplicație.
- Adaugă blocul cu programul de funcționare, disponibil în planul Free, astfel încât vizitatorul să știe dacă poate porni la drum.
- Folosește o singură hartă pe pagină. Două hărți încorporate dublează timpul de încărcare și oferă foarte puține beneficii.
- Tipărește un cod QR al paginii și pune-l în vitrină și pe pliante. Găsești o structură potrivită pentru pagina unei locații în ghidul despre link in bio pentru afaceri mici.
- Testează butonul pentru indicații din Instagram, atât pe un iPhone, cât și pe un telefon Android. Verificatorul de redirecționare URL îți arată cum funcționează linkul scurt pe un computer.
Locații temporare, târguri și evenimente
O tarabă care se mută în fiecare weekend nu are nevoie de o hartă nouă de fiecare dată. Păstrează butonul pentru indicații conectat la un link scurt și schimbă-i vineri destinația cu locul din weekendul respectiv. Adresa de pe pagină, codul QR de pe banner și linkul de profil rămân neschimbate. În planurile Starter și Pro, linkul scurt poate fi și programat. Astfel, locația de sâmbătă este înlocuită la miezul nopții cu cea de duminică, fără ca cineva să fie nevoit să-și amintească să facă modificarea. Adaugă un bloc de paragraf cu datele și codul poștal pentru cei care preferă să-și facă planul din timp.
Apple Maps și Waze
Deschiderea în aplicație recunoaște adresele Google Maps și Waze. Pentru utilizatorii de iPhone care preferă Apple Maps, un link obișnuit către maps.apple.com, care include adresa, deschide Apple Maps pe iPhone și o hartă web pe celelalte dispozitive. Linkurile Apple funcționează astfel fără nicio setare suplimentară. Două butoane, "Google Maps" și "Apple Maps", acoperă aproape toate telefoanele din România, iar numărul de clicuri îți va arăta ce variantă folosesc vizitatorii în realitate.
Întrebări frecvente
Am nevoie de o cheie API pentru Google Maps?
Nu. Fragmentul "Încorporează o hartă" și linkul de distribuire pot fi folosite gratuit și nu necesită nicio cheie. Cheia API le este necesară doar dezvoltatorilor care își construiesc propria aplicație de hărți.
Pot afișa mai multe locații pe aceeași hartă?
Creează în Google My Maps o hartă personalizată cu toate locațiile tale, distribuie-o public și folosește adresa de încorporare în blocul iframe sau în blocul HTML personalizat.
Harta încorporată încetinește pagina?
Puțin, motiv pentru care codul de mai sus o încarcă numai când este necesar. Pe o pagină al cărei scop este să-i aducă pe oameni la adresă, butonul pentru indicații contează mai mult decât imaginea hărții.
Pot adăuga Google Maps cu planul Free?
Butonul pentru indicații, da. Blocul iframe necesită planul Starter, iar blocul HTML personalizat necesită planul Pro. Pagina planurilor arată ce include fiecare.
Ce fac dacă îmi schimb sediul?
Schimbă destinația linkului scurt din spatele butonului pentru indicații și înlocuiește adresa de încorporare. Nu trebuie să modifici nimic din ce ai tipărit.
Verificări finale
- Butonul pentru indicații deschide aplicația de hărți pe telefon și pagina unei hărți pe computer.
- Harta încorporată afișează marcajul corect și se încadrează în lățimea paginii pe telefon.
- Codul poștal și programul de funcționare apar pe pagină.
- Pagina conține o singură hartă.
- Ai testat pagina din Instagram, nu doar din browser.
