Как добавить карты Google в WordPress

Если вы создали веб-сайт для своего местного бизнеса, особенно для обычного магазина, то на вашем веб-сайте WordPress должен быть раздел Google Maps, в котором будет указано его местоположение. Встраивание карты в ваш веб-сайт также отлично подходит для вашей местной поисковой оптимизации, поскольку Google повысит ее рейтинг в результатах поиска.

К счастью, встроить Google Maps в местоположение вашего магазина или офиса в WordPress очень просто. Читайте дальше, чтобы начать.

Как добавить Карты Google в WordPress без API или плагина

Это самый простой способ добавить Карты Google в ваш блог или на веб-сайт WordPress. Он включает в себя два общих шага: копирование ссылки для внедрения и вставка ссылки в блок кода WordPress. Выполните следующие действия.

  1. Откройте Карты Google в Интернете.
  2. Введите или найдите местоположение, которое вы хотите встроить, в поле поиска.
  3. Нажмите < strong>Поделиться, перейдите к Встроить карту, выберите нужный размер и нажмите Копировать HTML.
  1. Войдите в свою панель управления WordPress.
  2. Нажмите Страницы, затем Добавить новую страницу .(Если хотите, вы можете использовать новое сообщение или отредактировать старую страницу).
  3. Нажмите кнопку +, затем выберите «Пользовательский HTML».
  4. <ли>Вставьте скопированную ссылку для вставки Google Map. Затем сохраните и опубликуйте свою страницу.

Добавление Карт Google с помощью API в WordPress

Если вы ведете блог на WordPress, вы можете встроить Карты Google с помощью API, но для этого вам необходимо использовать плагин Карт. В этом примере мы используем WP Go Maps.плагин, но есть и другие, которые вы можете попробовать. Но сначала нам нужно получить API.

Как получить Google API Карт

Вы можете использовать бесплатные функции API для малого бизнеса, но расширенные API стоят около 7 долларов в месяц и масштабируются в зависимости от количества показов, которые вы получаете. Получив API, вы можете добавить карту Google на свой веб-сайт. Чтобы получить API Google Map, вам необходимо правильно настроить платежи в Google Cloud Console. После настройки выставления счетов перейдите к инструкциям ниже в Google Cloud Console.

  1. Нажмите Гамбургер в левом верхнем углу и выберите API & Службы.
  2. Выберите Включить API и службы.
  3. Нажмите Гамбургер, наведите курсор на API и усилители; Службы, затем нажмите Библиотека.
  4. В разделе Карты нажмите Просмотреть все.
  5. Нажмите Maps JavaScript API и нажмите кнопку Включить.
  6. Вернитесь на страницу библиотеки API и повторите шаг 5 для API маршрутов, API геокодирования, API геолокации и API Places.
  7. Нажмите гамбургер, наведите указатель мыши API и amp; Службы, затем нажмите Учетные данные.
  8. В верхней части экрана нажмите кнопку Создать учетные данные и выберите Ключ API.
  9. Выберите параметр Изменить ключ API.
  10. Выберите переключатель Веб-сайты и нажмите ДОБАВИТЬ.
    < /li >
  11. Введите URL-адрес своего веб-сайта, нажмите Готово, а затем Сохранить.
  12. Нажмите кнопку Показать ключ и скопируйте ключ API.

Загрузка плагина WP Maps

Для этого мы будем использовать WP Go Maps пример. Чтобы загрузить его, выполните следующие действия.

  1. Откройте панель управления WordPress, нажмите Плагины в строке меню и нажмите Добавить новый плагин в верхней части страницы.
  2. Искать WP Go Maps и нажмите кнопку Установить для первого плагина, а затем нажмите Активировать после завершения установки.
  3. Нажмите Настройки для Карт на левой панели, перейдите на вкладку Дополнительно, введите ключ API и нажмите Сохранить настройки. в правом нижнем углу.
  4. Выберите Карты на левой панели, добавьте свой адрес в поле Адрес/GPS и нажмите Кнопка «Добавить маркер».

Добавление блока карты

