Идентификаторы JavaScript — Как создать сайт

Что такое идентификатор в JavaScript?

Статья
Идентификаторы в языке JavaScript

Идентификатор — это уникальное имя предмета, позволяющее отличать его от других предметов.

Идентификатор в JavaScript — это уникальное имя:
— переменной,
— функции,
— объекта,
— массива,
— меток,
и других элементов синтаксиса JavaScript, где пользователь самостоятельно назначает имена.

Правила задания имён идентификаторов в JavaScript

Имена идентификаторам в JavaScript, вы придумываете самостоятельно.

Правила задания имён идентификаторов:
— имя идентификатора может состоять из любых цифр и букв английского алфавита,
— в имени идентификатора, могут использоваться символы доллара $ и подчёркивания _
— имя идентификатора, не может начинаться с цифры,
— в качестве имён идентификаторов нельзя/не рекомендуется использовать ключевые и зарезервированные слова JavaScript,
— имена идентификаторов регистрозависимы, это значит что «Name» и «name», это разные идентификаторы.

Приведём примеры правильных и не правильных имён идентификаторов:

Правильно	Не правильно
name	na me
$name	na*me
_name	na-me
name5	5name
NAME	+name+

Создавайте осмысленные имена идентификаторов

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

Например, если переменная хранит данные о цвете автомобиля, то её имя может быть таким cvetAvto или colorAuto, если функция изменяет цвет автомобиля, то её имя может быть таким izmenitCvetAvto или changeColorAuto.

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

Опытные программисты обычно используют верблюжий стиль (camelCase) написания имён идентификаторов, когда каждое последующее слово начинается с прописной (заглавной) буквы cvetAvto. Если вам не нравится camelCase, то вы можете между словами ставить знак подчёркивания cvet_avto

Читать далее: Комментарии JavaScript

Дата публикации поста: 5 февраля 2016

Дата обновления поста: 16 октября 2014

Навигация по записям

Настройка целей в Яндекс Метрике через Google Tag Manager (GTM)

Так как сейчас SEO – это немного больше, чем просто привлечение трафика, а многие клиенты просят предоставлять статистику по достижению целей, рассмотрим вариант их настройки в Яндекс.Метрике с помощью Google Tag Manager.

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

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

Итак, посмотрим, как это можно сделать.

1. Регистрация аккаунта проекта в Google Tag Manager

1.1. Переходим по ссылке https://tagmanager.google.com/ и авторизуемся в клиентской учетной записи Google.

1.2. Создаем новый аккаунт. Будем рассматривать настройку на примере сайта http://www.goodwill-stroi.ru.

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

1.4. Указываем название контейнера, а также выбираем, где будет использоваться ваш контейнер. В нашем случае это «Веб-сайт»:

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

2. Установка контейнера Google Tag Manager на сайт

2.1. После принятия пользовательского соглашения вы получите код GTM для установки в код своего сайта:

2.2. Установите первую часть кода в head, а вторую сразу после открывающего тега body:

Скорее всего, установка кода GTM на сайт – это весь процесс работы с кодом, который вам понадобится.

2.3. Проверим корректность установки кода Google Tag Manager. Для этого установим расширение Tag Assistant (by Google) для Google Chrome.

2.4. Перейдите на любую страницу сайта и нажмите на значок расширения:

Если он будет зеленого цвета, код GTM установлен корректно.

3. Активация переменных в GTM для отслеживания действий посетителей на сайте

3.1. Типы переменных, которые вы можете использовать для настройки своих целей.

3.1.1. Клики

Click Element.

Получает доступ к уровню данных и считывает ключ gtm.element, который задается триггерами «Клик». Результатом будет ссылка на элемент DOM, где произошел клик.

Click Classes. Получает доступ к уровню данных и считывает ключ gtm.elementClasses, который задается триггерами «Клик». Результатом будет строковое значение атрибута classes в элементе DOM, по которому был выполнен клик.

Click ID. Получает доступ к уровню данных и считывает ключ gtm.elementId, который задается триггерами «Клик». Результатом будет строковое значение атрибута id в элементе DOM, по которому был выполнен клик.

Click Target. Получает доступ к уровню данных и считывает ключ gtm.elementTarget, который задается триггерами «Клик».

Click URL. Получает доступ к уровню данных и считывает ключ gtm.elementUrl, который задается триггерами «Клик».

