Schetchiksg.ru

Счетчик СГ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Код счетчик работы сайта

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

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

Создайте и установите коды счетчиков, чтобы начать работу со статистикой.

Счетчик Яндекс.Метрики

Авторизуйтесь в системе Яндекс для использования Метрики. Если у вас еще нет аккаунта — создайте его.

Чтобы получить счетчик, перейдите на сайт проекта и нажмите «Добавить счетчик».

Заполните форму. Задайте удобное для вас имя счетчика. В поле «Адрес сайта» укажите домен без протокола (http или https). Если у вашего сайта несколько имен (алиасов), добавьте их, нажав на «Дополнительные адреса».

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

Подключите Вебвизор, чтобы просматривать карту кликов и карту ссылок.

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

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

Счетчик Google Analytics

Для создания счетчика потребуется аккаунт в Google. Зарегистрируйтесь с его помощью в Google Analytics.

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

Заполните поля «Название сайта» и «URL веб-сайта». Если вы уже установили SSL-сертификат, выберите протокол «https» в выпадающем списке слева.

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

Отметьте все пункты о настройках конфиденциальности и доступа к данным.

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

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

Установка счетчиков

Добавьте код счетчика в HTML-код каждой страницы, для которой нужно собирать статистику. Это можно сделать с помощью Файлового менеджера в Панели управления.

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

Проверьте работу счетчика. Для этого перейдите на страницу сайта — если все работает верно, на графиках в административной части Яндекс.Метрики или Google Analytics отобразится ваше посещение.

CMS WordPress

Установите счетчик для сайта на CMS WordPress, добавив его код в файл header.php используемой темы. Для этого авторизуйтесь в административной части сайта, перейдите в раздел «Внешний вид» → «Редактор». Найдите в списке файл header.php и вставьте код перед тегом .

CMS Joomla

Если ваш сайт использует CMS Joomla, добавьте код счетчика в индексный файл темы.

С помощью Файлового менеджера перейдите в каталог

/domains/domain.ru/public_html/templates/имя_темы. Откройте для редактирования файл index.php. Найдите тег и вставьте перед ним полученный код. Для удобства воспользуйтесь поиском по странице, нажав на значок лупы. Сохраните изменения.

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

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

Топвизор проверил новый код Я.Метрики

Закончилось тестирование нового кода Метрики. Яндекс говорит, что код Метрики стал быстрее и не влияет на скорость загрузки сайта:

  • вся сборка, которая подгружается на сайт, весит примерно на 45% меньше;
  • время загрузки кода снизилось примерно на 20% как на компьютерах, так и на смартфонах;
  • счётчик загружается быстрее и фиксирует больше коротких визитов на сайт. Раньше они не попадали в отчёты, потому что к концу короткого визита счётчик не успевал загрузиться.

Это практически полностью обновлённая сборка: разработчики переработали код Вебвизора и переписали js-код Метрики с нуля.

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

Мы не стали верить на слово и проверили.

Наши наблюдения

Ранее tags.js и вправду весил на 45% больше, чем сейчас. Сжатый код (а именно такой используется при передаче по сети) весит примерно в три раза меньше, поэтому скорость загрузки должна быть улучшена на 15%.

Но файл tag.js всё ещё в два раза тяжелее классической версии watch.js и в пять раз тяжелее файла Google Analytics. Об этой проблеме разработчики Топвизора каждый год пишут Яндексу в Идеи для Метрики. Правда, мы не анализировали сам код, возможно, он сильно изменился в лучшую сторону.

Читайте так же:
Для чего нужен счетчик посещений сайта

Скорость записи кликов действительно улучшилась. За последний год отправка данных в ClickHouse стала работать быстрее.

Мы не сразу нашли, где взять новую версию, поэтому вот Инструкция по обновлению счётчика:

Инструкция по обновлению счётчика Я.Метрики

Новая версия нужна для Вебвизор 2.0. Это указано в Яндекс.Справке.

