Асинхронный код счетчика. Как сделать счетчик посещений красивым

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Счетчик посещений – установленный на сайте сервис, предназначенный для получения и обработки информации о посетителях.


Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

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

Нужен ли счетчик посещений для сайта

Данными, полученными от этого сервиса, можно воспользоваться сотнями различных способов. Рассмотрим на примерах практическую пользу:

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

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

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

Яндекс.Метрика

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

Вот некоторые из них:

  • Вебвизор – позволяет просматривать, какие действия выполнял человек, перешедший на сайт. Где он задерживал курсор и что читал с особенной щепетильностью.
  • – показывает, какие места на странице кликакались, и в каком количестве. Особенно полезно в случаях, когда необходимо установить кнопку «Купить» или превратить какой-то фрагмент текста в гиперссылку.
  • Ссылочная карта – дает возможность просмотреть весь путь посетителя, переходившего со страницы на страницу.
Google Analytics

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

Основное его преимущество – соединение различных сервисов, предлагаемых компанией, в один. Чтобы воспользоваться всеми возможностями Google, достаточно будет просто зарегистрировать почту gmail.

LiveInternet

Это наиболее распространенный вариант, установленный на множестве ресурсов. Привлекает пользователей удобным дизайном и простотой в использовании. Стоит остановить свой выбор на нем, если вы новичок в этой теме. У нас есть .

Openstat

Позволяет пользоваться множеством функций и прост в установке. Для начала эксплуатации необходимо просто установить код счетчика посещений на свой ресурс.

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

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

