Javascript событие метрика как настроить

Как создать и настроить цель типа «JavaScript-событие» в «Яндекс.Метрике»?

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

Цель – это некий сценарий, при успешном прохождении которого поставленная цель считается достигнутой.

Всего на момент написания статьи Яндекс.Метрика содержит в себе 4 типа целей. Это:

1. Количество просмотров страниц.
2. Посещение определенных страниц.
3. JavaScript-событие.
4. Составная цель.

Сегодня мы поговорим о JavaScript-событии, в следующих же статьях, по отдельности, рассмотрим остальные типы целей.

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

Для начала – давайте получим этот код.

1. Зайдите в Яндекс.Метрику.

2. Далее, напротив нужного вам счетчика, нажмите на шестеренку (она вызывает страницу настроек).

3. На открывшейся странице настроек переключитесь на вкладку «Цели» и нажмите на кнопку «Добавить цель».

4. В открывшейся форме выбираете «JavaScript-событие», где вводите название цели и ее идентификатор.

И нажимаете «Добавить цель».

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

Где вы нажимаете «Сохранить». Если этого не произошло – пишите об этом в комментариях.

Теперь нам нужно сохранить номер счетчика (не путайте с номером цели) и идентификатор цели:

Они нам потребуются для уже финальной установки цели на наш сайт.

Во всех случаях мы будем вызывать следующую функцию:

Где «XXXXXX» – как раз номер вашего счетчика, а «TARGET_NAME» – идентификатор цели. А теперь примеры.

Установка цели на форму

Если вы на своем сайте имеете форму без технологии AJAX, то есть в ней присутствует часть похожая на эту:

Источник

Основные цели в Яндекс.Метрике, которые нужно отслеживать

Сегодня в статье мы рассмотрим, что такое цели Яндекс.Метрики, какие они бывают, и разберём варианты настройки целей.

Цели в Я.Метрике

Уверен, что многие уже знают, что такое цели, но всё-таки вкратце разберём, что это такое и для чего они нужны.

Цель — это действие посетителя, в котором заинтересован владелец сайта: просмотр определённого количества страниц, посещение конкретной страницы, нажатие кнопки, переход по ссылке, оплата заказа и т. д.

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

Существует 4 способа настройки целей:

• Количество просмотров — сколько страниц обошёл посетитель в рамках одного посещения.
• Посещение страниц — посещение посетителем интересующих нас страниц.
• JavaScript-событие — с помощью кода JS понимаем, как посетитель взаимодействует с сайтом, например, как часто нажимает на кнопку «Купить».
• Составная цель — содержит несколько событий, объединённых в цепочку, может содержать вышеперечисленные события.

Всего для одного проекта может быть настроено 200 целей.

Теперь разберём перечисленные цели подробно с примерами.

Цель – количество просмотров

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

Настраивается следующим образом, в Яндекс.Метрике открываем:

1. Настройка.
2. Цели.
3. Добавить цель.
4. Пишем название цели, например, «Просмотр более 5 страниц», чтобы было по названию понятно, что это за цель.
5. Указываем нужное нам количество просмотров страниц, вводя в поле «Просмотры» целое число больше 1-го.
6. Жмём кнопку «Добавить цель».

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

Важный момент! Яндекс.Метрика начнёт сбор статистики по заданной цели спустя несколько минут. Проверить корректность работы настройки цели вы можете самостоятельно, выполнив спустя пару минут условия этой цели на сайте. Например, в нашем случае это открыть сайт через поиск и просмотреть 5 страниц.

Также в настройках вы можете увидеть поле «Ретаргетинг», в случае если цель настраивается для Яндекс.Директ, то в этом поле ставим галочку. Цели, которые не используются в Яндекс.Директе, считаются конверсионными и галочку напротив «Ретаргетинг» ставить не нужно.

Цель – посещение страницы

Настраивается похожим образом, но в этот раз заполняем поле «посещение страниц»:

1. Настройка.
2. Цели.
3. Добавить цель.
4. Пишем название цели, например, «Просмотр страницы контактов», чтобы было по названию понятно, что это за цель.
5. Выбираем условие, подробно с примерами рассмотрим ниже.
6. Указываем значение, часть URL или полный адрес страницы, примеры будут ниже.
7. Жмём кнопку «Добавить цель».

Разберём примеры условий и какие значения в них использовать.

Условие «url: содержит»

В этом случае значением будет часть URL. Используется, если целевых страниц несколько, но у них есть общее условие. Например, у меня на сайте есть страницы с номерами телефона:

У них в URL есть общее значение «tel:», указав его, я пойму, сколько человек нажало на страницы с номером телефона. Выглядит это так:

Условие «url: совпадает»

В этом случае значением будет полный URL, важно вставлять адрес страницы вместе с протоколом http/https. Используется для отслеживания конкретной информации, например, чтобы понять, сколько человек нажало на страницу контактов. Пример:

Условие «url: начинается с»

Значением URL будет одинаковое начало адреса. Используется для отслеживания страниц с одинаковым началом адреса. Например, для карточек товара, которые находятся в подразделе интернет-магазина:

Условие «url: регулярные выражения»

Используется для отслеживания URL, соответствующих произвольным шаблонам, значения тут могут быть различными, всё зависит от того, что нужно от «цели». Подробно о значениях регулярных выражений написано в Яндекс.Помощи.

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

Цель – JavaScript-событие

Это самая интересная, на мой взгляд, цель. Позволяет отслеживать на сайте события: нажатие кнопок, заполнение форм, активность пользователя на странице. Как несложно догадаться, информация о событии передаётся в метрику через JavaScript, что позволяет отслеживать практически любое событие.

