Создание GNRCounter занимает несколько минут и не требует аккаунта. Вы вводите свой сайт, выбираете, как будет выглядеть счётчик и на каком языке он будет «говорить», а GNRCounter выдаёт короткий код, который нужно вставить на ваши страницы. GNRCounter работает на 16 языках: сайт и панель доступны на всех, а язык самого счётчика вы выбираете при создании.
Форма создания с пронумерованными областями. Сайт и значения на изображениях — примеры.
Форма шаг за шагом
Номера ниже соответствуют отметкам на изображении.
- ЗаголовокСтраница открывается заголовком и коротким вступлением. Аккаунт не нужен.
- URL сайтаВведите домен сайта, который хотите измерять, например example.com. Часть https:// уже подставлена.
- Страна и часовой поясВыберите страну вашего сайта, затем часовой пояс этой страны. Часовой пояс задаёт суточный период отчётов.
- ЯзыкВыберите язык, который показывает счётчик, из 16 языков.
- Начальное значениеЦелое число от 0 до 999 999 999. Оно задаёт итог, показываемый на счётчике, а не отчёты о прошлых визитах.
- ЦветаЦвет фона и цвет текста — через выбор цвета или шестизначный код HEX, например #FFFFFF.
- Вид счётчикаТекст, Бегущая строка или Скрытый. Следующий раздел объясняет все три.
- Статистика и предпросмотрДля Текста и Бегущей строки отметьте показываемую статистику и следите за изменением предпросмотра.
- УсловияПоставьте флажок, чтобы принять Условия использования и Политику конфиденциальности. Примечание ниже напоминает, что вы отвечаете за информирование посетителей и получение согласия, которого требует закон.
- Создать бесплатный счётчикСоздаёт счётчик и открывает экран результата.
Три способа показать счётчик
Переключайте вкладки, чтобы увидеть каждый вид.
«Текст» показывает отмеченную статистику простым текстом на вашей странице — прямо там, где стоит код. Вариантов девять: посетители онлайн, посетители сегодня, просмотры страниц сегодня, посетители в этом месяце, посетители в прошлом месяце, всего просмотров страниц, всего посетителей, ваш IP-адрес и ссылка «Статистика». Онлайн, сегодня, всего посетителей и ссылка отмечены по умолчанию.
«Бегущая строка» показывает выбранную статистику рядом в бегущей полосе, закреплённой внизу каждой страницы. Посетители могут приостановить её наведением курсора и закрыть.
«Скрытый» отслеживает посетителей, не показывая счётчик. Код отслеживания всё равно должен стоять на каждой странице, которую вы хотите измерять, а цифры вы читаете в панели.
Создание счётчика с первого взгляда
Детали крупным планом
После создания счётчика
Добавление кода на популярные платформы
Вставляйте фрагмент точно в том виде, в каком он выдан, и не добавляйте async или defer. Счётчик «Текст» выводит себя там, где стоит код, поэтому поместите его туда, где хотите его показать, например в подвал. «Бегущую строку» или «Скрытый» счётчик можно вставить в любую область кода для всего сайта. Названия меню время от времени меняются; если что-то выглядит иначе, загляните в справку вашей платформы.
Обычный HTML
Вставьте фрагмент перед закрывающим тегом </body> каждой страницы или один раз в подвал либо файл шаблона, общий для ваших страниц.
WordPress (на своём хостинге)
Вставьте его в подвал темы, лучше в дочерней теме, или используйте плагин для скриптов шапки и подвала. Счётчик «Текст» подойдёт для виджета подвала или блока «Произвольный HTML».
WordPress.com
Пользовательские скрипты требуют тарифа, допускающего плагины или собственный код. Если ваш тариф этого не допускает, добавить фрагмент нельзя.
Shopify
Откройте Online Store → Themes → Actions → Edit code, откройте theme.liquid и вставьте фрагмент прямо перед </body>.
Wix
Откройте Settings → Custom Code → Add Custom Code. Вставьте фрагмент, выберите All pages и Body - end, примените и опубликуйте. Custom Code требует тарифа Premium с подключённым доменом. Здесь используйте «Бегущую строку» или вид «Скрытый».
Squarespace
Откройте Settings → Developer Tools (или Advanced) → Code Injection, вставьте фрагмент в поле Footer и сохраните. Code Injection требует тарифа Business или Commerce.
Webflow
Откройте настройки сайта, перейдите в Custom code, вставьте фрагмент в поле Footer code (перед </body>) и опубликуйте. Пользовательский код требует платного тарифа сайта.
Blogger
Откройте Theme → Edit HTML, найдите </body> и вставьте фрагмент прямо перед ним. Для счётчика «Текст» гаджет HTML/JavaScript в макете разместит его где нужно.
Joomla
Отредактируйте index.php вашего шаблона и вставьте фрагмент перед </body> либо добавьте его в модуль Custom, чтобы счётчик «Текст» появился там, где стоит модуль.
Google Tag Manager
Создайте тег Custom HTML с фрагментом и триггером All Pages. Скрипт счётчика использует document.write, поэтому включите Support document.write в дополнительных настройках тега и предпочтите «Скрытый» счётчик или «Бегущую строку». Проверьте в режиме Preview перед публикацией.
Полезно знать
- Откройте свой сайт в новой вкладке после публикации. Предпросмотр в редакторе некоторых конструкторов сайтов не выполняет пользовательский код.
- Откройте приватную ссылку и посмотрите «Посетители онлайн». Отчёты, включающие сегодня, например «Страны», обновляются примерно раз в пять минут.
- Если вы используете баннер cookie, помните о примечании в форме: вы отвечаете за информирование посетителей и получение согласия, которого требует закон.
- Начальное значение меняет только число, которое показывает счётчик. Отчёты о прошлых визитах начинаются пустыми.
Выбор вида
- Текст, когда хотите, чтобы посетители видели живые цифры в каком-то месте страницы.
- Бегущая строка — для полосы внизу каждой страницы без изменения макета шаблона.
- Скрытый, когда нужно только измерять и сохранять страницы чистыми.
Создание счётчика на телефоне
Форма работает на телефоне: поля идут в один столбец, а экран результата показывает те же три элемента.
Частые вопросы
Нужен ли мне аккаунт?
Нет. Форма создаёт счётчик без регистрации. Ваша приватная ссылка работает как пароль, поэтому сохраните её.
Я покинул страницу, не сохранив приватную ссылку. Что делать?
Приватная ссылка содержит ваш защитный код, и страница просит сохранить её перед уходом. Если вы её потеряли, напишите нам через страницу контактов.
Почему список часовых поясов меняется, когда я выбираю страну?
Список показывает только часовые пояса выбранной страны, чтобы суточный период отчётов соответствовал вашему сайту.
Где появляется счётчик «Текст»?
Ровно там, куда вы вставите код. Поместите его туда, где хотите его показать, например в подвал.