Топвизор провёл тест на мобильных устройствах с помощью инструмента PageSpeed Insight. Оказалось, что новая версия Метрики по-прежнему сильно грузит сайт. Индекс производительности нашего сайта мобильных устройств при включении новой версии опускается на 15%:

Производительность сайта на классической версии watch.js Время загрузки страниц с новой версией tag.js

Для открытия сайта требуется от 600 ms до 800 ms процессорного времени, которое тратится на счётчики метрики. Если открыть 60 страниц – это почти целая минуты работы процессора. Представьте сколько тепла выработает телефон, работая в течение минуты на всю мощь, и сколько заряда батареи он потратит.

Раньше счётчик грузил страницу примерно за 1000 ms. Если пользователь закрывал страницу быстрее – визит не фиксировался. Сейчас время загрузки и исполнения сократилось примерно до 700 ms и визитов будет фиксироваться больше. Но пользователей, которые закрывают страницу быстрее, чем за 1 секунду, не так много, поэтому значительно количество визитов не изменится.

Ещё интересное замечание:

Если поставить галочку «Альтернативный CDN», то время статического кеша увеличится с 1 часа до 7 суток. Яндекс пишет, что это не рекомендуется, так как использование этой опции может снизить скорость загрузки счётчика. Но в этом случае при посещении сайтов счётчик будет грузиться только один раз в неделю, а не каждый час.

Таким образом ускорить метрику можно путём отката счётчика на старую версию и установки использования CDN.

Как установить счетчики веб-статистики на сайт в Tilda

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

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

Установка GTM на сайте на платформе конструктора Tilda

Самое простое, что мы можем сделать – это установить на наш сайт Google Tag Manager. GTM – это специальный контейнер для работы с кодами. Он необходим для того, чтобы сократить вмешательство в код сайта. С его помощью легко настраивать разнообразные «фишки» веб-аналитики: настройка целей, пользовательских параметров и показателей, и многое другое.

Для начала создадим аккаунт GTM. Заходим на сайт и нажимаем «Создать аккаунт»:

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

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

  • Как установить счетчики веб-статистики на сайт в Tilda
  • Как установить счетчики веб-статистики на сайт в Tilda
  • Как установить счетчики веб-статистики на сайт в Tilda

Копируем наш идентификатор. Далее нам необходимо зайти на наш сайт в админке Тильды. Нажимаем «Настройка сайта»:

В меню слева выбираем «Аналитика» и в блоке для GTM указываем наш идентификатор GTM:

Теперь необходимо установить счетчики веб-аналитики Яндекс.Метрика и Google Analytics в GTM. Если у Вас нет счетчиков, то Вам необходимо предварительно создать их. О том, как создать счетчики и предварительно их настроить я расскажу в следующих выпусках.

Установка счетчика Google Analytics на сайт

Итак, мы подошли к самому главному – установке счетчиков веб-статистики на сайт. Начнем с Google Analytics. Прежде всего, нужно отметить, что в интерфейсе самой Тильды есть возможность добавить номер счетчика Гугл Аналитикс:

Однако мы так делать не будет, потому что в этом случае мы лишимся дополнительных возможностей работы с GTM, а наша задача полноценно настроить аналитику и использовать весь ее функционал. В виду того, что мы добавляем Google Analytics через GTM, прописывать номер счетчика в Tilda не нужно, иначе на сайте 1 счетчик будет стоять дважды, что приведет к некорректному сбору данных. Если вам интересно, как правильно установить 2 счетчика на сайт, чтобы при этом данные собирались правильно – пишите об этом в комментариях.

Читайте так же:
Как сбросить счетчик чернил epson r270

Переходим в GTM. Для начала нам необходимо создать переменную конфигурации Google Analytics. Для этого идем в раздел переменные, нажимаем кнопку «Создать», в самой конфигурации нажимаем на карандаш и справа выбираем тип переменной «Конфигурация Google Analytics».

  • Как установить счетчики веб-статистики на сайт в Tilda
  • Как установить счетчики веб-статистики на сайт в Tilda
  • Как установить счетчики веб-статистики на сайт в Tilda