Click Text. Получает доступ к уровню данных и считывает ключ gtm.elementText, который задается триггерами «Клик».

3.1.2. Ошибки

Error Message. Получает доступ к уровню данных и считывает ключ gtm.errorMessage, который задается триггерами «Ошибка JavaScript». Результатом будет строка с сообщением об ошибке.

Error URL. Получает доступ к уровню данных и считывает ключ gtm.errorUrl, который задается триггерами «Ошибка JavaScript». Результатом будет строка, содержащая URL, где произошла ошибка.

Error Line. Получает доступ к уровню данных и считывает ключ gtm.errorLine, который задается триггерами «Ошибка JavaScript». Результатом будет номер строки в файле, в которой содержится ошибка.

Debug Mode. Возвращает значение true, если контейнер работает в режиме предварительного просмотра.

3.1.3. Формы

Form Classes. Получает доступ к уровню данных и считывает ключ gtm.elementClasses, который задается триггерами «Отправка формы». Результатом будет строковое значение атрибута classes формы.

Form Element. Получает доступ к уровню данных и считывает ключ gtm.element, который задается триггерами «Отправка формы». Результатом будет ссылка на элемент DOM формы.

Form ID. Получает доступ к уровню данных и считывает ключ gtm.elementId, который задается триггерами «Отправка формы». Результатом будет строковое значение атрибута id формы.

Form Target. Получает доступ к уровню данных и считывает ключ gtm.elementTarget, который задается триггерами «Отправка формы».

Form Text. Получает доступ к уровню данных и считывает ключ gtm.elementText, который задается триггерами «Отправка формы».

Form URL. Получает доступ к уровню данных и считывает ключ gtm.elementUrl, который задается триггерами «Отправка формы».

3.1.4. История

History Source. Получает доступ к уровню данных и считывает ключ gtm.historyChangeSource, который задается триггерами «Изменение в истории».

New History Fragment. Получает доступ к уровню данных и считывает ключ gtm.newUrlFragment, который задается триггерами «Изменение в истории». Результатом будет строковое значение хеша URL страницы после события истории.

New History State. Получает доступ к уровню данных и считывает ключ gtm.newHistoryState, который задается триггерами «Изменение в истории». Результатом будет объект состояния, переданный страницей в историю для запуска события истории.

Old History Fragment. Получает доступ к уровню данных и считывает ключ gtm.oldUrlFragment, который задается триггерами «Изменение в истории». Результатом будет строковое значение хеша URL страницы до события истории.

Old History State. Получает доступ к уровню данных и считывает ключ gtm.oldHistoryState, который задается триггерами «Изменение в истории». Результатом будет объект состояния, активный до того, как произошло событие истории.

3.1.5. Страницы

Page Hostname.

Указывает имя хоста в текущем URL.

Page Path. Указывает путь в текущем URL.

Page URL. Указывает полный URL текущей страницы.

Referrer. Указывает полный URL перехода к текущей странице.

3.1.6. Прокрутка

Scroll Depth Threshold. Получает доступ к уровню данных и считывает ключ gtm.scrollThreshold, который задается триггерами «Глубина прокрутки». Результатом будет числовое значение, которое показывает глубину прокрутки, запустившую триггер. Для значений в процентах это число от 0 до 100. Для значений в пикселях это количество пикселей, установленное в качестве порога.

Scroll Depth Units. Получает доступ к уровню данных и считывает ключ gtm.scrollUnits, который задается триггерами «Глубина прокрутки». Результатом будет параметр, который показывает выбранные единицы измерения для порогового значения, запустившего триггер, – либо «пиксели», либо «проценты».

Scroll Direction. Получает доступ к уровню данных и считывает ключ gtm.scrollDirection, который задается триггерами «Глубина прокрутки». Результатом будет параметр, который показывает направление прокрутки при срабатывании триггера – либо «вертикальное», либо «горизонтальное».

3.1.7. Утилиты

Container ID. Предоставляет общедоступный идентификатор контейнера (например, GTM-XKCD11).

Container Version. Указывает номер версии контейнера в виде строкового значения.

Environment Name. Возвращает указанное пользователем название текущей среды, если запрос контейнера выполнен из функции «Поделиться ссылкой для просмотра» или из фрагмента кода среды. Для встроенных сред возвращается значение «Реальная», «Последняя» или «Редактирование». В остальных случаях возвращается пустая строка.

