Как вставить код счетчика на сайт wordpress – Как поставить счетчик на сайт WordPress

Как поставить счетчик на сайт WordPress

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

СЧЕТЧИК ПОСЕЩЕНИЙ ДЛЯ САЙТА WORDPRESS

Для начала скажем несколько слов о том, что есть такое счетчик посещений и для чего он нужен. Собственно, ответ уже заложен в самом названии. Счетчик посещений — это скрипт, который считает посетителей вашего сайта. И необходим он для формирования статистики по вашему сайту.

Как сказал кто-то из великих: статистика — главнейшая из неточных наук. К этом можно добавить еще несколько дополнительных характеристик, например: нужная и иногда полезная. В случае с сайтом — очень нужная и довольно полезная. Почему? Дело в том, что современные счетчики ведут статистику не только посетителей, но и собирают всевозможную дополнительную информацию о них (полезную и не очень). Например: из какой страны посетитель, по какому поисковому запросу посетитель попал на страницу или с какого сайта он пришел к вам, с каких устройств просматривают сайт и какой браузер при этом используется и много чего другого.

В общем, информация, предоставляемая счетчиками посещений нужна, если вы собираетесь всерьез заниматься своим сайтом и заботитесь о его развитии и продвижении. Пришла пора определиться со счетчиком.

КАКОЙ СЧЕТЧИК ПОСЕЩЕНИЙ ВЫБРАТЬ?

При ответе на этот вопрос можно остановиться на двух вариантах. Скажем несколько слов о первом. Первый вариант — использование плагина для WordPress. Плагинов, предоставляющих всевозможную статистику, для WordPress предлагается огромное количество. Поэтому, если вы решили остановить свой выбор на плагине, тогда Вам осталось лишь выбрать тот, который придется по душе. Например, можете посмотреть в сторону следующих плагинов: Hitsteps Ultimate Web Analytics или StatCounter.

В этой статье мы не будем разбирать работу с подобными плагинами и остановимся на втором варианте — сторонний сервис, собирающий статистику с вашего сайта. И здесь я посоветую счетчик посещений от сервиса LiveInternet. Давайте попробуем вставить счетчик на сайт WordPress от данного сервиса.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Итак, идем на официальный сайт и жмем ссылку Получить счетчик.

На новой странице нам предлагают заполнить форму, указав URL сайта и прочие данные. Если какое-то из полей формы у вас вызовет недоумение, то возле каждого поля имеется иконка с вопросительным знаком, кликнув по которой, вы увидите подсказку.

Заполняем форму необходимыми данными. После подтверждения корректности заполненных данных мы попадем на страницу с кнопкой, предлагающей получить html-код счетчика.

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

Предложенные цвета по умолчанию вам, скорее всего, могут не подойти. Не беда. Кликнув по счетчику, мы можем выбрать его цветовое оформление, вписывающееся в дизайн вашего сайта. Выбрав счетчик, опускаемся вниз страницы и жмем кнопку получения его кода. Кстати, если затем вы передумаете и захотите использовать другой вариант счетчика, то всегда можно вернуться на эту страницу и поменять свой выбор. Идем далее. Сгенерированный код счетчика посещений мы можем увидеть в текстовом поле.

Осталось скопировать полученный код и добавить его на наш сайт.

КАК ВСТАВИТЬ СЧЕТЧИК НА САЙТ WORDPRESS

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

В админке сайта идем в раздел Редактор, находящийся в меню Внешний вид. На открывшейся странице нас интересует шаблон footer.php (Подвал). Открываем его кликом по соответствующей ссылке в разделе Шаблоны справа.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

В редакторе откроется код данного шаблона. Находим в нем закрывающий тег body и перед ним вставляем код скопированного счетчика посещений.

Сохраняем изменения, нажав кнопку Изменить файл. После сохранения идем на сайт — где-то внизу страницы вы должны увидеть картинку счетчика посещений вашего сайта.

Скорее всего, счетчик будет расположен не там где нужно, тем самым испортив внешний вид страницы, как на скриншоте выше. В этой ситуации можно поступить двояко. Во-первых, можно выровнять счетчик, обратившись для этого к файлу стилей вашей темы. В качестве примера я помещу код счетчика в блок с классом counter.

Теперь для указанного блока добавим простейшее правило, центрирующее счетчик посещений:

.counter{text-align: center;}

.counter{text-align: center;}