Теперь необходимо настроить нашу переменную. Для этого указываем название, номер счетчика Google Analytics, а также, ввиду того, что мы планируем запуск рекламы, в дополнительных настройках находим блок «Реклама» и ставим галочку в чекбоксе «Включить функции контекстно-медийной сети». Это поможет нам получать расширенную статистику в счетчик. Сохраняем.

Мы создали переменную, теперь нужно создать тег и триггер. Тег отвечает за отправку информации в Google Analytics, триггер – это правило или условие, на основе которого срабатывает тег. Для того, чтобы добавить тег, переходим в одноименный раздел слева в меню и нажимаем «Создать». Далее нажимаем на карандаш и в открывшемся окне выбираем тип тега «Google Analytics – Universal Analytics»:

  • Как установить счетчики веб-статистики на сайт в Tilda
  • Как установить счетчики веб-статистики на сайт в Tilda

Следующим шагом нам необходимо настроить наш тег: указываем название, тип отслеживания – просмотр страницы, в качестве настройки Google Analytics выбираем созданную нами на прошлом шаге переменную конфигурации Google Analytics. Так как счетчик должен стоять на всех страницах нашего сайта (пока у нас это лендинг, но возможно мы сделаем из него полноценный сайт, время покажет), то в качестве триггера мы указываем предустановленный системой триггер – All pages – все страницы сайта. Нажимаем сохранить:

На этом установка счетчика Google Analytics закончена.

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

Если для Google Analytics есть специальный тип тега, то для Яндекс.Метрики такого варианта нет. Однако сегодня в Галерее Шаблонов можно найти решение для Яндекс.Метрики:

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

Итак, как проходит классическая настройка. Для начала нам необходимо создать тег. Делаем это также, как и на предыдущем шаге. Только тип тега выбираем другой – «Пользовательский HTML»:

Следующим шагом копируем код Яндекс.Метрики из интерфейса самой метрики после его создания, вставляем в выбранный тег, а в качестве триггера выбираем уже знакомый нам All pages.

На этом установка Яндекс.Метрики на сайт завершена.

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

  • Как установить счетчики веб-статистики на сайт в Tilda
  • Как установить счетчики веб-статистики на сайт в Tilda

Вот и все – теперь данные о посещениях вашего сайта поступают в счетчики веб-статистики Яндекс.Метрика и Google Analytics.

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

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

Установка и настройка счетчика Google Analytics на сайт

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

Ну что же, для начала давайте разберемся, откуда нам взять код Google Analytics.

Создание базового кода Google Analytics

Для начала нам нужно попасть на сайт Google Analytics, для этого перейдем по ссылке http://www.google.com/analytics/ и войдем либо зарегистрируемся в системе.

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

Далее нам необходимо выбрать, куда мы будем устанавливать счетчик – на сайт или на приложении – и выбрать вид счетчика Google Analytics или Universal Analytics. Выбираем веб-сайт и Google Analytics.

Далее нам необходимо ввести название сайта и указать http или https URL. Отрасль пострайтесь выбрать наиболее близкую к тематике вашего сайта. Часовой пояс выбираем тот, на основе данных которого хотим полчать информацию в отчетах. Грубо говоря, если мы знаем, что 80% нашей аудитории будут из Москвы, то и выбираем Москву. Вбиваем название аккаунта – это самый верхний уровень иерархии, он полезен для объединения несколько счетчиков в одну структуру. Например, у нас есть два поддомена msk.site.ru и spb.site.ru. В этом случаем мы сможем завести два счетчика, один назвать в поле «Название сайта» Москва, другой – Санкт-Петербург и разместить их в одном аккаунте «Мой сайт». Нажимаем на синую кнопочку «Получить идентификатор отслеживания».

Читайте так же:
Установка счетчиков закон статьи

Дальше принимаем условия соглашения и идем дальше.

Вот и он – долгожданный код Google Analytics, который мы уже можем смело скопировать и разместить сразу перед тегом на каждой странице нашего сайта.

Улучшенная атрибуция ссылок в Google Analytics

