Как просто и быстро вставить на сайт код счётчика посещаемости

Как просто и быстро вставить на сайт код счётчика посещаемости

Полезное для сайта

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

Итак, устанавливать на сайт код счётчика посещаемости мы будем с помощью плагина — Metrica. Данный плагин очень прост и удобен, не требует настройки, всё что вам потребуется сделать — это вставить код счётчика в специальное окно и нажать на кнопку сохранить. Установить данный плагин вы сможете прямо из своей админ панели wordpress, для этого перейдите по вкладке: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

Затем, чтобы попасть на страницу добавления кода, перейдите по вкладке: Настройки — Метрика .

На странице — Настройка метрики, вставьте в специальное окно код счётчика и нажмите на кнопку — Сохранить.

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

<div align=»center»>код счётчика</div> по центру.

<div align=»right»>код счётчика</div> с правой стороны.

<div align=»left»>код счётчика</div> с левой стороны.

И ещё, чтобы вы знали, можно вставлять несколько счётчиков, только следующий код вставляйте сразу после первого, не в следующий ряд, и не забудьте между счётчиками код пробел добавить, чтобы они не слипались. Код пробела можете взять из вкладки Текст в визуальном редакторе wordpress. На этом всё, если у вас остались вопросы по статье, то обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !

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

Используя стандартные возможности системы управления UralCMS Вы можете добавить код счетчика Яндекс.Метрика на свой сайт для сбора статистики посещаемости.

Видео: установка счетчика Яндекс.Метрика

Создание счетчика в сервисе Яндекс.Метрика

Перейдите на страницу https://metrika.yandex.ru/. Авторизуйтесь, используя свой логин и пароль для создания счетчика и его дальнейшей настройки для вашего сайта.

На главной странице Яндекс.Метрики, вам необходимо создать счётчик.

Нажмите — Добавить счетчик.

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

После внесения данных, нажмите «Создать счетчик«.

Настройка компонентов счетчика

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

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

Размещение счетчика на сайте

В системе управления, перейдите в настройки сайта.

Вставьте скопированный код Яндекс.Метрики в специальное поле «Счетчики«.

Далее, нажмите «Применить«, а затем проверьте отображение метрики на вашем сайте.

*Специальная пиктограмма будет расположена в специально предусмотренном месте шаблона.

Проверка корректности установки Яндекс.Метрики

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

Для этого вернитесь на главную страницу Яндекс.Метрики — https://metrika.yandex.ru/.

Слева, от адреса вашего сайта нажмите на желтую иконку в виде кольцевой стрелки.

После этого, начнётся проверка корректности установки Яндекс.Метрики.

В случае положительного ответа, иконка станет зелёной.

По завершению проверки, вы можете быть уверенны в работоспособности счетчика на вашем сайте.

Просмотр детальной статистики вашего сайта

Сервис Яндекс.Метрика позволяет подробно изучить статистику посещаемости вашего ресурса.

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

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

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

Теперь для того, чтобы собирать статистику нам нужно скопировать код Яндекс Метрики и поставить на все страницы сайта. Код устанавливается пределах тегов <head> </head> или <body> </body> как можно ближе к началу страницы сайта.

Код Метрики можно ставить на сайт несколькими способами в зависимости от того работает сайт без движка, либо имеет какую-либо CMS.

Способы установки кода Яндекс Метрики на сайт:

1. Установка в код сайта (в основном ставится на сайты работающие без CSM: одностраничные сайты, лендинги x1x.live и т.п.)
2. Установка с помощью плагина в CMS сайта (для сайтов работающих на популярных CMS: Word Press, Bitrix, MoDX, Joomla, OpenCart)
3. Установка в произвольный HTML-блок (есть нет готовых плагинов).
4. Установка в шаблон дизайна сайта в админке

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

В основном логика установки такая:

• Если сайт работает без CMS — устанавливаем в код сайта
• Если есть CMS — устанавливаем с помощью плагина
• Если CMS есть, но плагина нет — устанавливаем другими способами

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

На что обратить внимание

1. Если на сайте используется несколько CMS, например одна для сайта, вторая для блога, то код Метрики нужно ставить на все CMS, чтобы код отображался на всех страницах сайта.
2. Код Яндекс Метрики нужно ставить на абсолютно все страницы сайта. Если на какой-либо странице сайта кода не будет, что Метрика не увидите захода на эту страницу.
3. Если после установки кода вы изменили настройки Яндекс Метрики, то нужно обновить код на сайте, чтобы все изменения вступили в силу.