В результате счетчик посещений будет выровнен по центру.

Это первый способ. Однако многим он может не понравиться и кто-то не захочет вообще показывать картинку счетчика посетителей. Как это сделать? А очень просто — используем все тот же файл стилей темы WordPress и для блок counter, в который мы обернули счетчик, добавим правило, скрывающее счетчик на странице:

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

Вот, собственно, и вся премудрость. Как видите, установить счетчик на сайт WordPress проще простого. Оставляйте ваши комментарии к статье. Удачи!

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

WordPress-Ученик

12 фишек без которых Вы не создадите полноценный сайт на WordPress!

Смотреть

webformyself.com

Яндекс Метрика для WordPress. Установка на сайт

(Последнее обновление: 26.05.2019)

Привет, дорогие дамы и господа! Маленький пост сегодня, для тех, кто только приступил к освоению CMS WordPress. Если столкнулись с проблемой и не знаете, как и куда установить код счётчика Яндекс Метрика на ваш сайт WordPress, то вы попали по правильному адресу. Ведь этот блог создан, в основном для начинающих пользователей популярной платформы. И так, способы установки кода счетчика Яндекс.Метрика на сайт вордпресс.

Яндекс Метрика для WordPress

Я покажу вам два способа установки счётчика от Яндекс на сайт: Первый способ — это редактирование файла в вашей теме и второй способ, установка счётчика Яндекс Метрики с помощью плагина.

Что такое Яндекс Метрика?

Яндекс.Метрика — это инструмент веб-аналитики, который помогает получать наглядные отчеты, видеозаписи действий посетителей, отслеживать источники трафика и оценивать эффективность онлайн- и офлайн-рекламы. Все инструменты Яндекс.Метрики бесплатны, кроме Целевого звонка.

Установка счетчика Яндекс Метрика на WordPress

Добавьте код счетчика в HTML-код всех страниц сайта. Код нужно разместить в пределах тегов <head>….. </head> или <body>…. </body> как можно ближе к началу страницы: так он будет раньше загружаться и сможет отправить данные о просмотре в Метрику, даже если посетитель почти сразу же закроет страницу.

Если вы установили код на сайт, а потом поменяли настройки счетчика, код нужно обновить на всех страницах.

Данный способ подойдёт тем, кто не собирается в дальнейшем менять тему сайта. Установил скрипт в шаблон и забыл. Для установки скрипта счётчика на сайт/блог, зайдите в раздел: Внешний вид — Редактор. Далее, откройте файл Подвал (footer.php) вашей темы, в самом низу найдите тег </body> и чуть выше его вставьте подготовленный скрипт счётчика:

Файл футер темы

Обновите файл. Готово. Если вы вдруг, поменяете тему блога, тогда проделайте эту операцию снова. В раздел </body> можно также вставить код счётчика с Информером.

Если же устанавливать код счётчика в раздел <head>….. </head> то открываем файл Заголовок (header.php). И в начале страницы вы найдёте данный раздел куда можно вставить код метрики.

Как установить Яндекс Метрику на сайт вордпресс с помощью плагина

Для системы WP есть готовые плагины. Яндекс рекомендует следующие модули для этой цели.

Плагин Яндекс Метрика

Яндекс.Метрика для сайта WordPress

Яндекс Метрика для вашего сайта на WordPress. Я например и не знал, что есть такой простой, специальный плагин. Думал, что все ручками вставляют различные счётчики в шаблон блога, а оказалось — нет. Написал данный модуль Konstantin Kovshenin, спасибо большое ему за это. Плагин Яндекс Метрика для ВордПресс позволит вам легко вставить код счётчика от Yandex на ваш сайт. При этом вам не нужно редактировать файлы вашей темы, и счётчик метрики продолжит работать даже при постоянной смене вашей активной темы.

Установить плагин можно через административную панель управления. Плагины — Добавить новый. В окно поиска плагинов в ставьте Яндекс Метрика:

Установка Яндекс Метрики в Вордпресс

После успешной установки, активируйте его. Затем зайдите в раздел Настройки — Yndex Metrika:

Настройки — Yndex Metrika

и на открывшейся странице вставьте код вашего счётчика:

Вставка кода счётчика метрики

Нажмите кнопку «Сохранить изменения». Всё, готово. Теперь, при замене активной темы (шаблона) вашего сайта на другую, скрипт не надо переустанавливать, он всегда будет работать. Ещё один plugin

