Sibprompost.ru

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

Урок 5

Урок 5. Как создать и установить счетчик Яндекс.Метрики на сайт?

Раз Вы интересуетесь вопросом — как установить Яндекс Метрику себе на сайт, то значит осознаете всю значимость аналитики в интернет-маркетинге. Это очень и очень похвально. Однако встречаются особые люди, которые думают, что анализировать трафик с различных каналов (Директ, Google Ads, SEO) не нужно. Мол, все работает и ладно.

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

Преимущества

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

  1. Она абсолютна проста в освоении;
  2. Дает возможность наблюдать за поведением посетителей: Вы можете увидеть куда чаще всего кликают посетители (карта клика), до какого уровня скроллят страницу (карта скроллинга), да и вообще посмотреть, что они делают, вплоть до передвижения курсора (вебвизор);
  3. Большое количество отчетов для анализа эффективности трафика, в том числе удобные отчеты для аналитики Директа;

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

Регистрация

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

  1. Зайдите на главную страницу поисковой системы и в правом верхнем углу найдите ссылочку «Завести почту»:
  2. Заполните простую форму регистрации:

Вот так вот просто, можно было даже не писать об этом. Ну да ладно. Теперь у Вас есть доступ ко всем сервисам.

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

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

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

Далее необходимо установить код счетчика Метрики на сайт. Для решения этой задачи имеется несколько способов: напрямую через код, через плагины для вашей CMS (здесь список плагинов и CMS’ок), через системы управления тегами (например, Google Tag Manager (там я уже описал способ установки Метрики через GTM)).

Читайте так же:
Счетчик для жидкости специализированный

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

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

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

Итак, скопируйте код счетчика отсюда (см. скриншот ниже):

Установить код счетчика желательно перед закрывающим тегом , прямо перед ним. Вот так:

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

Проделать эту процедуру необходимо на всех страницах, чтобы видеть в отчетах всю ситуацию, происходящую на сайте. Для CMS, кроме установки плагинов, можно вставить код в основной файл шаблона, на котором работает сайт, к примеру, header.php (для WordPress) и тогда он будет подгружаться на всех страницах сайта.

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

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

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

Предположим, что на вашем сайте или лэндинге есть какая-либо кнопка.

+ Кнопка «Написать нам»

+ Кнопка «Регистрация», «Отправить», «Добавить в корзину»

Задача стоит следующая: нужно при клике по такого рода кнопкам, передать данные о выполнении этого клика в систему Яндекс Метрика как выполнение цели.

Каким образом это можно сделать?

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

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

Читайте так же:
Как устроен механический счетчик

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

К примеру, я создал цель с идентификатором «test».

Шаг 2. Когда цель на Javascript-событие создана, мы приступаем к самому сложному этапу. Нам нужно зафиксировать событие (подробнее про события в этом курсе) клика по элементу кнопки на сайте.

Эту фиксацию можно произвести двумя основными способами:

1 способ. С помощью языка Javascript.

2 способ. Воспользоваться диспетчером тэгов Google Tag Manager.

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

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

В то же время этот метод имеет целый ряд недостатков:

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

Итак, давайте посмотрим, что нужно сделать, чтобы настроить выполнение цели Яндекс Метрики при клике по какой-либо кнопке на вашем сайте.

Находим исходный HTML-код той кнопки, на которую необходимо настроить цель Яндекс Метрики и готовимся к редактированию этого кода.

Чаще всего, если кнопка идет в составе HTML-формы ее исходный код может выглядеть вот так:

Если кнопка является ссылкой, то ее исходный код может выглядеть так:

Добавляем специальный HTML-атрибут, который называется onClick для кнопки, на которую нужно настроить Javascript-цель.

Для 1-го варианта:

Для 2-го варианта:

Этот атрибут позволит нам в качестве его значения указать Javascript-код, который передаст данные о выполнении цели в Яндекс Метрику.

Буквально, атрибут onClick переводится как «при клике». Т.е. при клике по элементу, будет выполнен тот Javascript-код, который мы посчитаем нужным.

Читайте так же:
Счетчик монет кассида с 500

Пока значение этого атрибута у нас пустое.

Шаг 4. Вызываем специальный метод, который передаст данные о выполнении цели в систему Яндекс Метрика.

Метод, который отвечает за отправку данных о выполнении цели в систему Яндекс Метрика — это метод reachGoal.