Установка Метрики в код сайта

Тут все очень просто, вам нужно скопировать код для установки на сайт. Войти с помощью FTP на хостинг, где располагается ваш сайт. Это можно сделать с помощью программы FileZilla (доступы в админ-панель хостинга вам предоставляет хостер)

Далее нужно все HTML файлы скопировать себе на компьютер, открыть с помощью блокнота каждую страницу и вставить код Яндекс Метрики в код. Можно поставить код перед закрывающимся тегом head. После необходимо сохранить и перекинуть обновленные страницы обратно на хостинг. Готово!

Установка метрики на WordPress

Вордпресс — популярная бесплатный движок сайта. Эта CMS довольно проста в использовании и имеет большое количество дополнений и различных плагинов и бесплатных встроенных шаблонов.

Установить метрику на Wodrpess можно двумя способами:

Добавление кода счетчика в редактор.

Заходим в админ-панель > Внешний вид > Редактор.

Далее переходим в файл footer.php.

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

Установка с помощью плагина.

В админ панели WordPress есть раздел «Плагины». Там есть уже готовые плагин Yandex.Metrika, который необходимо установить и вставить туда код.

Переходим: Плагины > Добавить новый. Введите в поиске Yandex Metrika > Найдите нужный и нажмите «Установить».

После установки и активации плагина заходим в него и устанавливаем код Метрики в плагин и сохраняем. Теперь код будет установлен на всех страницах сайтах.

Установка метрики на Joomla

Joomla — еще одна бесплатная система управления сайтом. Раньше была очень популярна. На данный момент используется уже реже. Установить код метрики можно с помощью модуля:

Создаем модуль «HTML-код» > Копируем код Метрики в модуль > Выбираем положение модуля > Отключаем отображение заголовка > Включаем отображение на всех страницах.

Установка метрики для Opencart

OpenCart — тоже бесплатная CMS. На данной CMS нет редактора кода или плагинов, тут необходимо поставить код через FTP в header.tpl или в footer.tpl или с помощью настроек.

• Заходим в ваш FTP с помощью программы FileZilla (либо любого аналога) > Ищем файлы header.tpl или в footer.tpl (Найти эти файлы можно тут catalogviewthemedefault(ваша тема)templatecommonfooter.tpl) > Ищем в тексте кода строки:

Вместо строк, выделенных жирным шрифтом вставляем код Метрики без <!—.

• Второй способ: Открываем в админ-панели Система > Настройки

Далее Изменить > Сервер.

Снизу в окно Google Analytics вставляем код Метрики.

Затем нажимаем Сохранить.

Установка метрики для Bitrix

Bitrix — довольно распространненная CMS, которая имеет очень большой функционал. Довольно часто используется для интернет-магазинов, корпоративных сайтов и больших порталов.

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

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

Жмем сохранить. Готово! Теперь код будет отображаться на каждой странице вашего сайта.

Установка метрики для MODx

MODx — бесплатная CMS, используется не так часто, но все же встречается. Рассмотрим как установить код Яндекс Метрики для данной CMS.

Заходим в административную панель сайта > Элементы > Чанки

Создаем новый чанк с названием — «metrika» с описанием Яндекс Метрика > Вставляем код Яндекс Метрики в чанки > Вставляем код чанки в код футера — footer.php.

Установка метрики для Tilda

Tilda — один из популярных конструкторов для создания сайтов. Рассмотрим как поставить код на сайты сделанные на Тильде. Тильда не единственный конструктор, есть еще — Wix, LPmotor, Setup, Nethouse, uKit, Umi и другие.

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

Рассмотрим на примере Тильды:

1. Заходим в личный кабинет > Переходим в кабинет сайта
2. Нажимаем Настройки > Аналитика > Яндекс Метрика > Выбрать счетчик
3. Жмем сохранить > Опубликовать все страницы сайта

Готово! Теперь код Яндекс Метрики будет отображаться на всех страницах сайта.

Как проверить установку Яндекс Метрики на сайте

Для того чтобы проверить установку кода на сайт необходимо зайти на metrika.yandex.ru > Найти свой счетчик > Нажать на кружок со стрелкой.