Как показывает практика, зачастую того функционала, который предоставляет базовый код Google Analytics, недостаточно. Его нужно расширять. Для начала заставим код максимально точно отслеживать URL. Для этого нам нужно перейти на вкладку «Настройки ресурса».

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

Увы, одной галочкой мы не ограничимся. Чтобы данная функция заработала, нам нужно незначительно видоизменить базовый код GA. Напомню, он выглядит следующим образом:

script type=« text/javascript» (заключите строчку в <>)

var ga = document.createElement(’script’); ga.type = ’text/javascript’; ga.async = true;

ga.src = (’https:’ == document.location.protocol? ’https://ssl’: ’http://www’) + ’.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(’script’)[0]; s.parentNode.insertBefore(ga, s);

/script(заключите строчку в <>)

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

_gaq.push([’_require’, ’inpage_linkid’, pluginUrl]);

В результате получим следующую конструкцию:

script type=»text/javascript»(заключите строчку в <>)

_gaq.push([’_require’, ’inpage_linkid’, pluginUrl]);

var ga = document.createElement(’script’); ga.type = ’text/javascript’; ga.async = true;

ga.src = (’https:’ == document.location.protocol? ’https://ssl’: ’http://www’) + ’.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(’script’)[0]; s.parentNode.insertBefore(ga, s);

/script(заключите строчку в <>)

Изменили код? Сохранили его в «Блокноте»? Тогда смело ждем на кнопочку «Применить».

Получилось? Молодцы, давайте дальше работать.

Настройка инструментов для веб-мастеров в Google Analytics

Друзья, не торопитесь убегать со страницы, на которой мы только что подключали атрибуцию ссылок. На этой странице есть замечательный пункт под названием «Настройки инструментов для ваб-мастеров», который мы должны активировать. Для этого нажимаем на ссылку «Изменить».

После того как мы ее нажали, если аккаунт вы создавали в первый раз, вас перебросит на страницу инструментов для веб-мастеров, где попросят еще раз авторизоваться. Авторизуемся и видим следующую страницу, на которой должны нажать на кнопку «Добавить сайт в Инструмент для ваб-мастеров».

В всплывшем окне нажимаем на кнопочку «ОК».

Откроется новая закладка в браузере, в которой в поле добавления сайта нужно ввести название сайта и нажать на кнопку «Добавить сайт».

Далее следуем инструкции (можно выбрать два способа, я рекомендую «Рекомендуемый» =) И нажимаем на кнопку «Подтвердить».

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

Сделали? Молодцы! Думаете, что это все? Как бы не так =)

Настройка профиля – добавление фильтров

Продолжаем работать с интерфейсом. Теперь нам нужна вкладка «Профили». Открываем ее и заходим в наш профиль.

В новом окне нам нужна закладка «Фильтры».

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

В открывшемся окне вводим название фильтра и вбиваем IP адрес, жмем «Сохранить».

На этом базовая настройка счетчика Google Analytics завершается. Впереди нас ждет работа с кодом.

Учим Google Analytics различать большее количество поисковых систем

Наверное, вы обращали внимание на то, что Google Analytics, в отличие от своего конкурента на российском рынке «Яндекс.Метрики», умеет различать в разы меньше поисковых систем. Давайте устранять этот недостаток. Итак, если вы откроете отчет «Источники трафика» — «Поиск» – «Бесплатный» и выберете основной параметр «Источник», то увидите всего несколько поисковых систем.

Ситуацию можно исправить при помощи замечательной функции _addOrganic()._addOrganic(newOrganicEngine, queryParamName, opt_prepend), где

  • newOrganicEngine – название поисковой системы;
  • queryParamName – параметр, отвечающий за передачу ключевого слова (words, query, text, etc.);
  • opt_prepend – функция, при помощи которой мы можем выдернуть поддомен поисковой системы и вывести в данный список. Значения true и false.

Пример. Если мы добавим при помощи функции _gaq.push([’_addOrganic’, ’images.yandex.ru’, ’text’]); поисковик картинок Яндекса, то он у нас засчитается как трафик с yandex.ru, а если напишем _gaq.push([’_addOrganic’, ’images.yandex.ru’, ’text’, true]);, то он пойдет у нас как отдельный поисковик. Все что осталось сделать – вспомнить все возможные поисковики и вытащить из них параметры. Шучу. Для ленивых приведен кусок кода, который можно смело использовать. Желательно разместить после

_gaq.push([’_addOrganic’, ’affiliates.quintura.com’, ’request’]);

_gaq.push([’_addOrganic’, ’akavita.by’, ’z’]);

_gaq.push([’_addOrganic’, ’all.by’, ’query’]);

_gaq.push([’_addOrganic’, ’aport.ru’, ’r’]);

Читайте так же:
Sb 1050 счетчик банкнот инструкция

_gaq.push([’_addOrganic’, ’blogs.yandex.ru’, ’text’, true]);

_gaq.push([’_addOrganic’, ’daemon-search.com’, ’q’]);

_gaq.push([’_addOrganic’, ’gde.ru’, ’keywords’]);

_gaq.push([’_addOrganic’, ’gigabase.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’go.km.ru’, ’sq’]);

_gaq.push([’_addOrganic’, ’go.mail.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’gogo.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’google.com.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’images.google.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’images.rambler.ru’, ’query’, true]);

_gaq.push([’_addOrganic’, ’images.yandex.ru’, ’text’, true]);

_gaq.push([’_addOrganic’, ’index.online.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’liveinternet.ru’, ’ask’]);

_gaq.push([’_addOrganic’, ’liveinternet.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’mail.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’maps.google.ru’, ’q’]);

_gaq.push([’_addOrganic’, ’meta.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’nigma.ru’, ’s’]);

_gaq.push([’_addOrganic’, ’nova.rambler.ru’, ’query’, true]);

_gaq.push([’_addOrganic’, ’poisk.ru’, ’text’]);

_gaq.push([’_addOrganic’, ’quintura.ru’, ’request’]);

_gaq.push([’_addOrganic’, ’rambler.ru’, ’words’]);

_gaq.push([’_addOrganic’, ’results.metabot.ru’, ’st’]);

_gaq.push([’_addOrganic’, ’ru.ask.com’, ’q’, true]);

_gaq.push([’_addOrganic’, ’ru.search.yahoo.com’, ’p’, true]);

_gaq.push([’_addOrganic’, ’search.babylon.com’, ’q’]);

_gaq.push([’_addOrganic’, ’search.bigmir.net’, ’z’]);

_gaq.push([’_addOrganic’, ’search.com.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’search.conduit.com’, ’q’]);

_gaq.push([’_addOrganic’, ’search.i.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’search.icq.com’, ’q’]);

_gaq.push([’_addOrganic’, ’search.mywebsearch.com’, ’searchfor’]);

_gaq.push([’_addOrganic’, ’search.nur.kz’, ’query’]);

_gaq.push([’_addOrganic’, ’search.qip.ru’, ’query’]);

_gaq.push([’_addOrganic’, ’search.tut.by’, ’query’]);

_gaq.push([’_addOrganic’, ’search.ua’, ’q’]);

_gaq.push([’_addOrganic’, ’search.ukr.net’, ’search_query’]);

_gaq.push([’_addOrganic’, ’sm.aport.ru’, ’r’]);

_gaq.push([’_addOrganic’, ’video.yandex.ru’, ’text’]);

_gaq.push([’_addOrganic’, ’web20.a.ua’, ’query’]);

Лайки, твитты, шары и Google Analytics

Наверное, всем вам известны замечательные кнопочки, при помощи которых можно лайкать, твиттить и шарить материалы по всему интернету. Кто-то говорит, что без них нельзя жить, кто-то говорит, что можно, но это лирика. Смысл в том, что данные кнопки являются очень полезными в распространении контента по интернету. И нажатия на эти кнопки нужно отслеживать. Для отслеживания данных нажатий необходимо изменить код каждой кнопки, добавив в него функцию _trackSocial(network, socialAction, opt_target, opt_pagePath);. Чтобы ее добавить, нужно будет писать инструкцию, отправлять ее на согласование клиенту, ждать, пока веб-мастер со стороны клиента все настроит, и т. д. и т. п. Времени потеряем вагон и маленькую тележку. А ведь все можно сделать намного проще. Код Google Analytics представляет из себя не что иное, как JavaScript, при помощи которого можно реализовать кучу интересных вещей. Самые интересные вещи реализуются при помощи функции Try…Catch. С ее помощью мы можем на лету создавать события (Event) и вешать их на кнопочку. Я не буду тратить много времени на объяснение работы кода, скажу только, что исходник нашел где-то на просторах интернета, немного его видоизменил и добавил функцию отслеживания шар «ВКонтакте». В результате мы получаем вот такой сногсшибательный код, который нужно расположить перед закрывающимся кодом .

network, socialAction, opt_target, opt_pagePath) <