Event. Получает доступ к уровню данных и считывает ключ event, который представляет собой имя текущего события dataLayer (например, gtm.js, gtm.dom, gtm.load или указанное пользователем).

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

Random Number. Возвращает случайное число.

3.1.8. Видео

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

Video Duration. Получает доступ к уровню данных и считывает ключ gtm.videoDuration, который представляет собой общую длительность видео в секундах, выраженную целым числом.

Video Percent. Получает доступ к уровню данных и считывает ключ gtm.VideoPercent, который представляет собой процент видео, воспроизведенного на момент события, выраженный целым числом от 0 до 100.

Video Provider. Получает доступ к уровню данных и считывает ключ gtm.videoProvider, который задается триггерами «Видео YouTube». Результатом будет название поставщика видео (YouTube).

Video Status. Получает доступ к уровню данных и считывает ключ gtm.videoStatus, который представляет собой статус видео в момент регистрации события, например, «воспроизведение», «пауза».

Video Title. Получает доступ к уровню данных и считывает ключ gtm.videoTitle, который задается триггерами «Видео YouTube». Результатом будет название видео.

Video URL. Получает доступ к уровню данных и считывает ключ gtm.videoUrl, который задается триггерами «Видео YouTube». Результатом будет URL видео, например, https://www.youtube.com/watch?v=gvHcXIF0rTU.

Video Visible. Получает доступ к уровню данных и считывает ключ gtm.videoVisible, который задается триггерами «Видео YouTube». Если видео отображается в области просмотра, результатом будет значение true, если же в другой области (например, в нижней части страницы, на фоновой вкладке) – false.

3.1.9. Видимость

Percent Visible. Получает доступ к уровню данных и считывает ключ gtm.visibleRatio, который задается триггерами «Видимость элементов». Результатом будет числовое значение (0–100), которое показывает, какой процент выбранного элемента был виден при срабатывании триггера.

On-Screen Duration. Получает доступ к уровню данных и считывает ключ gtm.visibleTime, который задается триггерами «Видимость элементов». Результатом будет числовое значение, которое показывает, как долго выбранный элемент был виден при срабатывании триггера.

3.2. Включить переменные в Google Tag Manager можно следующим образом:

4. Установка счетчика Яндекс.Метрики с помощью Google Tag Manager

4.1. Перейдите на вкладку «Теги»:

4.2. Нажмите на кнопку «Создать» и в открывшемся окне нажмите на кнопку выбора типа тега:

4.3. В GTM нет типа тега Яндекс.Метрики по умолчанию, поэтому мы будем использовать тип «Пользовательский HTML»:

4.4. Вставьте код Яндекс.Метрики в соответствующее поле:

4.5. Нажмите на кнопку выбора условия (триггера) активации тега Яндекс.Метрики:

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

4.7. Дайте тегу понятное и значимое название:

4.8. Чтобы применить внесенные изменения, вам необходимо опубликовать обновленный контейнер с помощью кнопки «Отправить»:

4.9. Укажите название и описание новой версии контейнера:

5. Создание целей и их передача в Яндекс.Метрику

5.1. Созданием цели является создание тега в GTM. Создавать через GTM стоит только цели типа JavaScript-событие. Простые цели, связанные с посещением страниц, лучше создавать непосредственно в настройках счетчика Яндекс.Метрики.

5.2. Попробуем настроить цель на отправку формы «Заказать звонок» в шапке сайта:

5.3. Создаем цель в Метрике типа JavaScript-событие и даем уникальное наименование идентификатору цели:

5.4. Создадим тег в GTM, который будет передавать идентификаторы цели в Яндекс.Метрику. Для этого вновь выберем Пользовательский html и напишем в нем небольшой скрипт, который отправит нужные нам данные:

Обязательно укажите свой номер счетчика Метрики и идентификатор своей цели.

5.5. При сохранении тега GTM предложит вам сразу его связать с триггером активации. Соглашаемся.

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

5.7. Переходим в режим «Предварительного просмотра»:

5.8. Заходим на сайт и отправляем форму, чтобы понять, какие значения она может передавать в GTM:

5.9. Мы видим, что сможем отследить форму по пользовательскому событию, которое совпадает с form_data_1.

5.10. Создаем триггер активации тега с кодом Яндекс.Метрики «Пользовательское событие» с именем события form_data_1:

