Як впровадити карту Google на веб-сайт: додаємо карту проїзду

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

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

Ось кілька переваг через які власники бізнесу хочуть вбудувати Google карту на сайт:

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

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

геолокація компанії на Google Картах Наочний приклад зображення геолокації компанії на Google Картах

Як додати Google карту на свій веб-сайт?

Перш за все, необхідно зареєструвати компанію в сервісі Google My Busines. Зверніть увагу, що компанія вже може існувати на картах. Введіть назву компанії в перевірчу форму. Якщо вона була зареєстрована раніше, інша інформація підтягнеться автоматично. У випадку, якщо вашої компанії немає на картах гугл, вам потрібно буде її додати.

Для цього необхідно виконати кілька простих дій:

  1. Вкажіть назву вашої компанії, у вікні реєстрації.

Google My Business

  1. Виберіть категорію, яка найбільш підходить вашому бізнесу.
  2. Вкажіть адресу розташування вашої компанії (вона зображатиметься в результаті на картах).
  3. Вкажіть контактні дані та адресу вашого веб-сайту, після чого реєстрація буде завершена.

У пошуку ваш профіль в Google буде виглядати наступним чином:

ваш профіль в Google

Створення профілю компанії в Google My Business не є обов’язковим, однак, ваша точка геолокації з аккаунтом буде виглядати привабливіше, оскільки підтягне відгуки про вашу компанію:

відгук про вашу компанію

А ось як виглядає точка компанії на мапі без профілю Google My Business:

Приклад точки компанії без профілю GMB

Інтеграція з Google maps з використанням коду Iframe, вбудованого з Google

У цьому розділі буде розказано про копіювання коду впровадження Google з карт Google в HTML-код сайту. Жоден інший код форматування не застосовується.

Як отримати код для вбудовування Google

  1. Перейти на Google Карти.
  2. Введіть адресу компанії в рядок пошуку, потім натисніть кнопку пошуку.
  3. Натисніть піктограму Поділитися.
  4. Виберіть «Вставити карту».
  5. Виберіть розмір карти зі списку.
  6. Виберіть та скопіюйте HTML-код впровадження iframe.

код для вбудовування Google

Цей код додайте на свою HTML-сторінку або у віджет:

Зміст атрибуту src – місце розташування компанії у Google картах. У випадку зміни верстання сторінок сайту, рекомендується встановлювати в процентному співвідношенні для уникнення деформації блоку з картою.

Ця карта має статичну ширину і висоту. Розмір можна налаштувати, змінивши ці атрибути розміру.

Також, можуть бути випадки, в яких у власників сайту немає доступу до вихідного коду. Наприклад, на платформі Хорошоп.

Розглянемо принцип додавання Google карт за допомогою Iframe на платформі Хорошоп

  1. Аналогічно першому випадку, необхідно скопіювати код Iframe з Google карт.
  2. Скопійований фрагмент коду необхідно додати в адмінці вашого сайту: Установки → Загальні настройки → Додаткова інформація → Код карти та збережіть налаштування.

фрагмент коду

Приклад виведення Iframe карти гугл на сайті Хорошоп:

висновок Iframe карти гугл на Хорошоп

Чи потрібно платити за Карти Google, щоб розмістити їх на веб-сайті?

Базове вбудовування здійснюється безкоштовно і включає простий вигляд, мітку на карті та інформацію про вашу компанію. Складніші функції оплачуються додатково. Наприклад, щоб зобразити кілька місць розташування або реалізувати перегляд вулиць Google, пошук маршрутів і пошук місць, Google починає стягувати плату, після досягнення квоти використання.