var trackers = _gat._getTrackers();

for (var i = 0, tracker; tracker = trackers[i]; i++) <

tracker._trackSocial(network, socialAction, opt_target, opt_pagePath);

Google Analytics 4: код счетчика и доступы в GA и Search Console

Google Аналитика – бесплатный сервис анализа посещаемости сайта онлайн, дает ценную статистике посещаемости, информацию о посетителях, источниках трафика, позволяет отслеживать конверсии и взаимодействие со страницами и блоками веб-ресурса. Установите счетчик от Google Analytics на сайте и это позволит рассчитать коммерческую выгоду по разным рекламным инструментам. Как создать счетчик google analytics и установить код счетчика можно самостоятельно используя нашу инструкцию.

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

Начало работы – регистрация в Google Аналитика

Если это ваш первый счетчик в GA, то необходимо создать новый аккаунт. Заходим на страницу сервиса https://analytics.google.com/analytics/web/ в аккаунте Google. (Разумеется, у вас должен быть аккаунт в Google и почтовый ящик, если их нет, то необходимо завести).

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

Если у вас есть аккаунт, то войдя в него выберите в боковом Меню Администратор. Откроется панель в которой можно создать Новый аккаунт или Новый ресурс – к пункту п.5

Информация о сайте и аккаунте при регистрации.