5.11. Опубликуем изменения в GTM и проверим корректность работы цели с помощью «Предварительного просмотра» достигнув цели:

5.12. Проверим, передалась ли цель в Яндекс.Метрику. Для этого посмотрим стандартный отчет «Конверсии»:

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

6. Отслеживание глубины просмотра страницы

6.1. Создадим в Яндекс.Метрике цели для глубины просмотра страницы на уровнях 25, 50, 75 и 100%. Вы можете создать любые удобные вам значения.

6.2. Создадим новый тег и уже известным нам скриптом будем передавать данные в Метрику:

6.3. При сохранении тега создадим новый триггер из числа стандартных – Глубина прокрутки. В триггере отмечаем «Глубина вертикальной прокрутки», «Проценты» и выбираем количество процентов, на которое пользователь должен пролистать страницу, чтобы данные передавались в Метрику.

6.4. Для проверки корректности настройки цели перейдем в «Предварительный просмотр»:

6.5. Зайдите на сайт. Внизу страницы будет панель, в которой можно протестировать настроенные цели:

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

6.6. Если мы пролистаем страницу на 25% вниз, то увидим, что у нас активировался тег просмотра страницы на 25%:

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

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

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

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

Например:

+ Кнопка «Купить»

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

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

и.т.д.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<input type="submit" value="Подать заявку">

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

<a href="#" target="_blank" rel="nofollow noopener">Написать</a>

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

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

<input type="submit" value="Подать заявку"/>

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

<a href="#" target="_blank" rel="nofollow noopener">Написать</a>

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

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

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

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

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

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

Где:

<input type="submit" value="Подать заявку"/>

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

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

или так:

<a href="#" target="_blank" rel="nofollow noopener"onClick="ym('XXXXXX','reachGoal', 'TARGET_NAME'); return true;">Написать</a>

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

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

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

Техническая сторона настройки целей в Яндекс Метрике.

Вижу цель – не вижу препятствий! Как настроить цели в Яндекс.Метрике

Что такое Яндекс.Метрика знает каждый, кто интересуется поисковым продвижением. Но в большинстве своем знания ограничиваются просмотром сегмента (желательно уже готового), оценкой показателей лояльности и поверхностным анализом поведения аудитории. Гораздо реже у сайта могут быть настроенные службой поддержки цели, но они или сбиваются со временем, или изначально собираются некорректно. Для эффективной аналитики сайта, которая будет включать отслеживание конверсий, полезно самостоятельно разбираться в понятии «Цели» в Я.Метрике и в том, как они работают.

От простого к сложному

Метрика предлагает на выбор четыре варианта для настройки целей:

1. Количество просмотров. Позволяет установить за константу глубину просмотра – количество страниц, которые посетил человек в рамках сессии.
2. Посещение страниц. Если нас интересуют определенные страницы, то это отличный вариант, устанавливаем в качестве цели посещение пользователями этих страниц.
3. JavaScript-событие. Здесь цель немного сложнее – с помощью внедрения в код сайта кусочков JS отслеживаем взаимодействие посетителя с конкретным функционалом (например, нажатие на определенную кнопку).
4. Составная цель. Для гуру аналитики, которые освоили все предыдущие варианты. Этот вариант позволит построить и отследить целую цепочку целей в зависимости от задач сайта.

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

1. Количество просмотров

Для чего:

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

Для кого:

Интернет-магазины со своим блогом, информационные и образовательные ресурсы. Все сайты, на которых большое значение имеет чтение материалов и удобство навигации по контенту.

Научите меня:

1. В интерфейсе перейдите в раздел Настройка → Цели.
2. Нажмите Добавить цель.
3. В поле Название укажите имя цели.
   
4. Установите переключатель в положение Количество просмотров.
   
5. В поле Просмотры укажите целое число больше 1.
   
6. Нажмите кнопку Добавить цель. Созданная цель появится в списке целей.
   
7. Нажмите кнопку Сохранить.

Бинго! Яндекс.Метрика начнет сбор статистики уже через несколько минут после сохранения настроек.

Как настроить в Яндекс.Метрике цель «Количество просмотров»

2. Посещение страниц

Для чего:

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

Для кого:

Любой сайт с формой заявки, покупки, обратной связи. Чаще всего это интернет-магазины, сайты услуг и торговые площадки.

Научите меня:

1. Перейдите в раздел Настройка (вкладка Цели).
2. Нажмите кнопку Добавить цель.
   
3. В поле Название укажите имя цели.
   
4. Установите переключатель в положение Посещение страницы.
   
5. Укажите нужное условие. Можно добавить до 10 условий.
   
6. Нажмите кнопку Добавить цель. Созданная цель отобразится в списке.
   
7. Нажмите кнопку Сохранить.

Как настроить в Яндекс.Метрике цель «Посещение страниц»

3. События (JavaScript)

Для чего:

Отслеживает взаимодействие посетителя с любым функционалам сайта (кнопка, форма заявки, обратный звонок и т. д.). С помощью этой цели можно оценить, насколько «отрабатывают» кликабельные элементы на сайте, как много людей уходят в отказ при взаимодействии с элементами, как часто посетители пользуются определенными кнопками.

Для кого:

Интернет-магазины, сайты услуг, бизнес-площадки – все сайты, где от функциональных элементов напрямую зависит конверсия ресурса.

Научите меня:

1. На страницах сайта используйте метод reachGoal.
2. Перейдите в раздел Настройка –> Цели и нажмите кнопку Добавить цель.
   
3. В поле Название укажите имя создаваемой цели.
   
4. Установите переключатель в положение JavaScript-событие.
   
5. Укажите идентификатор цели.
   
6. Нажмите кнопку Добавить цель и сохраните изменения.
   

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

В отличие от двух вышеописанных целей, JavaScript-событие невозможно настроить без вмешательства в код страниц. Чтобы Яндекс.Метрика начала служить верой и правдой, необходимо обладать хотя бы минимальными навыками работы с HTML и JavaScript или же прибегнуть к услугам программиста. Подробнее о настройке различных методов можно прочитать в справке Яндекса.

4. Составная цель

Для чего:

Как правило, используется для анализа воронки продаж. Способна выявить слабые места сайта и акцентировать внимание на сильных сторонах, незаслуженно забытых.

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

Для кого:

Любой сайт, на котором для посетителя существует финальная цель (посещение раздела, совершение заказа, отправление заявки и т. д.).

Научите меня:

1. Перейдите в раздел Настройка –> Цели.
2. Нажмите кнопку Добавить цель.
   
3. В поле Название укажите имя создаваемой цели.
   
4. Установите переключатель в положение Составная цель.
   
5. Добавьте необходимые шаги. Используйте условия для отслеживания посещений страниц и идентификаторы цели для передачи JavaScript-событий.
   
6. Нажмите кнопку Добавить цель. Созданная цель отображается в списке целей.
   
7. Нажмите кнопку Сохранить.

Яндекс.Метрика начнет сбор статистики через несколько минут после сохранения настроек.

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

О чем важно не забыть?

• Для одного счетчика Яндекс.Метрики вы можете указать до 200 целей.
• Во время одного визита фиксируется не более 400 достижений целей.
• Если вы редактируете цель или счетчик – вся накопленная ранее статистика цели стирается.
• Достижение целей фиксируется не чаще, чем один раз в секунду.

Я все сделал, что дальше?

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

Самый простой вариант – подождать 15–20 минут после настройки цели и самому пройти путь, затем посмотреть, записалось событие или нет.

Вариант посложнее и понадежнее (рекомендуется Яндексом). К адресу целевой страницы в браузере добавьте «?_ym_debug=1». Нажмите Ctrl+Shift+J – после этого откроется консоль. Выполните целевое действие. Если все работает корректно, в консоли появится сообщение о том, что данные переданы счетчику, которое выглядит примерно так:

Как проверить, отслеживается ли цель

Что-то пошло не так…

Если при проверке вы обнаружите, что цель не отслеживается, ищите причину. К счастью, есть основной FAQ от Яндекса, где перечислены распространенные ошибки при настройке целей:

• На странице не установлен счетчик.
• Счетчик блокируется внешним ресурсом.
• Визит был окончен до того, как сработал счетчик.
• Метод reachGol использован некорректно (актуально для целей «События»).
• Неверно введен URL страницы при настройке условия цели.
• С целевой страницы настроено перенаправление.
• В адресе страницы есть символ #.

Если ни одна из причин не подходит, можно еще раз внимательно изучить справку Яндекса и написать в службу поддержки сервиса аналитики.

Где посмотреть выполнение целей?

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

Источник