Как правильно добавить код Яндекс Метрики и Google Analytics

Для добавления кода Яндекс Метрики и/или Google Analytics в теме предусмотрены специальные опции, редактирование которых доступно на странице настроек темы в админке сайта.

Добавляя код счетчиков в специальную опцию, вы получаете гарантию того, что даже после обновления темы все подключенные ранее счетчики, сохранятся и не будут случайно перезаписаны. Это основное преимущество перед тем, чтобы просто отредактировать файлы header.php или footer.php.
Перейдите в меню Внешний вид → Настроить и выберите вкладку Пользовательский код

basic_customcodes

custom-css-basic

Здесь вы можете добавить свои стили, скрипты, которые не потеряются при обновлении темы.
Яндекс Метрику, так же как и Google Analytics, рекомендуют добавлять как можно ближе к началу страницы, т.е. в шапку сайта. Для этого, добавьте полученный код от Яндекс и Google в первое текстовое поле Скрипты в хедере. Соответственно, если добавить эти скрипты в поле Скрипты в подвале сайта, то они появятся в подвале сайта перед закрывающим тегом </body>.

Поле Пользовательские стили поможет вам изменить оформление сайта с помощью CSS кода. Важно помнить, что эти стили будут добавлены непосредственно в код страницы, в шапку сайта, по этой причине будут иметь приоритет выше, чем стили, прописаны в style.css. Например, если вstyle.css прописано:

body{
    background-color:#ffffff;
}

а в поле Пользовательские стили вы добавите:

body{
    background-color:#000000;
}

то будет применен последний стиль и фон страницы станет черного цвета.

После изменения текстовых полей в разделе Код нажмите кнопку Сохранить изменения. Вот и все, добавленные скрипты или стили появятся на вашем сайте.