Здесь необходимо заполнить информацию о вашем ресурсе.

  1. «Название аккаунта» является обязательным пунктом, в него необходимо вписать название, которое будете видеть в статистике и которое будет понятным, если у нас несколько счетчиков.Укажите Название аккаунта, жмите кнопку “Следующий” шаг. При желании можно снять галочки со всех предложенных Google доступов (технической поддержки и для специалистов Google), я снимаю.
  2. Следующий шаг GA4 – Настройка ресурса. Необходимо указать:
    • Название вашего ресурса
    • Указать “Часовой пояс” для удобства просмотра статистики с привязкой ко времени
    • Указать валюту – для удобства расчета конверсий

В “Дополнительных параметрах” есть возможность подключить старую версию Google Analytics, которая теперь носит название Universal Analytics. По умолчанию она отключена. Если она вам не нужна, то просто жмём “Далее” и переходим на следующий шаг.

Счетчик Google Аналитики для отслеживания поведения посетителей

Далее мы рассмотрим как сформировать код счетчика статистики Google Analytics версии 4. GA4 – это улучшенная статистика, в нее добавлено много нового функционала:

  • Прокрутка страницы пользователем
  • Исходящие клики – регистрация кликов по внешним ссылкам с сайта
  • Поиск по сайту – просмотр результатов поиска
  • Взаимодействия с видео – регистрируются начало, просмотр до конца (пока только к видео YouTube)
  • Скачивание файлов – регистрация скачивания файла на сайте

Давайте посмотрим как получить код счетчика пиксель Google Analytics для установки на сайт. Для этого необходимо в аккаунте создать “Поток данных”.

Создать счетчик – новый поток данных GA4

В панели Администратора раздела “Ресурс” – “Потоки данных” (см. рисунок выше в п.5) выбираем где мы будем использовать этот код, в данном случае – “Веб”. Открывается окно “Настройка потока данных” в котором необходимо указать данные нашего сайта:

  • Url веб-сайта совпадающий с вашим ресурсом (будьте внимательны и правильно указывайте)
  • Название потока

