Лучшие способы вставить код в body WordPress

Как вставить код в body wordpress

Хотите, чтобы скрипты статистики/аналитики от Яндекс или Google не грузили сайт? Отличный способ – добавить их код в body WordPress. Разберем 4 простых способа: через плагины, встроенные инструменты или правку шаблона темы.

Почему в <body>?

Онлайн-сервисы рекомендуют вставлять JS в шапку сайта, т.е. в тег <head>. Но для скриптов это не всегда хорошо.

Чтобы увидеть контент страницы, посетителю придется ждать, пока подключенный код JavaSrcript исполнится до конца. Ели скриптов много, то перед его глазами будет белый экран. Тогда пользователь просто закроет сайт и пойдет искать другой. Чтобы такого не было, JS нужно подключать в самом низу, после контента. Для этого есть отличное место – перед закрывающим HTML-тегом </body>. Его еще называют подвалом сайта.

Как добавить код в body WordPress

Разберем, какие есть способы для ВордПресс.

Плагин Clearfy Pro

Это платное WP-расширение. Используют для оптимизации, ускорения и защиты. Одна из его опций добавлять произвольный HTML-код в конец страницы.

  • В админке перейдите Clearfy Pro.
  • Кликните по Код.
  • Задействуйте настройку Код перед </body>.
  • В поле ниже вставьте свой скрипт.
  • Нажмите Сохранить изменения.
Добавление кода в body в плагине Clearfy Pro

Плагин Insert Headers and Footers

Это лучший из бесплатных модулей для вставки кода в шапку и подвал ВП-сайта.

  • Установите дополнение.
  • Перейдите Настройки > Insert Headers and Footers.
  • Вставьте свой код скрипта в поле Scripts in Body.
  • Кликните Save.
Поле Scripts in Body в плагине Insert Headers and Footers

Файл-наблон темы

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

За нужное нам место отвечает файл footer.php. Он находится в корневом каталоге темы.

/wp-content/themes/название-темы/footer.php

Откройте этот файл и перед тегом </body> вставьте свой код скрипта. Это будет выглядеть примерно так:

Файл-шаблон footer.php WordPress-темы

Встроенная возможность темы

В платных ВордПресс-темах эта функция уже встроена. Уже не нужно править файлы и устанавливать плагины.

Обычно ее можно найти в админ-разделе Внешний вид > Настроить. Например, в премиальной теме Reboot нужно открыть Внешний вид > Настроить > Коды и разместить свой произвольный HTML-код в поле Перед </body>.

Вставка кода в настройщике темы Reboot
Рейтинг
( Пока оценок нет )
Михаил Петров/ автор статьи
Загрузка ...
Шаблоны для WordPress