Загрузка...Установка кодов отслеживания
Установка кодов отслеживания
Итак, прежде, чем начать собирать статистику нам необходимо установить счетчики систем аналитики. Делать это мы будем через контейнер GTM, который должен размещаться напрямую в коде сайта. К слову, это действие в идеале — единственное вмешательство в жизнь разработчика (конечно, можно сделать это и самому, если у тебя есть доступ к коду сайта), все остальное будет происходить внутри контейнера твоими силами.
Заходим в диспетчер тегов под почтой на gmail.com и создаем новый аккаунт.
Вводим название аккаунта, страну, название контейнера.
Далее выбираем место, где будет расположен контейнер.
После всех этих операций в интерфейсе GTM наверху видим номер нашего счетчика.
Кликаем на него и появляется всплывающее окошко с техническим заданием на установку кода диспетчера тегов.
Как ты, наверное, успел заметить, код контейнера делится на две части. Первую часть необходимо разместить как можно выше после открывающего тега <head> . Вторую — после открывающего тега <body> .
После добавления кода на все страницы сайта можно начинать работу, только предварительно нужно проверить корректность установки контейнера и для этого потребуется расширение для Chrome — Tag Assistant. Достаточно просто нажать на значок установленного приложения, затем Enable, обновить страницу и оно покажет, какие счетчики установлены на сайте в открытой вкладке.
Установка Google Tag Manager на учебном сайте
Как создать контейнер GTM ты разобрался, теперь добавим его на наш учебный сайт твоего проекта.
Когда ты зайдешь на него первый раз, сайт будет без скрипта GTM, о чем тебе сообщит надпись внизу лендинга.
В окошко ввода необходимо добавить номер контейнера GTM в виде: GTM-W*****N, после чего нажать кнопку «Установить». И твой контейнер GTM появится на сайте.
Устанавливаем код счетчика Google Analytics
Мы установили на сайт код Google Tag Manager, но данные не будут собираться, так как еще не создан счетчик, который будет это делать.
Под тем же аккаунтом gmail.com заходим на сайт Google Analytics, далее в панель администратора и создаем новый аккаунт.
Заполняем все данные и жмем «Получить идентификатор отслеживания».
После принятия пользовательского соглашения, Google Analytics предоставит номер счетчика (ресурса), который мы и будем использовать для установки через Google Tag Manager.
Давай создадим первый элемент в GTM. Это будет переменная, содержащая номер счетчика GA.
Для этого выбираем тип переменной «Настройки Google Analytics».
А теперь создадим тег, который будет вызывать наш счетчик аналитики при каждом просмотре страниц. Выбираем «Google Analytics — Universal Analytics» с типом отслеживания «Просмотр страницы». А в поле «Настройки Google Analytics» будем ссылаться на нашу новую переменную «GA ID».
Не забудь задать условие активации тега. Мы знаем, что счетчик Google Analytics должен быть установлен на всех страницах сайта, поэтому кликаем на блок «Триггеры» и выбираем предложенный по умолчанию триггер «All pages», который будет активировать наш тег на всех страницах сайта.
Устанавливаем код счетчика Яндекс.Метрики
Продолжаем устанавливать счетчики систем веб-аналитики на сайт и на очереди у нас Яндекс.Метрика. Для входа в аккаунт понадобится почта на yandex.ru. Жмем на «Добавить счетчик».
И заполняем данные. Не забудь подключить «Вебвизор» и нажимай «Создать счетчик».
Теперь счетчик нужно добавить на сайт, поэтому переходим в Google Tag Manager. Диспетчер тегов не поддерживает непосредственную связь с Метрикой и не имеет тега-шаблона для нее, поэтому код будем вставлять простым тегом «Пользовательский HTML».
Так как код счетчика нам нужен на каждой странице — добавляем триггер «All Pages» также как и для счетчика Google Analytics. После чего сохраняем изменения.
Устанавливаем код ретаргетинга
Бывает так, что к веб-аналитику обращается специалист по контекстной рекламе и просит установить пиксель рекламной системы на сайт, например Facebook.
Код ретаргетинга (пиксель) устанавливается через GTM аналогично Яндекс.Метрике.
Заходим в Events Manager под своим аккаунтом Facebook и создаем новый источник данных.
Далее необходимо выбрать где необходимо настроить новый источник — в мобильном приложении или же на веб-сайте. В нашем случае выбираем «Интернет».
После чего выбираем «Пиксель Facebook».
Соглашаемся со следующим шагом и далее указываем название и URL сайта, где хотим установить пиксель.
Забираем код и возвращаемся в Google Tag Manager.
Создаем новый тег «Пользовательский HTML» и вставляем туда код нашего пикселя. Тег должен срабатывать на каждой странице сайта, поэтому ставим триггер «All Pages».
Вот и все. Аналогичным способом устанавливаются пиксели других рекламных систем.
Проверка контейнера GTM и релиз
Итак, все изменения внесены, осталось проверить правильность их работы. Для этого в Google Tag Manager есть возможность предпросмотра, который будет доступен только у тебя в браузере.
Далее, переходим на учебный сайт и обновляем страницу. Если ты ввел номер контейнера GTM внизу страницы, то увидишь панель предпросмотра.
Статус «Tags Fired On This Page» говорит о том, что наши теги сработали и мы можем публиковать контейнер.
Домашнее задание
В этом уроке мы разобрали, как создаются счетчики и каким образом можно проверить их установку.
Что теперь тебе нужно сделать:
- Создай аккаунт и контейнер Google Tag Manager;
- Установи его на учебный сайт;
- Создай счетчик Google Analytics и установи его через GTM;
- Создай счетчик Яндекс.Метрики и установи его через GTM;
- Проверь работу счетчиков и опубликуй контейнер.
Если будут вопросы, то ты можешь задать их прямо на учебном сайте в форме для комментирования.
Отчет по источникам трафика
Путь: Отчеты → Стандартные отчеты → Источники→ Источники, сводка
Это один из самых распространенных отчетов в Яндекс.Метрике.
С его помощью вы можете:
узнать количество посетителей сайта и источники трафика на сайт;
Количество визитов и посетителей по источникам трафика
оценить эффективность источников по показателю отказов;
Процент отказов по источникам трафика
узнать, какие источники приводят целевых посетителей.
Конверсии и достижения цели по источникам трафика
Как добавить цели Яндекс Метрики для Contact Form 7
Как настроить цели в интерфейсе Метрики:
Переходим в Яндекс.Метрику, выбираем нужный сайт, раздел Настройки – Цели – кнопка Добавить цель. В открывшемся окне выбираем JavaScript событие и пишем названием цели и идентификатор на латинице, как показано на скриншоте ниже. В моем случае я сделаю цель для всплывающего окна с формой «Перезвонить вам?», идентификатор цели будет: «formapopup».
Цель создана, пора повесить цель на форму плагина Contact Form 7.
Настройка отслеживания цели на сайте WordPress:
Раньше мы переходили в настройки формы в вкладку “Дополнительные настройки” и писали там код:
Теперь нам нужен такой код:
<script type="text/javascript"> document.addEventListener( ‘wpcf7mailsent’, function(event) < yaCounterXXXXXXXX.reachGoal('formapopup'); >, false); </script>
Этот код необходимо разместить в Footer или Header вашего сайта, можно рядом с кодом подключения метрики или аналитики. Вместо “XXXXXXXX” нужно написать номер счетчика метрики вместо “formapopup” ваш идентификатор цели.
Что такое AMP от Google
AMP так и переводиться – Ускоренные Мобильные страницы. Html код таких страниц чище и компактнее. И они очищены от лишних скриптов. Помимо оптимизированного кода загружаются они не хостинга сайта, а с кеша самого Google. Что дает не только значительное ускорение, но и снижает нагрузку c сайта.
Создание AMP версий страниц
Для популярных CMS систем есть простые и удобные плагины. Для WordPress есть официальный плагин AMP:
После установки на сайте автоматически создаются AMP-версии страниц. В настройках можно выбрать несколько вариантов: отдельные страницы, дублирование и полный переход на AMP.
Для просмотра AMP-страниц, нужно добавить в конец ссылки ?amp
А в результатах поиска Google такие страницы будут помечаться молнией и, по заявлению поисковика, они ранжируют их выше обычных сайтов.
Установка рекламы Adsense в AMP
Для размещения рекламных блоков Adsense в AMP нужно активировать соотвествующий переключатель в личном кабинете Google Adsense.
И вставить дополнительный код для AMP:
Если нужна установка автоматических блоков в AMP, на сайте должны быть включены автоматические блоки для обычной версии сайта.
Установка счетчиков Яндекс Метрики, Analytics и др. в AMP
Обычные коды счетчиков в AMP не работают. Все лишние скрипты просто вырезаются со страницы. И для таких случаев разработали универсальные коды. У них есть много различных параметров, но я приведу максимально простые варианты для Яндекс Метрики, Analytics, Mail.ru и LiveInternet.
У них один принцип, так что любой другой счетчик можно так же установить. Звездочки нужно заменить на id вашего счетчика.
Если у вас нет специального редактора для AMP страниц, то нужно этот код добавить рядом с обычным кодом счетчиков. Друг друга они не заменяют.
Яндекс Метрика
Google Analytics
[email protected]
LiveInternet
Несколько советов в работе с продуктовыми метриками
#1. Важно, чтобы метрики показывали проблему
Например, в приложениях такси есть метрика — конверсия из открытия в успешный заказ. Но она может состоять из набора мелких метрик: из открытия — в построение маршрута, из построения маршрута — в заказ, из заказа — в «поездка начата», из «поездка начата» — в «поездка завершена в нужной пользователю точке».
На каждом шаге можно отследить проблему. Например, если пользователь уходит на этапе построения маршрута, значит, его не устроило наше предложение: слишком долго или дорого ехать.
Весь бизнес-контент в удобном формате. Интервью, кейсы, лайфхаки корп. мира — в нашем телеграм-канале. Присоединяйтесь!
#2. Старайтесь фокусироваться на одной метрике
Если видите, что у вас проблемы с одной метрикой, старайтесь уделять ей больше внимания. Как правило, в продукте есть одно самое слабое место, и нужно его устранять. Не нужно распыляться сразу на все.
#3. Запускайте A/B тесты
Так вы увидите, насколько ваша новая фича улучшает метрику. Только при значимом улучшении метрики раскатывайте фичу на всех.
#4. Выводите метрики на дашборд, делитесь ими с командой
Рассказывайте коллегам как можно больше о метрике, над которой работаете, показывайте, как она менялась в динамике. Чем больше людей будут осведомлены, тем выше шансы, что вы найдете какое-то неочевидное решение проблемы.
Как настроить статистику в инстаграме под свои потребности и цели?
Безусловно, каждому коммерческому (и тем более личному) аккаунту не нужно отслеживать и включать в отчёты все без исключения параметры аналитики. Кому-то достаточно трёх-пяти базовых показателей, другим нужна сквозная аналитика инстаграма, третьим в первую очередь важны переходы.
Как сделать статистику в инстаграме, которая будет вам действительно полезна? Начните с постановки KPI. Отметьте, к каким показателям вы хотите прийти — если не в цифрах, то хотя бы в критериях оценки успеха. Допустим, если вам важнее всего рассказать о продукте — а дальше товар начнёт говорить сам за себя, — то первым делом нарастите максимальный охват.
Также важно понимать разницу между целями бизнеса и развития аккаунта. К вам может прийти толпа подписчиков-подростков, но если ваш товар дорогой и статусный, эффекта от этого прироста не будет. А если вы платите за продвижение в инстаграме, то это выльется лишь в потерянные бюджеты.
Не гонитесь за пустыми цифрами и положительной динамикой по всем параметрам инста-аналитики. Бывает, что почти все показатели могут упасть, — но при этом вырастет число переходов по ссылкам. А это в конечном счёте обеспечит рост продаж. И ничего, что в этом месяце вы недополучили лайков.
Не пытайтесь развивать всё и сразу. Выбирайте, на чём сфокусироваться в конкретный день, неделю и месяц, — и прорабатывайте именно эти показатели. И пусть результат вас порадует!
Другие статьи моего цикла об аналитике Instagram:
- Аналитика в Instagram: где смотреть статистику аккаунта. Выбираем цели, метрики и инструменты для мониторинга
- Топ-10 сервисов и приложений для аналитики Instagram. Подборка самых разных инструментов, с описанием возможностей и цен
Заходите к нам в инстаграм-аккаунт GeekBrains — там много интересного. А если вы хотите углубиться в SMM-аналитику, то ей посвящён отдельный курс факультета SMM-менеджмента GeekUniversity. Ждём вас! 🙂
Что важно запомнить
Сквозная аналитика объединяет данные по всем каналам взаимодействия с клиентом и показывает, какие из них приводят к продаже.
Плюсы сквозной аналитики: возможность управления рекламным бюджетом, знание цены одного клиента, формирование детальных отчетов по источникам трафика.
Профессиональная сквозная аналитика — современный и удобный способ изучения продаж. Главное — правильно настроить сервис и научить сотрудников им пользоваться. Тогда вы сэкономите расходы на рекламу, которая не работает, и увеличите доход компании.