При подключенном API WP Go Maps будет создайте блок кода, который вы сможете использовать на своем веб-сайте:

  1. Откройте панель управления WordPress и откройте сообщение или страницу, где вам нужна карта.
  2. Выберите кнопку + вверху, найдите Карта и выберите Карта.
  3. Теперь сохраните и опубликуйте Страница.
  4. Используйте дополнительные параметры справа, чтобы настроить внешний вид блока на странице.

Добавление виджета

Кроме того, вы можете добавить на карту небольшой виджет, например нижний колонтитул веб-сайта. Вот как:

  1. Откройте панель администратора WordPress.
  2. Выберите Внешний вид и нажмите Виджеты.
    >
  3. Отредактируйте размер виджета и то, как метка будет называться на карте.

Хотя WP Go Maps должен выполнить свою работу, он&rsquo ;это не единственный плагин, который может это сделать.

Вы можете просмотреть магазин плагинов WordPress, чтобы найти другие плагины, которые встраивают блоки карт в Карты Google. Некоторые из лучших вариантов включают:

  • Виджет Google Maps
  • Google Maps Easy
  • Intergeo

Once вы загружаете и включаете плагин, каждый из них должен иметь краткое руководство о том, как подключить ключ API Google Maps, чтобы WordPress мог использовать карту Google. Остальное зависит от вас.

Используйте тему WordPress с интегрированной картой

<р>Помимо использования плагинов для создания карты для вашего веб-сайта, вы также можете выбрать тему с этой опцией с самого начала.

Однако вы вряд ли найдете бесплатную тему со встроенными Google Maps. Одна из лучших версий — Divi, которая стоит примерно 90 долларов в год при использовании подписки. Однако другие его функции, такие как создание веб-сайтов с помощью искусственного интеллекта и множество профессиональных шаблонов, делают его отличным выбором.

Поместите себя на карту с помощью WordPress

Встраивая местоположение вашего магазина на Картах Google на свой сайт WordPress, вы облегчаете потенциальным покупателям и клиентам поиск вашего местного бизнеса. Поиграйте с размещением карты и создайте простую страницу контактов для достижения наилучших результатов.

Далее вам следует узнать, как установить тему по умолчанию в WordPress.

Часто задаваемые вопросы

Где разместить ключ Google Maps API в WordPress?

Вы можете встроить его в блок кода WordPress или использовать плагин. Некоторые из этих плагинов могут предлагать виджеты, в которые вы встраиваете ключ API.

Как добавить карту Google в WordPress без плагинов?

Конкретный процесс будет зависеть от используемого вами плагина. Однако ключи API обычно помещаются в поле API, которое находится в разделе «Дополнительно» вашего плагина.

Связанные сообщения

Как проверить трафик на Картах Google Как показать ограничение скорости на Картах Google Как изменить карту Google Maps с пешеходной на автомобильную [и наоборот] Могу ли я установить Карты Google по умолчанию на iPhone? Как восстановить удаленную историю местоположений на Картах Google Почему дом размыт на картах Google? Как добавить Остановитесь Карты Apple Как изменить свой домашний адрес на Google Maps Вот почему на Картах Google все зеленое

Отказ от ответственности: некоторые страницы этого сайта могут содержать партнерскую ссылку. Это никоим образом не влияет на нашу редакционную статью.

Вам также может понравиться Как восстановить удаленную историю местоположений на iPhone

Ли Стэнтон, 16 декабря 2023 г.

Отправить кому-нибудь

На адрес электронной почты От имени Пожалуйста включите JavaScript для отправки этой формы.
Отправьте

Отсутствующее устройство

    Чтобы отправить эту форму, включите JavaScript.

    Валентин Павлов/ автор статьи
    Страсть Влентина к играм началась с Resident Evil, и с тех пор он не переставал играть в хоррор-игры. Пишет экспертные руководства для самых сложных игр и обзоры для самых громких релизов. Является магистром журналистики и имеет степень бакалавра лингвистики. Любимые игры: GTA 5, Silent Hill 2, Call of Duty: Modern Warfare 2, Heavy Rain, Metro 2033 и другие.
    Понравилась статья? Поделиться с друзьями:
    Добавить комментарий