Інтеграція сайту з картами Google — потужний інструмент підвищення конверсії

28 Лютого 2023

наступна стаття
В'ячеслав Нагнибіда

PR-менеджер

В'ячеслав Нагнибіда
Інтеграція сайту з картами Google — потужний інструмент підвищення конверсії

Для більшості сайтів блок із мапою — це блок, що є за замовчуванням, тому що так треба і так само зробили конкуренти (або колеги). Багато хто вважає, що карта потрібна лише тоді, коли слід надати клієнтам підказку, як знайти офіс компанії, де розташований ваш магазин чи як потрапити в потрібне для угоди місце. Але насправді мапи виконують набагато більше функцій та не лише інформаційних. Для багатьох клієнтів важливо знати, що ваша компанія справді існує, навіть якщо ви співпрацюєте виключно в онлайні; наявність карти демонструє вашу турботу про клієнтів та їхній час, а значить впливає на підвищення іміджу. Безперечним лідером серед постачальників послуг із картами є корпорація Google та їхній сервіс Maps, що дозволяє робити з картами безліч цікавих маніпуляцій. Але інтеграція з Google Maps має ряд своїх особливостей, про які варто знати кожному власнику бізнесу. 

Найпростіша карта на сайті

Найпростіший вигляд мапи на сторінці сайту — статичний блок. Це абсолютно безкоштовно, зовсім не складно для реалізації, але, разом із тим, марно з точки зору користі. Карти від Google можуть вбудовуватися у сайт з використанням строки коду Iframe, що можливо отримати прямо в браузері. Це виглядає приблизно так:

 iframe src="	https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2508.7499495620045!2d-114.0635490840648!3d51.0.... width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">


З огляду на код можна помітити координати мітки на карті, а також розміри блоку для відображення на сайті. Далі з використанням HTML цю строку можливо вставити у будь-яке потрібне місце вашого сайту та стилізувати відповідним чином. Відтак на сторінці з’явиться шматок карти Google, де центром буде точка з зазначеними координатами. Таку карту можна масштабувати, але іншої практичної інформації вона не надасть. Головна перевага такого способу: ви можете відображати абсолютно будь-яке місце на нашій планеті: чи то кактус в пустелі, чи дерево у лісі. Але якщо вашого магазину чи компанії ще не було внесено до карт Google, то жодної інтерактивної інформації вона не відобразить. 

У випадку, коли інформація про місцезнаходження вашого бізнесу вже внесена до загальної бази даних карти, вставка через Iframe покаже відповідний маркер та вікно з обмеженою контактною інформацією. Жодних відгуків клієнтів, оцінок, маршрутів чи перегляду вулиць тут так само не буде. Погодьтеся, для серйозного бізнесу такий аматорський варіант взаємодії з досконалим картографічним сервісом виглядає зовсім не серйозно. І щоб виправити ситуацію карту слід не вставляти, а інтегрувати. 

Умови для інтеграції сайту з Google Maps

Раніше мітки на карту можна було вносити безпосередньо з аккаунту на сервісі Google Business, але згодом для цього виділили цілком самостійний Google Maps Platform. Звісно, всі продукти Google тісно пов’язані між собою, а для авторизації в будь-якому з них необхідна єдина пошта на Gmail. Тож після внесення даних про компанію (чи представництва або торгові точки компанії) на Google Business можна сміливо переходити до сервісу карт й займатися його налаштуваннями. 

Головне, що надає розробникам платформа — Google Map API ключ, тобто право користуватися всіма можливими методами для реалізації різноманітних сценаріїв роботи з картами. Тепер вставка карти за допомогою Iframe буде містити додаткову інформацію про вашу компанію. А в разі, якщо у вас декілька магазинів, це також можна реалізувати в рамках одного вікна карти, а не для кожного окремо. Загалом API надають, фактично, необмежену можливість кастомізацій: від підключення прокладання маршрутів та прегляду вулиць, до відображення індивідуальних маркерів, позначення довільними кольорами та багато іншого. 

Verificated ukr.png

Варто зауважити, що використання API ключа умовно безкоштовне. Google Maps Platform має доволі лояльну тарифікацію: кожному новому клієнту сервіс надає бонусні $300 на перший місяць користування. Надалі щомісяця на рахунку з’являється $200. Система використовує ці кошти для погашення плати за запити клієнтів і коли на рахунку лишається $0, проводити оплату потрібно вже вашим коштом. Кількість запитів обчислюється тисячами та має фіксовану плату — можна ознайомитися тут. Але треба розуміти дві речі:

  • Запит — це не клік по карті на сайті, а конкретна дія, яку робить ваш клієнт. Тож якщо дій з мапою не відбувається, бонусних $200 на місяць вам вистачить в будь-якому випадку;

  • Використання API та реєстрації аккаунта загалом вимагає підключення платіжної картки. Але сервіс не буде стягувати жодної плати без вашої згоди, тому перейматися, що карти спричиняють неконтрольовані витрати не слід. 

Якщо налаштування виконані неправильно чи виникають питання фінансового характеру, карта на сайті матиме наступний вигляд:

Error.png

В такому разі необхідно перевірити сповіщення від Google Maps Platform або звернутися до команди підтримки вашого сайту. 

Інтеграція Google Maps з Magento 2

Magento 2 на сьогодні є найкращою платформою для створення онлайн-магазинів, тому питання інтеграції карт від Google є актуальним питанням для багатьох користувачів. На жаль, Magento 2 Community Edition не підтримує карти, на відміну від Commerce Edition Magento 2. Але це означає лише те, що реалізувати інтеграцію доведеться через встановлення додаткового та безкоштовного розширення для Magento 2. Можливе і кастомне рішення даного питання, однак на сучасному етапі розвитку платформи електронної комерції, готове рішення є цілком прийнятним варіантом. Це, якраз, одна з вагомих переваг CMS Magento 2. 

ONvlgCe.jpg

Ви можете знайти одразу кілька розширень та вибрати найкраще. Принцип роботи із кожним з них буде однаковим. Налаштування відображення карти здійснюються в адмінпанелі Magento 2. В кожному з варіантів наявність Google Map API ключа є обов’язковою умовою. Для точних налаштувань вам краще звернутися по допомогу до спеціалістів і розробники Авіві завжди готові прийти вам на допомогу. 

Висновки

Чи потрібна вашому сайту інтеграція з Google Maps? Цілком можливо, кілька років тому ця відповідь була доволі неоднозначна. Але сьогодні жодна поважна компанія без підтвердженої адреси на карті може нести репутаційні ризики. З іншої точки зору, наявність інтегрованої карти забезпечує одразу низку переваг:

  • Демонструє повагу компанії до своїх клієнтів, яким надають всебічну інформацію, що може бути корисною для комунікації та прийняття рішень;

  • Розширює набір маркетингових інструментів для співробітників компанії, що дозволяють підвищувати конверсію;

  • Дає можливість застосовувати унікальні рішення, пов’язані з використанням карт у межах передбачених API;

  • Стилізувати звичні карти відповідно до корпоративного стилю компанії;

  • Дозволяє привабити клієнтів побічними факторами: вигідним місцем розташування, іншими об’єктами, що знаходяться поруч вас та багато іншого.

Цінова політика Google Maps Platform приємно радує користувачів та, а в разі використання вами CMS Magento 2 — фінансові питання взагалі знаходяться на другому, чи навіть третьому плані. Тож звертайтеся до менеджерів Авіві з питань інтеграції з картами Google та використовуйте всі наявні інструменти для розвитку вашого бізнесу!


Схожі статті
Записатись на консультацію

Ми зв'яжемось з Вами протягом 10 хвилин