Настраивается похожим образом с прошлыми целями:

1. Настройка.
2. Цели.
3. Добавить цель.
4. Пишем название цели, например «Отправка форм со страниц бань», чтобы было по названию понятно, что это за цель.
5. Придумываем идентификатор события, так чтобы было понятно, что это за идентификатор. Важно, идентификатор цели не должен совпадать с реально существующими URL сайта ни частично, ни полностью! Иначе будет собираться некорректная статистика, учитывающая посещения страниц, содержащих в адресе значение, выбранное при создании цели. Также при задании идентификатора цели не используйте следующие символы: /, &, #, ?, =.
6. Жмём кнопку «Добавить цель».

Это была самая простая часть, далее нам нужно внедрить это событие в html-код страницы с помощью метода Reachgoal. Этот метод отвечает за отправку данных о достижении цели в Яндекс.Метрику.

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

Разберём несколько простых вариантов установки цели.

Источник

Цели Яндекс Метрики javascript событие – создание и настройка

Сегодня продолжим настраивать цели Яндекс Метрики, а именно javascript событие. Мы создадим данный тип цели в Метрике, вставим его в сайт и настроим. А сперва разберёмся для чего нам нужны такие цели.

Ранее в этой статье: Цели Яндекс Метрики, мы разбирались зачем вообще нужны цели для сайта, рассмотрели типы целей и настроили их.

В этой статье мы подробно рассмотрим цели Яндекс Метрики javascript событие.

Зачем вам нужна цель Яндекс Метрики javascript событие?

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

А ведь нам стоит отслеживать и формы подписки и формы обратного звонка, заказать звонок, JQuery и Java-формы, различные кнопки на сайте. Тип целей javascript событие, подходит тогда, когда нет возможности отследить событие методом – посещение страницы. То есть, если нет смены URL-адреса, то кроме как настройки javascript событие, другого способа отследить посетителей нет.

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

Для примера, с помощью цели javascript событие можно отслеживать нажатие на кнопку “заказать товар” и только изменив цвет кнопки, можно увеличить конверсию до 10-15%.

Создание цели типа javascript событие

Жмём справа значок шестерёнки серого цвета. Попадаем в настройки целей Метрики.

Жмём “Добавить цель”.

Выбираем тип цели: javascript событие. Вбиваем Название, например кнопка заказать. Вбиваем Идентификатор цели, например zakazat_01.

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

Всё, цель Метрики javascript событие, мы создали.

Настройка цели типа javascript событие

В Метрике мы всё сделали. Теперь нам нужно установить код javascript события в код сайта в нужном нам месте. Без знания html, не обойтись.

Шаги настройки цели:

1. Найти нужный нам элемент в коде сайта, например кнопку “подробнее” в файле Index.php.
2. Далее мы выясняем какой код Метрики нам нужен в данном случае.
3. Вставляем данный код в нужное место, а в этом коде меняем переменную Идентификатор цели.
4. Проверяем работоспособность сайта и вставленного кода.

Ещё стоит шаг 0 добавить: сохранить предварительно редактируемый файл у себя на компьютере или перенести весь код в другой файл. Чтобы на случай, что сайт откажется показываться, мы сможем восстановить то, что было до правок.

Мы нашли, куда ставить будем наш код. Это может быть тег

Цель будет достигнута, если посетитель пробыл на странице 3 минуты и больше.

Пошаговый процесс вставки кода цели Яндекс Метрики javascript событие в сайт

Теперь нужно разобраться со всеми этими кодами по шагам:

1. Определяем на какой элемент сайта мы будем ставить цель.
2. Находим этот элемент на сайте в браузере, жмём правую кнопку мыши: Просмотреть код элемента. Копируем нужный нам код.
3. Открываем файл, куда нужно вставить код цели javascript событие по FTP, например Index.php или Index.html
4. Находим нужный кусок кода нажав комбинацию: Ctrl + f и вставив в окно поиска скопированный код или честь кода. Это может быть из вышеперечисленных: onclick, onsubmit или script.
5. Вставляем внутрь найденного кода код цели из вышеперечисленных: хххххххх.reachGoal (‘Nazvanie_Identifikatora’) или yaCounterXXXXXX.reachGoal(‘TARGET_NAME’)
6. Заменяем хххххххх или yaCounterXXXXXX на номер нашего счётчика Яндекс.Метрики. И Nazvanie_Identifikatora или TARGET_NAME на Идентификатор цели, который мы написали в Яндекс.Метрики при создании данной цели.
7. Сохраняем файл и закачиваем его по FTP.

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

Вот и всё. Тема сложная, надеюсь понятно объяснил 🙂

Если не можете справиться с настройкой Метрики, обращайтесь. Помогу настроить Метрику, цели Метрики.
Проведу аудит рекламной кампании, проконсультирую по настройке рекламы. Если вам нужно настроить РК в Яндекс Директ, скачайте практическое руководство “Настройка Яндекс Директ пошагово” и настройте РК самостоятельно. Или обращайтесь ко мне, я настрою рекламную кампанию для вас, жмите кнопки ниже.

Хотите получить в своё распоряжение систему привлечения клиентов под ключ?

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

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

Для этого нажмите кнопку и там заполните форму заявки:

Если хотите научиться настраивать Яндекс.Директ и самому привлекать нужное вам количество клиентов, запишитесь на предварительную консультацию:

Понравилась статья – поделись ею, жми кнопку любимой соцсети — Поделиться.
Получай все статьи и новости сайта в свой Вконтакте, Facebook или на электронную почту — подпишись на статьи сайта (справа).
Поделись своим мнением в комментариях, так статьи будут интереснее и ценней!

Источник