Если все установлено верно то кружок загорится зеленым цветом — это означает что код установлен правильно и данные о посещениях начали поступать в Яндекс Метрику.

Тимофей Карканица

Читайте также

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

Приводим клиентов,
а не посетителей

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

Администрация данной посадочной страницы (Сайт) не может передать или раскрыть информацию предоставленную пользователем (далее Пользователь) при регистрации и использовании функций сайта третьим лицам, кроме случаев, описанных законодательством страны, на территории которой пользователь ведет свою деятельность.

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

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

Обзор сервиса проведения акций и счетчика обратного отсчета — proТаймер

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

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

И proТаймер, как раз тот инструмент, который помогает технически и визуально такие акции проводить.

Страница продукта: proТаймер.

Но зачем proТаймер использовать, когда можно и без него?

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

• Возможность поставить таймер обратного отсчета на сайт.
• Возможность поставить таймер в письмо. Он будет реалистично работать (считать все время пока читают письмо без остановки (5+ минут), а не в течении 1 минуты как большинство таймеров, которые делают акцию похожей на подделку.
• 15+ красивых и современных дизайнов таймеров, один из которых точно идеально впишется в дизайн вашего сайта или письма. С поддержкой HD/ретина дисплеев:

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

Варианты акций

Акция до определенной даты

Это самый простой вариант. Примеры: праздничные акции (в честь Нового Года и т.п.), сезонные распродажи, акции в честь запуска продукта, в честь вашего дня рождения и просто так.

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

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

Циклическая акция

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

Более честный способ использования: для акций по выходным (или наоборот, по будним дням) и для ночных скидок.

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

С посещения страницы

Это достаточно популярный тип акций. Акция запускается с момента пользователь первый раз посетил ваш лендинг.

Идея в том, чтобы мотивировать новых посетителей выполнить нужное действие. Есть и минус – если одновременно сменить IP адрес и браузер, время начнет отсчитываться заново (легко “взломать”).

Пример такой акции: скидка при покупке в течении первых 24-х часов после посещения страницы. Или скидка на 2 часа на 2-ой продукт, после покупки первого.

Для улучшения реалистичности акции ее можно завершить в определенное время дня. Например 12 часов ночи. Потому что, если посетитель увидит, что акция длится ровное время или заканчивается не в ровное время, он может понять, что такую акцию можно сбросить.

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

А если хотите сделать еще реалистичнее, добавьте текстовую версию даты завершения акции на странице (например, строчка “Акция закончится j F в H:i по мск” превратится в “Акция закончится 4 октября в 23:59 по мск.” (с правильной датой для того конкретного посетителя).

С открытия письма

Это более интересный вариант акции “с открытия страницы”, в случае, если конечно же у вас есть база подписчиков. Плюс в том, что акция начнется как только клиент узнает о ней в письме, что смотивирует его перейти на ваш сайт. Кроме того, вы можете указать точно через сколько акция закончится прямо в письме (а если бы таймер считал с открытия сайта, то посетитель мог бы просто не перейти на ваш сайт и указанное вами время стало бы ошибочным).

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

С даты подписки

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

Этот тип отсчета можно использовать для проведения акций:

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

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

Это только для данного типа отсчета, таймер в письмо можно вставить практически в любом сервисе рассылки.

Что будет когда акция прошла?

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

Изменить страницу

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

Таймер откроет другую страницу, так, что адрес страницы в браузере не изменится. Просто сделайте 2 страницы, с акцией и без.

Поменять ссылки и картинки на странице

Плюс: просто. Минус: подходит не для всех

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

Изменить часть страницы

Плюс: максимально гибкое изменение. Минус: работает не на всех сайтах и нужно быть аккуратным с пробелами.

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

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

Плюс: самый гибкий и быстрый вариант. Минус: нужно знать как добавить класс к элементам страницы.

Для элементов, которые должны показываться во время акции добавьте класс protimer_promo. А для тех, что после окончания акции, класс protimer_nopromo. Таймер спрячет или покажет нужные в зависимости от того прошла акция или нет.

Выполнить произвольный JavaScript код

Плюс: можно сделать что угодно. Минус: нужно быть программистом или иметь его под рукой.

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

Пробный период: не ограничен, но таймеры будут выключаться каждые 2 часа (то есть можно все попробовать, но использовать для реальных акций не получится).

Цена за 1 таймер начинается с 41 рубля, а за неограниченное кол-во 199 рублей в месяц.