Процесс установки у всех выше перечисленных вариантов схож и осуществляется в несколько действий.

  • Регистрируемся в необходимой системе.
  • Вносим данные о своем сайте.
  • Устанавливаем необходимые вам настройки.
  • Вставляем код, предоставленный сервисом, себе на ресурс, предварительно прочитав выданную инструкцию.

    • Рассмотрим методику инсталляции на примере Яндекс.Метрики

  • Вбиваем в поиске «Яндекс» и выбираем вкладку «Добавить счетчик».
  • Заполняем информацию в открывшемся окне. Необходимо будет ввести название счетчика и доменное имя.
  • Устанавливаем галочки напротив необходимых пунктов и сохраняем выданный вам код.
  • Размещаем его на нужных вам страницах сайта.

    • Обратите внимание, данные о страницах, в коде которых нет счетчика, собираться не будут.

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

    Рассказать о статье:

    13.10.2015 5322

    LiveInternet в настоящее время самый популярный счетчик. Популярность его основана на простоте настройки и интерфейса. По статистике он установлен на большинстве сайтов Рунета. Счетчик посещений Лайвинтернет - это очень полезный инструмент для всех владельцев интернет-ресурсов. С его помощью можно узнавать, учитывать и делать анализ статистики посещений сайта пользователями. Его установка позволит вам не только отслеживать статистику посещений вашего ресурса за день,…

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

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

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

    Затем необходимо заполнить поля «Имя счетчика» и «Адрес сайта», выбрать часовой пояс, принять условия пользовательского соглашения и нажать «Создать счетчик»:

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

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

    Установка

    Устанавливать счетчики лучше всего на все страницы ресурса, поэтому размещать код нужно в общем шаблоне.

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

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

    Google Analytics Создание

    Создание счетчика начинается с регистрации нового аккаунта Google Analytics. Для этого перейдите по ссылке и нажмите «Регистрация».

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

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

    О подробной настройке счетчика Google Analytics можно прочитать .

    Установка

    Установленный счетчик выглядит примерно так:

    Установка счетчиков в различных CMS Bitrix

    Чтобы установить счетчики в Bitrix, достаточно просто открыть общий шаблон и вставить код.

    Для этого, находясь на любой странице (при условии, что используется один шаблон для всех страниц), нужно развернуть административную панель (или по-другому Панель разработки), выбрать вкладку «Шаблон сайта», подвкладку «В панели управления» и нажать «Редактировать шаблон»:

    Затем вставить нужные счетчики по примерам, приведенным выше:

    WordPress

    При установке счетчиков на WordPress тоже никаких проблем возникнуть не должно.

    Достаточно в панели администрирования выбрать вкладку «Внешний вид → Редактор», открыть для редактирования файл header.php (подписан как «Заголовок») и вставить счетчики:

    OpenCart

    Для добавления счетчика Google Analytics в OpenCart предусмотрено специальное поле.

    Необходимо перейти в раздел «Система → Настройки», напротив своего магазина выбрать действие «Изменить», затем выбрать вкладку «Сервер»:

    Внизу страницы вставляем код счетчика в поле «Код Google Analytics» и сохраняем:

    Установку счетчика Яндекс.Метрики и любых других можно произвести в общем шаблоне, согласно приведем выше примерам. Для этого придется подключиться к сайту по FTP и найти файлы шаблона. Как правило, путь примерно такой: /catalog/view/theme/ваша_тема/template/common файлы footer.tpl или header.tpl

    Joomla

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

    Для этого понадобится создать HTML модуль (вкладка «Расширения → Менеджер модулей», нажимаем «Создать» и выбираем «HTML-код») и настроить его.

    Итак, создаем новый модуль:

  • Даем ему название
  • Вставляем код счетчика
  • Скрываем показ заголовка
  • Выбираем позицию
  • Привязываем ко всем страницам
  • Радуемся!

    • Если Вы используете framework, то скорее всего в нем уже предусмотрена возможность размещения счетчиков на всех страницах (придется внимательно поискать в настройках).

    Другие счетчики

    Все остальные счетчики, например Рейтинг Mail.Ru, LiveInternet и т.д., рекомендуется вставлять перед закрывающим тегом . В первую очередь это необходимо для того, чтобы код не мешал загрузке страницы. Если все-таки появится желание разместить код где-нибудь в другом месте, то тогда можно использовать асинхронную загрузку (атрибут «async» для тега ). Это позволит загружать счетчик одновременно с html-страницей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Counter{text-align: center;}

    Counter { text - align : center ; }

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

    Имя счетчика Указанное имя отображается на странице Мои счетчики и в верхнем меню переключения между счетчиками. Если не задано, используется значение поля Адрес сайта . Адрес сайта

    Основной домен сайта. Поле обязательно для заполнения. Префикс схемы/протокола (http:// , https://) указывать не следует .

    Подробно о структуре URL

    http:////?

    • - домен сайта;
    • Путь, который может иметь иерархическую структуру. Структура задается с помощью символа «/» ;
    • Имя страницы сайта;
    • Блок параметров, который отделяется от блока Символом «?» .

    Дополнительные адреса сайтов

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

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

    Переходы между всеми заданными адресами считаются внутренними.

    В этом поле вы можете указать путь сайта (path в структуре URL). Например, example.com/category/ . При этом не указывайте адрес до определенного файла или фрагмента страницы (символа «#» ) - эти указания вызовут ошибку в поле для ввода. Кроме того, не будут учитываться переданные в URL параметры запроса (часть адреса после символа «?» ).

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

    Чаще всего такая ситуация возникает в следующих случаях:

    • Кто-то (скорее всего по ошибке) инициализировал счетчик с вашим номером на своем сайте.
    • Страницы ваших сайтов просматривались через прокси-сервис.
    • Существует практически точная копия содержимого ваших страниц на других доменах. При копировании контента был скопирован и код счетчика.

    Опция Включая поддомены позволяет учитывать при фильтрации поддомены основного и дополнительных сайтов (subdomain.example.com , other.subdomain.example.com , ...).

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

    Также вы можете:

    Включить опцию «Не сохранять полные IP-адреса посетителей сайта»

    Обычно в Яндекс.Метрике сохраняется полный обезличенный IP-адрес посетителя . При включенной опции в системе запишется неполный адрес. Например, значение 192.0.2.2 изменится на 192.0.2.0 . Это снижает точность определения региона посетителя сайта.

    Чтобы включить опцию, откройте блок .

    Подтвердить согласие с Договором об обработке данных в Яндекс.Метрике

    Это необходимо, если ваша компания зарегистрирована в ЕС или Швейцарии - или вы обязаны соответствовать Генеральному регламенту о защите данных (General Data Protection Regulation, сокращенно GDPR) по другим причинам.

    Чтобы принять договор, откройте блок Дополнительные условия обработки данных .

    Дополнительные настройки счетчика

    Отслеживание хеша в адресной строке Опция применяется для AJAX-сайтов и позволяет корректно подсчитывать количество просмотров на страницах, которые обновляются без перезагрузки. Для XML-сайтов Элемент noscript не должен использоваться в XML-документах. Альтернативный CDN Опция позволяет корректно учитывать посещения из регионов, в которых ограничен доступ к Яндекс.Метрике. Использование этой опции может снизить скорость загрузки кода счетчика. Даже при включенной опции код счетчика может отправлять предварительный запрос к mc.сайт для экономии трафика. Устаревший код счетчика

    Использование старого кода счетчика, поддерживающего Вебвизор 1.0.

    По умолчанию Яндекс.Метрика использует новый код счетчика и Вебвизор 2.0 . Используйте устаревший код, только если вам необходим Вебвизор 1.0.

    Асинхронный код

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

    Отправка в Метрику данных электронной коммерции Опция позволяет подключить Ecommerce через интерфейс. Если опция включена, по умолчанию JavaScript-массиву присваивается имя dataLayer . Вы можете изменить его в поле Имя контейнера данных . Тайм-аут визита в минутах

    Это время бездействия посетителя на сайте. По истечении указанного количества минут визит будет считаться завершенным. Тайм-аут визита задается целым числом от 30 до 360. По умолчанию составляет 30 минут.

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

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

    Устанавливаем счётчик от liveinternet

    Рассмотрим пример установки счётчика от www.liveinternet.ru или сокращённо Li.

  • Переходим на сам сайт Li . В левом верхнем углу ищём «Получить счётчик» .
    • 52



  • Заполняем все данные.

    • Проблем с заполнением возникнуть не должно. Если что-то не понятно жмите на вопросик возле каждого пункта.

    Единстревеное на что нужно обратить внимание при получении счётчика — пункт «Статистика» . Выбираем «Доступна только по паролю» . Так выши конкурнеты не смогут увидеть, по каким ключевым фразам и откуда к вам приходят пользователи на сайт.

  • Жмёте «Дальше» . Проверяете ещё раз заполненные пункты (особенно e-mail) и кликаете «Зарегистрировать».
  • После жмёте «Получить html код счётчика» . В открывшемся окне выбираем один из 6 видов счётчика. Если цвет самого счётчика не подходит под дизайн сайта, жмём на понравившийся счётчик и выбираем нужный цвет.

    • Под счётчиками, где нужно поставить галочки, можно ничего не трогать и сразу жать на «получить html-код счётчика» .

  • Копируем код счётчика и вставляем на свой сайт между тегами код счётчика . После можно сразу перейти к статистике.

    • Вставляем код счётчика на Wordpress

    Если у вас не wordpress, то не повезло. Придётся искать самим куда вставить код.

  • Заходим в админку
  • Ищём «Внешний вид ->редактор»
  • Справа ищем название файла footer.php . Обычно он есть во всех шаблонах на wordpress. Если файла нет, можно попробовать вставить в другой.
  • До закрывающего тега вставляем код счётчика от Liveinternet. Сохраняем файл.

    • Чтобы проверить, работает ли счётчик, просто «побродите» по своему сайту. Если в статистике зафиксируются просмотры и 1 посетитель, то всё Ок.

    На этом всё. Желаю всем вот таких статистик.