Соответственно, если мы с вами добавим этот метод к нашему атрибуту onClick, то исходный код кнопки будет выглядеть так:

XXXXXXXX — идентификатор вашего счетчика Яндекс Метрики.

test — идентификатор Javascript цели, которую мы создали на шаге 1.

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

Если все настроено корректно, то в отчете «Конверсии» вы увидите зафиксированные выполнения кликов по кнопке на вашем сайте.

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

  • Комментарии

Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:

Или зарегистрируйтесь через социальные сети:

Яндекс Метрика цели на кнопку, как настроить?

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

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

Вам важно знать конверсию данных кнопок? Вы хотите понимать какие источники приводят целевых клиентов? Да? Читайте дальше.

Для начала определитесь, какие статистические данные вы хотите знать:

1. Сколько посетителей сайта кликнули по кнопке?

2. Сколько заполнили форму и отправили заказ?

3. Сколько заказов в реальности ушло?

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

Читайте так же:
Акт установки общедомового счетчика

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

Настройка целей в Яндекс Метрике

А теперь все по порядку.

Заходим в Яндекс Метрику, на закладку Счетчики.

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

Выбираем закладку Цели.

Нажимаем Добавить цель.

Цель событие в Яндекс Метрике

Откроется окно. Задаем название цели (так чтобы вам было потом понятно), далее нажимаем кнопку JavaScript-событие.

В поле Индефикатор записываем уникальный набор символов в латинской раскладке. Например, Btn1 – для первой цели, Btn2 -для следующей цели и т.д. Нажимаем Добавить цель. После добавления, не забываем Сохранить, в самом низу под списком целей кнопка Сохранить.

Всё цель событие в Яндекс Метрике добавлена.

Теперь нам нужно привязать ее к нужной нам кнопке на сайте. Для этого используем код:

где 4137621 – номер счетчика

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

Результаты после установки кода на сайт лучше посмотреть не ранее чем через два часа.

Яндекс Метрика отчеты

Отследить конверсии по целям можно с помощью стандартных отчетов в Яндекс Метрике. Один из них так и называется Конверсии (меню Отчеты, Конверсии).

Вот так он выглядит

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

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

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

Кнопка счетчик яндекс метрика

Действия по установке счетчика заключаются в добавлении его кода в специальный файл. В блоке настроек счетчиков предоставлен быстрый доступ к этому файлу через кнопку «Редактировать».

После нажатия кнопки в новом окне откроется визуальный редактор.

Сюда можно скопировать коды Google Analytics, Яндекс.Метрики, пикселей Вконтакте и Facebook.

Читайте так же:
Воздействие постоянным магнитным полем счетчик

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

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

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

Далее, заполняем основные поля: имя счетчика (1), адрес сайта (2). Для активации кнопки «Создать новый счетчик» следует принять пользовательское соглашение, установив соответствующую галочку (3).

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

Согласно установленным критериям в текстовом поле будет сформирован готовый код:

Под полем с кодом нажимаем кнопку «Скопировать», затем «Сохранить».

Наш счетчик появится в списке.

Теперь нужно добавить сгенерированный Яндекс.Метрикой код, который мы скопировали, на свой сайт.

В Центре управления в блоке «Цели и счетчики» ставим галочку у пункта «Использовать Яндекс.Метрику». В решении Аспро: Корпоративный сайт современной компании открываем файл со счетчиками. В новом окне переходим в режим редактирования исходного кода.

Вставляем сюда код и сохраняем изменения.

Для Аспро: Оптимус и Аспро: Маркет будет необходимо скопировать код в специальное поле настроек. Подробнее об этом читайте в документации.

Затем в том же блоке, вставляем ID счетчика в одноименное поле и нажимаем «Применить». Аналогичный код копируем в эту же строку в блоке настроек для Аспро: Оптимус или Аспро: Маркет.

ID счетчика можно найти в коде. В нашем примере это id44200209.

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

Он дублируется в карточке счетчика на сервисе.

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

Откройте окно отладки клавишей F12. Здесь следует перейти во вкладку «Console». Если счетчик установлен правильно, он начнет отправлять данные сразу после установки. Его ID отобразится на консоли браузера.

В сервисе Яндекса в списке счетчиков у корректно установленного счетчика будет соответствующий значок статуса проверки, а в «Сводке» вы увидите первые собранные данные.

Теперь можно настраивать цели.

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