Яндекс Метрика счётчик плагин вордпресс

Яндекс Метрика счётчик

Счётчик Метрика  — самый простой способ установки счётчика на ваш сайт. Возможности плагина:

• простое управление настройками счётчика;
• поддержка вебвизора 2.0;
• поддержка CDN;
• вывод счётчика на основе ролей пользователей;
• простой вывод информера с гибкими настройками.

В этом плагине достаточно указать только номер вашего счетчика:

Настройка счётчика

Можно выбрать в какой раздел установит код метрики:

Способ установки кода счётчика

Если есть желание вывести Информер на боковую панель, то и это возможно:

Настройка виджета — Информер

Включая настройку Информер, вы делаете публично доступной статистику по посетителям, визитам и просмотрам на вашем счетчике.

Остальные рекомендации Яндекса это — плагин DL Yandex Metrika (Просмотр статистики Яндекс.Метрики в административной части сайта) и Yandex Metrica (Лучший плагин для использования Яндекс.Метрики на вашем сайте WordPress). Выбирайте на свой вкус.

Да, вот с этим универсальным модулем можно вставить на сайт любой код (код счётчика Яндекс.Метрики, Google Analytics, мета-тег для подтверждения в Яндекс. Вебмастер и т.д.).

Вот пожалуй и всё, о чём я хотел вам сегодня сообщить. Надеюсь, было полезно.

До новых встреч. С уважением, Сергей!

wordpressmania.ru

Как установить яндекс метрику на сайт wordpress: простое добавление кода счетчика

Метрика наилучший инструмент, Analytics от Google хороший, мультиязычный, но сложный для понимания. Metrika дает простое решение по аналитике трафика и более эффективному управлению.

Как сформировать код счетчика Yandex Metrika

Начнем с создания кода яндекс. Заходим на официальный сайт и нажимаем Добавить счетчик.

Добавить счетчик

На следующей странице настраиваем поля, а именно:

Заполнение анкеты

• Имя вводим для определения счетчика в системе
• Адрес сайта с протоколом https если есть
• Если будете просматривать поведение посетителей, и следить как они просматривают страницы, то включите Вебвизор
• Отмечаем галочку согласия с пользовательским соглашением
• Жмем создать счетчик

На следующей странице предлагается два варианта установки, с помощью встраивания кода, либо плагином.

Варианты установки

Советую поставить галочку в одну строку, что значительно укоротит скрипт, остальные для WordPress ставить бессмысленно.

Выбираем необходимые функции

Ниже расположен конфигурация для вставки на сайт. Есть два пути:

1. Установить код вручную
2. Использовать специальные модули WordPress

Код метрики

Не забываем скопировать и внизу нажать кнопку Начать пользоваться, чтобы зарегистрировался в системе яндекса.

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

Добавить метрику через настройки темы без плагина

Заливать метрику советуем в низ сайта, или на сленге в подвал (footer), так счетчик посещений должен фиксировать посещение после полной загрузки страницы.

В большинстве тем существует настройка, чтобы установить без плагинов и редактирования внутренних файлов. Разберем на примере нашего шаблона ROOT. В нем есть соответствующий раздел, для начала в админпанели входим в Внешний вид > Настроить.

Пункт Настроить

На странице кастомайзера переходим в Блоки и расположение > Подвал, находим текстовую область Счетчики, и в нее вставляем код скопированный в яндекс метрике, нажимаем Опубликовать.

Область темы вставки в подвале

Способ не универсальный, но направление должно быть такое, чтобы вставить код в футер страницы. Если такой возможности в теме нет, то прибегнем к редактированию файлов.

Во всех темах есть файл footer.php, за исключением эксклюзивных с themesforest, у которых куча не скомканных файлов предназначенных не понятно для чего. Для полностью ручного процесса заходим Внешний вид > Редактор.

Стандартный редактор

• Проверяем та ли тема выбрана для изменения
• Находим в правой колонке Подвал (footer.php)
• В левом окне кода спускаемся вниз и находим закрывающий тег /body
• Перед ним вставляем скопированный код метрики
• Нажимаем Обновить

С помощью FTP

Аналогично устанавливаем яндекс с метрикой при помощи FTP, подключаемся к серверу. Идем в папку wp-content/название активного темплейта/footer.php, нажимаем на нем правой кнопкой мыши, выбираем правка. Перед закрывающим тегом body вставляем скрипт.

