Добавить код в head WordPress

Добавить код в head WordPress мне потребовалось в первый раз много лет назад, когда я почти ничего не понимая в создании сайтов смог сделать сайт на WordPress. Кстати, если Вам нужен бесплатно тестовый сайт, Вы можете это сделать повторив мои шаги, посмотрите по ссылке.

Элемент head HTML-документа не отображается на странице в веб-браузере. Раздел head обычно включает в себя различную служебную информацию: заголовок страницы, подключаемые скрипты, стили CSS и другое. Туда и добавляют обычно коды от поисковых систем (метатег), аналитику.

Простой способ, как Добавить Код В Head WordPress Для Начинающих

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

Потом я захотел добавить свой новый сайт в поисковые системы и мне потребовалось подтвердить права собственности на сайт. Один из методов этой проверки был метод, когда нужно было вставить метатег в код главной страницы сайта в раздел head перед первым разделом body. А это и означало, что мне нужно было добавить код в head WordPress.

Для этого мне нужно было скопировать метатег, предлагаемый поисковыми системами (у каждой поисковой системы свой метатег) и добавить его в шаблоне моей темы WordPress в файл header.php. Как добавить код аналитики в файл header.php я показывал в статье Как Добавить Код Отслеживания Google Analytics В WordPress, Вы можете посмотреть по ссылке, страница откроется в новом окне. Коротко я расскажу, как вставить код в head самостоятельно в конце статьи на примере рекламного кода.

Правда, подумав немного, я пришёл к выводу, что мне такой способ не нравиться. Добавить код в head WordPress используя редактор файла header. php это не сложно, но это лишняя работа для меня. Дело в том, что тогда я использовал основную тему (родительскую, а не дочернюю тему WordPress), поэтому после каждого обновления темы мне приходилось бы снова вставлять код в head.

Поэтому я вначале подтвердил права собственности на сайт с помощью файла подтверждения, а позже и вовсе использовал подтверждение сайта с помощью DNS — записи.

Для чего я написал эту статью, если в сети и так есть статьи о том, как добавить код в head WordPress? Дело в том, что посмотрев пару статей, я увидел, что авторы там рекомендуют другие плагины, с помощью которых можно добавить код в head WordPress, как платные, так и бесплатные, а я пользуюсь другим плагином.

Как добавить код в head WordPress просто по шагам
Добавить код в head WordPress для начинающих

Мне всегда нравилось использовать хорошие плагины, которые могут заменить несколько, пусть и хороших, но менее функциональных плагинов, а это именно такой плагин.

Вставить Код В Head WordPress С Помощью Плагина Woody Code Snippets

Поэтому я расскажу Вам о плагине Woody code snippets. У него есть платная версия, но и бесплатная версия предоставляет большие возможности, которых вполне достаточно, добавить код в header, в footer и другие части сайта. Как код от сервисов аналитики, так и код от рекламных сервисов, который Вы можете вставить до содержимого статьи и после содержимого, после любого абзаца и в других местах. И много чего другого умеет плагин Woody code snippets.

Вы можете скачать и установить плагин Woody code snippets прямо из репозитория WordPress. Моя статья для тех, кто не знает, как установить плагины WordPress.

Хорошо, я надеюсь, что Вы установили и активировали плагин, как Вы можете видеть он на русском, правда, документация на английском.

Сейчас я покажу, как добавить код в head WordPress на примере вставки кода от рекламной сети Яндекс, но это не принципиально, код может быть любым.

На днях я получил от рекламной сети Яндекс уведомление о том, что они внесли изменения в коды рекламных блоков РСЯ для более быстрой загрузки.

Код вставки рекламного блока состоит из загрузчика рекламы и кода, который «отрисовывает» рекламу. И если раньше код рекламного блока РСЯ состоял из загрузчика рекламы и самого кода рекламы в коде каждого блока, то теперь код загрузчика рекламы и сам код рекламного блога разделены.

Сейчас нужно один код загрузчика рекламы (любого рекламного RTB — блока) скопировать в своём аккаунте РСЯ и вставить в head сайта. А коды рекламных блоков без загрузчика разместить в тех местах сайта, где Вы хотите (где они были раньше — просто поменять на новые коды).

Чем я сейчас и займусь и покажу Вам, как вставить код в head WordPress.

Для этого мне нужно войти в админку WordPress моего сайта. Там навести курсор на плагин Woody snippets, и в открывшемся меню выбрать Добавить сниппет. Откроется такая страница:

Создать новый сниппет в плагине Woody snippets
В Woody snippets я чаще всего использую универсальный сниппет

Обычно я выбираю Универсальный сниппет, который подходит для разных кодов. И нажимаю на кнопку Создать элемент. Открывается такое окно:

Вставить код в WordPress в любое место
Так можно вставить код в head, подвал сайта, в статьи (разные места).

Здесь в строке Добавить заголовок я могу написать понятный мне текст, например; Код загрузчика РСЯ в head.

В основном поле я вставляю код загрузчика, который скопировал в РСЯ.

Ниже нажимаю на кнопку Авто-размещение.

И ниже появляется строка, где я могу разместить код. Мне нужно добавить код в head WordPress, поэтому я выбираю Шапка (header).

И нажимаю на кнопку Опубликовать.

Вот и всё, я добавил код в head WordPress очень легко.

Аналогичным способом (только не в head, а между открывающим и закрывающим тегом body в подвал) я добавил код мобильного баннера на свой сайт от рекламной сети Teasernet. Там отличные условия для заработка и можно монетизировать сайт даже с маленьким трафиком. И если Вы хотите заработать на Вашем сайте, Вы можете попробовать. Это очень хороший сервис, как для вебмастеров, так и для рекламодателей.

Вставить Код В Head В Файл Header.Php Самостоятельно

Если Вы в любом случае хотите без плагинов вставить код в head в файл header.php темы Вашего сайта, сделайте следующее:

  • Установите дочернюю тему.
  • Скопируйте и сохраните весь код из файла header.php, чтобы если что-то пойдёт не так, Вы всегда могли восстановить из копии этот файл.
  • Создайте новый текстовый файл, в него записывайте все изменения, которые Вы делаете со своим сайтом, чтобы ничего не забыть.

После того как Вы это сделали, в админке сайта найдите Внешний вид и откройте Редактор тем, там найдите и откройте файл header.php. В нём Вы должны увидеть тег head и после некоторого кода (в каждой теме этот код разный) закрывающий тег head. Вот перед закрывающим тегом и вставьте свой код. Пример ниже в изображении. Обновите файл. После этого проверьте, как работает Ваш сайт и этот код. Если Вы используете кэширование, Вам нужно удалить кэш и проверить работу сайта, можно в режиме браузера инкогнито или вовсе в другом браузере.

Посмотрите, где вставить код:

Как правильно добавить код в файл header.php
Найдите закрывающий тег head и перед ним вставьте нужный код

Вот Вы и узнали, как добавить код в head WordPress с помощью плагина и самостоятельно в файл header.php.

На этом я заканчиваю статью. Если у Вас будут вопросы, спрашивайте в комментариях.

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

«Автор: Леонид Никитин»

Ответить