Хотите правильно установить внешние скрипты аналитики или рекламы, чтобы они не мешали работе сайта? Это можно сделать, поместив их вызов после контента. Разбираемся, почему так нужно и как вставить код в body WordPress.
Почему Footer?
Все сервисы рекомендуют вставлять 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;
- сохраните изменения.
Плагин Clearfy Pro
Это премиум-продукт, который поможет оптимизировать и защитить ВордПресс-ресурс. Также он умеет добавлять код в раздел body. Чтобы это сделать:
- перейдите в Clearfy Pro;
- на вкладке Код задействуйте настройку Код перед </body> и добавьте свой скрипт в поле ниже;
- кликните Save.
Активировать промокод на 15%
Представленная скидка WPShop распространяется на все темы и плагины.
Встроенные инструменты темы
В платных тема ВП разработчики добавляют отдельную опцию для вставки произвольного HTML-кода в тело страницы. Искать ее нужно в админ-меню Внешний вид > Настроить.
Например, в теме Reboot (Reboot) от ребят из WPShop.ru эта настройка находится Внешний вид > Настроить > Коды.
Шаблон темы
За отображение каждого раздела WP-сайта отвечают файлы-шаблоны. Например, single.php выводит информацию в отдельной записи. archive.php отвечает за архивы рубрик и тегов. В каждой теме есть свой набор этих шаблонов. Но их можно изменять, добавляя в них нужный функционал. Это отличный способ, если не хотите искать дополнительные плагины.
Для этого:
- откройте каталог своей темы и найдите файл footer.php;
- вставьте свой код перед </body>.