FTP

Сохраняем и перезаписываем документ на сервере хостинга. Почему именно в футер? Причин две:

1. Footer.php отображается на каждой странице ресурса, чтобы яндекс смог анализировать все заходы
2. Все скрипты должны располагаться внизу исходного кода, потому что в начале должен загружаться контент, а потом остальные модули

С помощью плагина

При отсутствии желания разбираться с настройками темы и файлов, можно воспользоваться плагинами, что является плюсом в WordPress. Рекомендуем DL Yandex Metrika. Устанавливается стандартно можно скачать с официального сайта, либо через панель поиска в админке WordPress.

Находим DL Yandex Metrika

В панели появится новый пункт DL Metrika, заходим делаем доступ по токену. Нажимаем Разрешить доступ.

Нажимаем кнопку разрешения доступа

Перекинет на страницу Яндекс OAuth где нужно нажать на разрешить.

Обязательно нужно быть авторизованным под тем аккаунтом на Яндексе, к которому привязана метрика данного сайта.

Разрешение к приложению

Далее перекинет на страницу с токеном, копируем его.

Копируем комбинацию

Идем обратно в плагин и вставляем api токен в поле и нажимаем Сохранить и продолжить.

Прописываем токен

На следующей странице выбираем из списка сайтов, тот по которому необходимо собирать статистику.

Выбираем домен

После завершения, система начнет отображать данные по сайту. Полная интеграция, не совсем удобное пользование, но справляется отлично.

Проверка подключения

Счетчик смогли подключить с помощью удобного для вас способа, далее нужно посмотреть и проверить все ли работает. Переходим обратно в яндекс Metrika, и смотрим на экран, если статус в обработке, то значок будет гореть желтым цветом.

Желтая иконка

Нажимаем на желтый значок со стрелочкой, и Metrika начнет проверку наличия кода на странице, если все хорошо, то он станет зеленым. Переходите по названию и настраивайте инструменты, например, отчеты и цели.

Зеленый значок метрики

Если иконка стала красной, то Яндекс не отображает и не находит скрипт. Значит проверяйте правильность ввода данных.

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

В статье я ответил на вопрос как установить яндекс метрику на сайт WordPress, с помощью нескольких достаточно простых способов, рад был помочь, успехов!

wpcourses.ru

Как установить счетчик Яндекс Метрики в WordPress + плагины

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

Есть 2 принципиально разных способа реализации задачи: правка файлов шаблона и с помощью плагинов. Причем в первом направлении можно выделить еще 2 метода — редактирование макета через FTP и внутри самой админки.

Поскольку в прошлой статье о том как добавить Google Analytics в WordPress я рассказывал про работу с FTP, то сегодня будем использовать возможности CMS. Также в конце поста приведу краткий обзор нескольких плагинов Яндекс.Метрики для Вордпресс специально тем людям, которые панические боятся прикасаться к правке темы.

Общий алгоритм добавления Метрики на WordPress сайт, по которому будем действовать:

1. Регистрация в самом сервисе и общая настройка аккаунта.
2. Выбор и активация нужных вам параметров отслеживания аналитики и получение соответствующего кода вставки.
3. Интеграция данного кода в подключенный активный шаблон.

В принципе, ничего сложного, но абсолютным новичкам в теме крайне рекомендую прочитать все заметки «трилогии». В последней, кстати, недавно рассмотрел 20+ популярных плагинов статистики.

Установка Метрики в WordPress (через админку в Footer)

Внимание(!) В отличии от предыдущей публикации мы будем: 1) добавлять код в подвал (футер) нашего веб-ресурса; 2) делать это через WP админку. Таким образом покажу вам еще один принцип работы, однако, если хотите, вместо футера можете разместить отслеживание в хедер (header.php). Какой-то сверх принципиальной разницы лично я не вижу: раньше аналитику юзали в конце страницы дабы не мешать ее загрузке, но сейчас все сервисы работают асинхронно, и считается, что чуть лучше данные грузятся из хедера (особенно, когда сайт медленный).

1. После регистрации и входа в свой аккаунт Яндекс.Метрики находите сверху кнопу «Добавить счетчик». При клике по ней появится следующая форма:

Здесь:

• Пишете имя — любое произвольное для отображения в системе.
• Вводите адрес своего сайта, например kasinoazov.com (можно добавить несколько).
• Отмечаете галочку «Принимать информацию только со указанного домена» (дабы сторонние значения не попадали в отчеты).
• Ставите часовой пояс.
• Если надо, дополнительно активируете функции Вебвизора, отслеживания скроллинга и т.п.

Затем соглашаетесь «Принять условия» пользовательского соглашения и нажимаете «Создать счетчик».

2. На следующем шаге вы сможете выбрать метод как вставить код Яндекс Метрики в WordPress и на другие CMS — через обычный HTML или с помощью существующих специальных решений. Признаться, юзабилити здесь получше чем у Google Analytics.

Нам нужна вкладка «HTML», где над формой кода увидите открывающийся блок «Дополнительные настройки».

Лично я тут всегда отмечаю:

• асинхронный вывод;
• в одну строку;
• информер — если хотите показывать счетчик;
• альтернативный CDN — позволяет корректно работать из любых регионов, где есть определенные сложности, например сейчас Яндекс.Метрика в Украине заблокирована.

После указания всех параметров внизу найдете готовый для вставки код.

3. Теперь заходим админ панель WP и выбираем пункт меню «Внешний вид» — «Редактор». По умолчанию будет открыта ваша текущая тема, поэтому остается только кликнуть по названию нужного файла — footer.php. Наверняка вы заметили, что в последней версии WP 4.9 появилась подсветка синтаксиса и автоматическая проверка ошибок.

Выбираете место в шаблоне, куда именно хотите установить код Яндекс Метрики в Вордпресс проекте. Разработчики советуют добавлять его в Header дабы учитывать даже тех юзеров, которые моментально закрыли страницу, но лично я ставлю его там, где хочу отображать счетчик  — не охота «разрывать» информер и блок отслеживания по разным файлам макета.

Затем нажимаете на кнопку «Обновить файл» и проверяете все ли хорошо работает во фронтенде + внутри сервиса аналитики. Если собираетесь изменять настройки счетчика, то после выбора и сохранения соответствующих опций его нужно будет заново переустановить в шаблоне.

Плагины Яндекс Метрики для WordPress

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

Yandex Metrica

Из всех трех Yandex Metrica наиболее функциональный плагин со множеством фишек:

• легкая работа с разными параметрами счетчика;
• встроенный виджет статистики для консоли;
• отслеживание и отображение результатов с учетом ролей пользователей;
• поддержка i18n переводов.

Он полностью бесплатный. Имеется 20тысяч скачиваний, совместимость до последней версии WP и весьма недавнее обновление. Для установки важно чтобы в футере у вас был доступен хук wp_footer.

Просматривать статус внутри админки можно только в продвинутом режиме, которому понадобится доступ к API сервиса. Если данные/график не отображается, еще раз проверьте настройки счетчика — иногда в новых слегка глючит API.

Яндекс Метрика By Konstantin Kovshenin

Этот модуль отлично подойдет самым начинающим юзерам, т.к. избавляет от необходимости редактировать шаблон. После установки и активации в системе появится специальная одноименная страница с формой куда надо вставить код Яндекс.Метрики для WordPress сайта.

Преимущество такого подхода в том, что при смене макета вам не придется повторно выполнять подключение статистики. Загрузок у решения под 30 тысяч, но оно не обновлялось более 2х лет. Хотя с другой стороны, на его простую функциональность вряд ли это как-то влияет.

DL Yandex Metrika

Отличительная особенность плагина среди всех остальных — возможность видеть аналитику непосредственно через консоль. Причем здесь имеется не просто небольшой виджет, а подключен вывод разных данных в таблицах и графиках. Загрузок не так много как у других — всего 3 тысячи, но, вероятно, потому модуль новый.

Итого.  Выбор способа как поставить Метрику на WordPress целиком и полностью зависит от ваших целей и опыта:

• Если собираетесь детально разбирать все отчеты, то лучше делать это непосредственно в онлайн сервисе, а в Вордпресс просто интегрировать соответствующий код (через админ панель, FTP или модули).
• Тем, кто хочет просматривать какие-то данные в консоли, пригодится один из плагинов — первый или третий из обзора.
• Делаете проект заказчику, который собирается часто менять шаблоны? — ставьте решение от Konstantin Kovshenin, где всю процедуру нужно выполнять лишь один раз.
• Кстати, иногда в продвинутых WP темах есть специальная отдельная опция, позволяющая вставлять HTML в футер — она отлично подойдет и для статистики.