Вы можете отказаться от отслеживания видео или скачивания файлов (нажмите шестеренку Настройки) если их нет на вашем сайте или оставить по умолчанию.

Жмём кнопку “Создать поток” и теперь видим сформированный поток результат:

  • есть url потока
  • название потока
  • идентификатор отслеживания Google Аналитика (идентификатор потока данных)
  • инструкция по добавлению тэга

Кликаем на “Глобальный тэг”, здесь находится пиксель – код счетчика google analytics, его необходимо скопировать и установить на сайте.

Идентификатор google понадобится в инструментах веб-мастеров, в SEO плагинах, например, Yoast, All in One SEO, Rank Math и др

По сути, установка кода – это подтверждение ваших прав собственности на получение информации по данному сайту.

Как добавить тег Google Аналитики на свой сайт и где установить счетчик указано в инструкции GA – они рекомендуют ставить в , который охватывает все страницы сайта и эта рекомендация подходит для WordPress и других CMS. Можно поставить код в футер, хедер или создать отдельный веб-поток для отслеживания каких-то отдельных страниц или блоков.

Теперь, когда мы зайдем в административную зону, Ресурс → Потоки данных, видим наш счетчик.

Как предоставить доступ к Google Analytics

Когда необходимо открыть доступ к данным Google Analytics по вашему ресурсу, то сделать это можно в панели администратора.

Зайти в панель администратора в Google Аналитики.
Открываем в google ссылку https://analytics.google.com/analytics/web/. Попадаем в статистику нашего веб-сайта.

Внизу страницы в Меню слева есть иконка шестеренки – это переход в административную панель.

Попадаем в панель администратора GA4 и здесь открывается управление Аккаунтом и управление Ресурсом. Соответственно, в зависимости от целей мы можем предоставить “Управление доступом к аккаунту” или “Управление доступом к ресурсу”

Если необходимо дать доступ только к данным сайта, то выбирайте “Управление доступом к ресурсу”. Когда другому лицу необходимо пользоваться инструментами Google, в т.ч. для работы SEO-инструментами, лучше выбирать «Управление доступом» в столбце уровня Ресурса. Если необходимо предоставить доступ на уровне Аккаунта, то у другого лица будет доступ ко всей информации со всеми сайтами и ресурсами Аккаунта и полные возможности по их изменению и настройке, а значит с предоставлением этого уровня доступа нужно быть осторожным.

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

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

В правом верхнем углу жмём на “плюсик” для добавления нового пользователя к GA4 и выбираем “Добавить пользователей”

  • Заполняем “Адрес электронной почты” нового пользователя (почта вида ****@gmail.com)
  • Ставим галочки в разделе “Разрешения”
  • Жмём кнопку “Добавить” в верхнем правом углу

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

Если у вас версия Google Analytics более ранняя, которую сейчас называют Google Analytics3 или Universal Analytics, то разница не большая. Необходимо так же зайти в панель Администратора и выбрать “Управление доступом” в разделе Ресурс.

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

Как предоставить доступ к Google Search Console

Google Search Console – инструмент для веб-мастеров и необходим для анализа представления сайта в поисковой системе Google. Чтоб предоставить доступ к Search Console

  • Заходим в Search Console и внизу меню находим шестеренку “Настройки”
  • Для предоставления доступа выбираем “Пользователи и разрешения”.
    Важно: для предоставления доступа в Серч Консоль необходимо обладать правами владельца в статусе “Вы являетесь подтвержденным владельцем”.
  • На странице “Пользователи и разрешения” находится перечень всех, у кого есть доступ к панели Серч Консоль и их правами.
    Кликаем по кнопке “Добавить пользователя”
  • Открывается новое окно, где необходимо заполнить email нового пользователя, а так же выбрать предоставляемые права: ограниченный или полный доступ.
  • Жмем “Добавить” и видим нового пользователя, который появился на странице “Пользователи и разрешения” в Search Console.

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

голоса
Рейтинг статьи
Ссылка на основную публикацию