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

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

Хотите правильно установить внешние скрипты аналитики или рекламы, чтобы они не мешали работе сайта? Это можно сделать, поместив их вызов после контента. Разбираемся, почему так нужно и как вставить код в body WordPress.

Все сервисы рекомендуют вставлять JS в самом начале сайта, т.е. в шапке между тегами <head> и </head>. Для стилей CSS это корректно. Но только не для JavaScript.

Представьте, что вы подключили в шапке статистику от Яндекс, Google и LiveInternet. На каждой странице вашего ресурса будет обращение к этим 3-м внешним сервисам. И пока эти скрипты не отработают до конца, ваши посетители не увидят содержимое страницы, на которую они зашли.

Бывают ситуации, когда для выполнения внешних JS требуется больше времени. Обычно если пользователь не видит контент в течение 2-х секунд, то он закрывает сайта.

Чтобы скрипты не мешали, их вызывают в самом конце, перед закрывающим HTML-тегом </body>, в разделе Footer.

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

Есть 4 проверенных способа. Посмотрим как они работают.

Плагин Insert Headers and Footers

Это бесплатное WP-дополнение, которое сделает все за вас. Для этого:

  • установите из каталога плагинов;
  • перейдите в админ-раздел Настройки > Insert Headers and Footers;
  • вставьте свой код в Scripts in Body;
  • сохраните изменения.

Поле Scripts in Body в плагине Insert Headers and Footers

Плагин Clearfy Pro

Это премиум-продукт, который поможет оптимизировать и защитить ВордПресс-ресурс. Также он умеет добавлять код в раздел body. Чтобы это сделать:

  • перейдите в Clearfy Pro;
  • на вкладке Код задействуйте настройку Код перед </body> и добавьте свой скрипт в поле ниже;
  • кликните Save.

Добавление кода в body в плагине Clearfy Pro

Активировать промокод на 15%

Встроенные инструменты темы

В платных тема ВП разработчики добавляют отдельную опцию для вставки произвольного HTML-кода в тело страницы. Искать ее нужно в админ-меню Внешний вид > Настроить.

Например, в теме Reboot (Reboot) от ребят из WPShop.ru эта настройка находится Внешний вид > Настроить > Коды.

Вставка кода в настройщике темы Reboot

Шаблон темы

За отображение каждого раздела WP-сайта отвечают файлы-шаблоны. Например, single.php выводит информацию в отдельной записи. archive.php отвечает за архивы рубрик и тегов. В каждой теме есть свой набор этих шаблонов. Но их можно изменять, добавляя в них нужный функционал. Это отличный способ, если не хотите искать дополнительные плагины.

Для этого:

  • откройте каталог своей темы и найдите файл footer.php;
  • вставьте свой код перед </body>.

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

Понравилась статья? Поделиться с друзьями:
WordPress Plus