За кафене, клиника, студио или щанд на пазар страницата зад линка в профила има една особено важна задача, да доведе хората до адреса. Има 3 начина да поставите карта в страница на Digily Link. Подходящият избор зависи от плана ви и от това дали искате посетителите да виждат карта, или да натиснат бутон и да започнат навигация.
Вариант 1. Бутон за навигация, който отваря приложението за карти
Този вариант работи с всеки план, включително Free, и всъщност е най-полезен за повечето посетители. Почти никой не иска да мести и увеличава карта на телефона. Хората натискат "Как да стигна" и очакват навигацията да започне.
- Отворете Google Maps, намерете обекта си, натиснете "Споделяне" и копирайте линка.
- В таблото създайте кратък линк с този адрес като цел и включете "автоматично отваряне на приложението на мобилно устройство". Digily Link разпознава линкове към Google Maps и Waze. Ако съответното приложение е инсталирано на телефона, краткият линк отваря навигацията директно. Ръководството за дълбоки линкове обяснява защо това е важно.
- Добавете блок с линк към страницата, поставете краткия линк и го озаглавете "Как да стигна".
Тъй като бутонът води към кратък линк, натисканията му се отчитат в статистиката. Ако смените адреса си, можете просто да промените целта.
Вариант 2. Вградена карта с iframe блок
iframe блокът е достъпен с плановете Starter и Pro и показва картата директно на страницата.
- Намерете мястото в Google Maps, отворете "Споделяне" и преминете към раздела "Вграждане на карта".
- Копирайте HTML кода, показан от Google. Нужен ви е само адресът в src="…", който започва с https://www.google.com/maps/embed. Ако така ви е по-лесно да извлечете адреса, поставете целия фрагмент в URL парсера.
- Добавете iframe блок към страницата, поставете адреса като URL и задайте височина около 300 пиксела.
Поставете бутона за навигация от вариант 1 непосредствено под картата. Картата показва къде се намирате, а бутонът помага на хората да стигнат дотам.
Вариант 3. Персонализиран HTML за адаптивна карта
Блокът за персонализиран HTML е включен в плана Pro и ви дава пълен контрол, включително карта, която запазва пропорциите си при всеки размер на екрана. Поставете следния код в блока и заменете YOUR_EMBED_URL с адреса от раздела "Вграждане на карта".
<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>
Стойността на padding-bottom определя формата. 56,25% създава правоъгълник 16:9, 75% дава по-квадратна карта във формат 4:3, а 100% създава квадрат. Атрибутът loading="lazy" не позволява на картата да забавя страницата, преди посетителят да превърти до нея. Ако поставяте код от друг източник, първо го подредете с HTML минимизатора, за да не повреди блока някой излишен нов ред.
Кой вариант да изберете
| Какво искате | Използвайте | План |
|---|---|---|
| Навигацията да започва с едно натискане | Бутон за навигация с отваряне на приложение | Free и по-висок |
| Картата да се вижда на страницата | iframe блок | Starter и Pro |
| Карта с персонализирана форма и оформление | Блок за персонализиран HTML | Pro |
| Няколко местоположения | По едно заглавие и един бутон за навигация за всеки обект или персонализирана карта в Google My Maps, вградена чрез вариант 2 или 3 | Зависи от използваните блокове |
Съвети за местния бизнес
- Поставете пощенския код в текстов блок над картата за хората, които предпочитат да го въведат в собственото си приложение.
- Добавете блока с работно време, който е достъпен с безплатния план, за да знаят посетителите дали могат да тръгнат веднага.
- Използвайте само 1 карта на страница. Две вградени карти удвояват времето за зареждане, без да носят особена полза.
- Отпечатайте QR код към страницата и го поставете на витрината и рекламните материали. Подходящо оформление за страница на физически обект ще намерите в ръководството за линк в био за малък бизнес.
- Тествайте бутона за навигация от Instagram на iPhone и телефон с Android. Проверката на пренасочване на URL показва как работи краткият линк на настолен компютър.
Временни обекти, пазари и събития
Щанд, който всяка седмица е на различно място, не се нуждае от нова карта всеки път. Оставете бутона за навигация да води към кратък линк и в петък сменете целта с мястото за съответния уикенд. Адресът на страницата, QR кодът върху банера и линкът в профила остават същите. При плановете Starter и Pro можете също да насрочите краткия линк, така че в полунощ местоположението за събота автоматично да бъде заменено с това за неделя, без някой да трябва да помни да го направи. Добавете текстов блок с датите и пощенския код за хората, които обичат да планират предварително.
Apple Maps и Waze
Отварянето в приложение разпознава адреси от Google Maps и Waze. За потребителите на iPhone, които предпочитат Apple Maps, обикновен линк към maps.apple.com с включен адрес отваря Apple Maps на iPhone и уеб карта на други устройства. Това е стандартното поведение на линковете на Apple и не изисква допълнителна настройка. Два бутона, "Google Maps" и "Apple Maps", покриват почти всички телефони в България, а броят на кликванията ще ви покаже кой от тях използват посетителите ви.
Често задавани въпроси
Трябва ли ми API ключ за Google Maps?
Не. Кодът от "Вграждане на карта" и линкът за споделяне могат да се използват безплатно и не изискват ключ. API ключ е необходим само на разработчици, които създават собствено приложение с карта.
Мога ли да покажа повече от 1 маркер на картата?
Създайте персонализирана карта в Google My Maps с всички свои местоположения, споделете я публично и използвайте адреса ѝ за вграждане в iframe блока или в блока за персонализиран HTML.
Вградената карта забавя ли страницата?
Да, но съвсем малко, затова кодът по-горе я зарежда отложено. При страница, чиято задача е да доведе хората до физически адрес, бутонът за навигация е по-важен от самото изображение на картата.
Мога ли да добавя карта с безплатния план?
Можете да добавите бутон за навигация. За iframe блока е необходим Starter, а за блока с персонализиран HTML е необходим Pro. Страницата с плановете показва какво включва всеки от тях.
Какво да направя, ако сменя адреса си?
Променете целта на краткия линк зад бутона за навигация и заменете адреса за вграждане. Не е нужно да променяте нищо, което вече сте отпечатали.
Финална проверка
- Бутонът за навигация отваря приложението за карти на телефон и страница с карта на настолен компютър.
- Вградената карта показва правилния маркер и се побира по ширината на страницата на телефон.
- Пощенският код и работното време са добавени към страницата.
- На страницата има само 1 карта.
- Тествали сте страницата от Instagram, а не само през браузъра си.
