Хотите, чтобы скрипты статистики/аналитики от Яндекс или Google не грузили сайт? Отличный способ – добавить их код в body WordPress. Разберем 4 простых способа: через плагины, встроенные инструменты или правку шаблона темы.
Почему в <body>?
Онлайн-сервисы рекомендуют вставлять JS в шапку сайта, т.е. в тег <head>. Но для скриптов это не всегда хорошо.
Чтобы увидеть контент страницы, посетителю придется ждать, пока подключенный код JavaSrcript исполнится до конца. Ели скриптов много, то перед его глазами будет белый экран. Тогда пользователь просто закроет сайт и пойдет искать другой. Чтобы такого не было, JS нужно подключать в самом низу, после контента. Для этого есть отличное место – перед закрывающим HTML-тегом </body>. Его еще называют подвалом сайта.
Как добавить код в body WordPress
Разберем, какие есть способы для ВордПресс.
Плагин Clearfy Pro
Это платное WP-расширение. Используют для оптимизации, ускорения и защиты. Одна из его опций добавлять произвольный HTML-код в конец страницы.
- В админке перейдите Clearfy Pro.
- Кликните по Код.
- Задействуйте настройку Код перед </body>.
- В поле ниже вставьте свой скрипт.
- Нажмите Сохранить изменения.
Плагин Insert Headers and Footers
Это лучший из бесплатных модулей для вставки кода в шапку и подвал ВП-сайта.
- Установите дополнение.
- Перейдите Настройки > Insert Headers and Footers.
- Вставьте свой код скрипта в поле Scripts in Body.
- Кликните Save.
Файл-наблон темы
Все темы WordPress состоят из файлов шаблонов. Каждый из них отвечает за свой раздел сайта. Например, шапка, подвал, боковая панель.
За нужное нам место отвечает файл footer.php. Он находится в корневом каталоге темы.
/wp-content/themes/название-темы/footer.phpОткройте этот файл и перед тегом </body> вставьте свой код скрипта. Это будет выглядеть примерно так:
Встроенная возможность темы
В платных ВордПресс-темах эта функция уже встроена. Уже не нужно править файлы и устанавливать плагины.
Обычно ее можно найти в админ-разделе Внешний вид > Настроить. Например, в премиальной теме Reboot нужно открыть Внешний вид > Настроить > Коды и разместить свой произвольный HTML-код в поле Перед </body>.