Если есть что добавить про счетчик Яндекс Метрики на сайте Wordpress, пишите в комментах. Там же задавайте свои вопросы.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

wordpressinside.ru

Как добавить код на сайт WordPress

(Последнее обновление: 04.05.2019)

Привет, друзья! Сегодня у нас важная тема — Как добавить код на сайт WordPress без редактирования файлов? Практически на все создаваемые сайты приходится добавлять коды тех или иных сервисов (например, код счётчика Яндекс.Метрики, Google Analytics, мета-тег для подтверждения в Яндекс. Вебмастер), а в некоторых случаях необходимо добавить произвольный CSS/JS код, который будет выводится на всех страницах сайта.

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

Для решения этой задачи в WordPress есть несколько путей:

• добавить код в тему вручную;
• использовать уже готовые плагины.

Добавление кода вручную через тему влечёт за собой несколько проблем: при смене темы придётся переносить коды, а для добавления или изменения кодов всегда придется изменять файлы темы, что очень неудобно. Поэтому для решения этой задачи логично использовать плагины.

Плагин LuckyWP Scripts Control

LuckyWP Scripts Control

Подавляющее большинство плагинов фактически добавляют в панели управления WordPress два поля, содержимое которых будет выводится в шапке (внутри тега <head>…</head>) и в подвале (перед закрывающим тегом </body>) соответственно. Но в этой статье мы рассмотрим наиболее интересный плагин — LuckyWP Scripts Control. Отличительной чертой плагина является очень удобный интерфейс: каждый блок кода добавляется отдельно, а порядок блоков и и их месторасположение на странице изменяется простым перетаскиванием.

Плагин опубликован в официальном репозитории WordPress (https://ru.wordpress.org/plugins/luckywp-scripts-control/), поэтому установить его можно любым удобным способом. После установки и активации плагина в меню панели управления WordPress в разделе «Настройки» появится пункт «Скрипты».

Раздел Настройки пункт Скрипты

Разместить код можно не только в области <head>…</head> и перед закрывающим тегом </body>, но и перед открывающим тегом <body>, что в некоторых случаях важно.

Как добавить код на WordPress

Для добавления нового кода нажимаем на кнопку «Добавить код» в соответствующей области. Откроется всплывающее окно:

Добавить код на сайт ВордПресс

В поле «Заголовок» вбиваем соответственно заголовок, он на сайте не выводится и нужен исключительно для удобства. В поле «Содержимое» добавляем необходимый код. Затем жмём «Добавить» и всё, код уже на сайте. Теперь при обновление темы WordPress код/скрипт/мета-тег никуда не пропадёт, он всегда будет на блоге ВордПресс.

Возможно добавить/вставить:

• Добавление кода Google Analytics, Яндекс. Метрики и другие счётчики.
• Добавить мета-тега для верификации в Google, Яндекс, Mail.Ru и т. д..
• Вставить код Google Tag Manager
• Добавление кода пикселя Facebook.
• Вставка произвольных мета-тегов.
• Добавление произвольного JS/CSS/HTML кода.

Для управления порядком вывода скриптов и их местоположением нужно нажать на область слева от заголовка и перетащить скрипт в нужное место:

Можно перетащить скрипт в нужное место

Любой скрипт можно скрыть/показать, отредактировать или удалить. При наведении на скрипт появляются соответствующие кнопки:

Скрипт можно скрыть/показать, отредактировать или удалить

Данный плагин решает на 100% возложенную на него задачу и при этом предельно прост и удобен в использовании. Рекомендуется к применению 🙂

Плагин LuckyWP Scripts Control переведён на русский язык и абсолютно бесплатен.

Надеюсь, товарищи, сегодняшний пост был вам полезен. До новых встреч, пока, пока.

Поделиться в социальных сетях

wordpressmania.ru

Как установить Яндекс метрику на wordpress. Ручками и плагином

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

Первым делом нам нужно зарегистрировать учетную запись в Яндексе, иными словами создать себе почту. После того как вы авторизируетесь, переходим по адресу metrika.yandex.ru и создаем себе счетчик.

Нажимаем кнопочку добавить и оказываемся на основной форме:

Тут вы производите настройки вашей будущей метрики. После того как вы ввели необходимую информацию переходим непосредственно к корректировке кода счетчика:

В данных настройках мы выбираем себе внешний вид информера, либо же вовсе отключаем его. После «подгона под себя» всех настроек копируем код Яндекс метрики для дальнейшей установки на сайт.

Как добавить Яндекс метрику на сайт WordPress

Мы дошли до самого главного,  как установить Яндекс метрику на wordpress в файл шаблона. Куда же вставлять код? Это либо footer.php либо header.php файлы вашей темы. В Чем разница между двумя способами?

Корректнее статистика будет при вставке в хедер, лучше для производительности вставлять код в футер. Если ваш сайт «летает» тогда вам лучше ставить конечно же в файл header.php, так как это не особо повлияет на скорость загрузки сайта. Если же ваш сайт тормозит, то во-первых нужно ускорить ваш WordPress, во-вторых размещать код в footer.php. Сейчас мы разберем оба варианта вставки.

Итак, начнем с нашей головы, то-есть с файла header.php, его вы можете найти как в админке WordPress так и в файлах на сервере, к которым вы должны иметь доступ через панель администрирования хостингом либо же воспользоваться FTP доступом (последний вариант наиболее приемлемый).

Вставляем код метрики в хедер

Суть везде одинакова, текст файлов так же по этому покажу на примере с админкой, так сказать для самых маленьких. Порядок действий:

1. Заходим в админку.
2. Выбираем пункт меню «Внешний вид»/»Редактор».
3. С правой стороны будет список файлов текущей темы WordPress, находим header.php и нажимаем на него.
4. Находим такой тег </head>.
5. Прямо перед ним вставляем код Яндекс метрики.
6. Сохраняем изменения.

Выглядеть это должно примерно так:

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

Вообще, нам нужно вырезать часть кода метрики, этот участок очень легко найти, он находиться в самом начале. Начинается и заканчивается таким комментом:

<!— Yandex.Metrika informer —>
<!— /Yandex.Metrika informer —>

Все что между этим, включая и комментарий, вырезаем и устанавливаем там где нужно. Это может быть виджет, как добавлять виджеты я думаю вы уже знаете. В подавляющем большинстве случаев картинку, такую себе «хвастливую» иконку ставят в подвале сайта. Как это сделать мы разберем далее, в любом случае счетчик уже начал работать, не важно с информером или без него.

Ставим код метрики в подвал

Все тот же код, все той же метрики от Яндекса, только не в голове, а в … сами понимаете где. Опять же таки, план действий особо не отличается от предыдущего:

1. Заходим в админ панель.
2. Переходи «Внешний вид»/»Редактор».
3. В списке выбираем footer.php.
4. Находим такой тег </body>.
5. Перед ним вставляем код Яндекс метрики.
6. Сохраняем изменения.

Так у вас получилось?

Теперь вернемся к нашим баранам и попробуем поставить информер там где нужно. Какой участок нужно переместить я писал выше, теперь подумаем куда его вставить.

С виджетом все понятно, висит себе сбоку и никаких настроек не требует, разве что отцентрировать немного. Что же делать с подвалом? Если честно тут подхода как такового нет, просто берете и тыкаете его перед каким-то дивом (открывающийся или закрывающийся блочный тег <div>), сохраняете изменения и смотрите где вылезла картинка. Для более продвинутых, простите за такое объяснение, пытаюсь что бы было доступно абсолютно всем.

Если нас расположение не устраивает идем к следующему диву или к любому другому тегу и вставляем туда. Так перебираем пока не «попадем» туда куда нужно. Для тех кто соображает хоть немного в html, проблем не должно возникнуть. Для тех кто абсолютный ноль привожу картинку где можно располагать информер в футере:

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

Ну что установили свой «злосчастный» код? Что так и не решились полезть в файлы темы, тогда специально для вас следующий раздел статьи.

Как установить Яндекс Метрику на WordPress с помощью плагина

Перед тем как вы начнете устанавливать плагин, настоятельно рекомендую помучится с предыдущими вариантами, они гораздо выгоднее во всех отношениях. Если вы уже настолько отчаялись что не собираетесь больше пытаться править код, тогда представляю вам плагин с одноименным названием «Яндекс Метрика».

Как добавить плагин можно почитать тут. К моему удивлению по запросу в поиске плагина «Яндекс Метрика» мне не выдало нужного результата. Искать плагин оказывается нужно так (Yandex.Metrika):

После того как вы установили плагин, активируем его и переходим в пункт меню «Настройки»/»Яндекс Метрика» и вставляем код в одно единственное поле:

Сохраняем изменения и все. Код установлен, метрика начала свою работу и вас можно поздравить, вы разобрались как установить Яндекс метрику на WordPress с помощью плагина.

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

Получилась довольно большая статья, по совсем маленькой теме. Ну как вышло так и будет. Главное что бы вы смогли установить Яндекс Метрику на WordPress, как в ручном режиме так и с помощью плагина.

yrokiwp.ru

Как установить счетчик на сайт wordpress за пару минут

От автора: думаете, как установить счетчик на сайт wordpress? Это не составит особого труда. Главное, выбрать какой, а далее процесс установки займет не более 5 минут.

Какой счетчик выбрать?

Прежде всего, это зависит от ваших целей. Никто не знает о них кроме вас. Между тем, от этого напрямую зависит то, какой счетчик вам больше подойдет. Самые распространенные такие:

Google Analytics – самая продвинутая аналитика. Мощнейший механизм и практически неограниченные возможности в плане сбора статистики и проведения аналитики. Для новичков не является лучшим вариантом, так как начинающим, скорее всего, весь предлагаемый инструментарий просто не пригодится, да и настроек и возможностей в Аналитиксе невероятно много, так что разобраться с нуля будет не так просто.

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

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Яндекс.Метрика – хотя метрика тоже считается достаточно мощной системой статистики, все же по возможностям она уступает сервису от Гугла. Но это только при детальном рассмотрении. Так, конечно, это наиболее приятный и лояльный к новичку сервис, тут достаточно просто разобраться новичку, а дополнительный функционал можно освоить по статьям и видеоурокам.

Метрика – это хороший выбор для тех, кому нужно не только посещаемость в конце дня глянуть, но и максимально оптимизировать свой сайт. Сервис позволяет легко устанавливать цели (например, клик по кнопке, заказ обратного звонка и т.д.). В общем, упрощенная версия Analytics с отличным дизайном. Используют практически все, очень популярная система для сбора статистики.

Liveinternet – если сравнивать возможности этого счетчика с двумя предыдущему, то уже через пару минут вы придете к выводу, что счетчик от LI – это детский лепет по сравнению с Аналитиксом и Метрикой.

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

Но все же LI – это выбор большинства штантных веб-мастеров, потому что это самый простой и понятный в установке счетчик, который все же выдает немало полезной информации. В основном им пользуются владельцы сайтов, цель которых – взглянуть 1-2 раза в день на статистику, откуда был трафик, и пойти дальше заниматься своими делами.

В связи с этим, я советую вам остановить свой выбор на Liveinternet в том случае, если вам не нужен дополнительный функционал, не нужны цели и красивые диаграммы, сложные интерфейсы и продвинутая аналитика. Если вы простой веб-мастер, которому лишь примерно нужна знать посещаемость своих проектов, вам вполне подойдет LI.

Устанавливаем Liveinternet

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

Да и поставить его проще всего. Для этого перейдите на сайт liveinternet и в левом верхнем углу найдите ссылку “Получить счетчик”. Далее заполняем простейшую форму:

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

Участие в рейтингах можно настроить. В частности, не участвовать вообще. Ну а если вы через 3-5 лет хотите увидеть свой сайт где-нибудь в топ-100 в какой-то категории, можете участвовать. Потом гордо выпятите грудь. Будет что внукам показать)

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

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

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

На следующем шаге вам нужно зарегистрировать счетчик. Все, теперь остается его только создать и добавить на сайт. На следующей страничке вас ждет самое интересное – выбор самого счетчика и настройка его дизайна. В целом, liveinternet предлагает варианты под любой дизайн. Вот некоторые из них:

Чаще всего ставят именно такой счетчик. На нем видно кол-во просмотров за 24 часа, посетителей за 24 часа, а также за сегодняшний день. Есть и другие варианты. Например, где показывается только кол-во посетителей за сегодня, либо вообще ничего, а только логотип liveinternet.

Ну а самый расширенный вариант счетчика вот такой:

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

Когда с самим внешним видом вы определитесь, ваш нужно будет сделать ключевой выбор:

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

Как установить код счетчика на сайт? Достаточно просто. Перейдите в админке в пункт редактор (вкладка Внешний вид). Найдите в списке файлов header.php:

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

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

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

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Основы создания тем WordPress

Научитесь создавать мультиязычные темы с нестандартной структурой страниц

Смотреть

webformyself.com