Внимание! В данной статье предложены фрагменты кода для копирования. Чтобы скопировать код, наведите на него курсор мышки, в появившемся в правом верхнем углу окошке нажмите на первой иконке. После этого код будет скопирован в буфер обмена. Чтобы вставить его в редактор платформы LPgenerator, используйте сочетание клавиш Ctrl+V или щелчок правой кнопкой мыши → вставить.
Метрика — это бесплатный сервис от Яндекс, предназначенный для оценки ключевых показателей эффективности веб-страниц, анализа поведения online посетителей, эффективности рекламных кампаний и входящего SEO-трафика.
Платформа LPgenerator предоставляет все необходимую статистикудля качественной работы и оптимизации landing pages, но если для вас принципиально использовать аналитику от Яндекс, то вашему вниманию предлагается подробное руководство.
Шаг 1. Настроить специальный код счетчика Яндекс.
Для этого:
1. Перейдите по ссылке: https://metrika.yandex.ru/
2. Введите данные вашей учетной записи в Яндекс (пароль и логин совпадают с учетными данными Яндекс.Почты и прочих сервисов Яндекса).
Если у Вас нет аккаунта, нажмите кнопку “Зарегистрироваться”.
3. После входа в метрику, нажмите «Добавить счетчик»:
4. Далее введите название домена (адрес страницы) в поле «Адрес сайта».
Обратите внимание: Метрика не принимает название со слешами, например, mysite.ru/name.
То есть необходимо ввести только название домена, например, mysite.ru:
5. Поставьте галочку «Я принимаю условия Пользовательского соглашения» и нажмите «Продолжить».
В открывшемся окне вы увидите код счетчика а также параметры, которые можно задать счетчику перед установкой на целевые страницы.
Внимание: не забудьте поставить галочку напротив инструмента (параметра), который планируете использовать и сохранить получившийся код счетчика.
Остановимся подробнее на основных параметрах.
- Карта кликов — сбор статистики по кликам посетителя на странице.
- Внешние ссылки, загрузки файлов и отчет по кнопке «Поделиться» — сбор статистики по ссылкам на внешние ресурсы, загрузке файлов и кнопке «Поделиться».
- Точный показатель отказов — отказом будет считаться посещение, в течение которого пользователь был на одной странице и посвятил ей менее 15 секунд.
Отдельных пояснений требует настройка инструмента «Вебвизор»:
- Вебвизор записывает и анализирует поведение online посетителей. Для использования данного инструмента, необходимо активировать его на вкладке «Вебвизор». По умолчанию он выключен и записывать данные не будет.
Выберите способ записи содержимого вебвизора :
- Из браузера: код счетчика берет содержимое уже загруженной страницы непосредственно из браузера посетителя. Этот вариант менее ресурсоемок, но содержимое страницы может записаться с искажениями.
- Загружать с сайта: код счетчика осуществляет отдельную загрузку страницы во время ее просмотра посетителем и отправляет ее содержимое в Метрику. Этот вариант позволяет записывать более точную копию того, что видел посетитель, но создает дополнительную нагрузку на сайт.
Остальные настройки можно оставить по умолчанию.
Настройка «Архивировать страницы с сайта» означает, что робот Яндекс будет периодически сохранять изменившиеся страницы вашего сайта.
Настройка «От имени анонимного посетителя» означает, что в плеер будет загружаться такая же страница, какую увидел бы новый посетитель, впервые пришедший на сайт.
Не забудьте сохранить настройки вебвизора:
Сохраните код счетчика:
Шаг 2. Скопировать настроенный код счетчика и вставить его на страницы LPgenerator.
Используйте данный код на страницах, для которых вы хотите учитывать статистику. Целевые страницы должны находится на одном домене. Например: если testmetrika.ru — домен, то страницы должны иметь название testmetrika.ru/название страницы.
Итак, после настроек параметров счетчика вам нужно скопировать сгенерированный код в разделе код счетчика. Для этого кликните в нижнее поле с кодом и нажмите Ctrl+A (выделить все) и скопируйте его.
Далее откройте необходимую целевую страницу в редакторе платформы LPgenerator и нажмите инструмент «Скрипты».
Нажмите кнопку «Добавить скрипт» и вставьте скопированный код перед тегом </BODY>. Сохраните изменения.
Обратите внимание: данные по вашей странице начнут отображаться не сразу после установки кода счетчика. На обновление кэша Яндекс порой требуется несколько часов. Особенно это касается данных по вебвизору.
Шаг 3. Просмотр и анализ собранных данных.
1. Кликните по ссылке «Метрика».
2. Ниже Вы увидите список счетчиков.
Подробнее о статусах счетчика вы можете прочитать здесь
Вы можете отредактировать или удалить код счетчика с помощью кнопок:
3. Далее кликните по названию счетчика. Откроется сводка за месяц: просмотры, визиты, посетители, источники переходов, поисковые фразы и прочее:
Здесь также можно настроить фильтр по срокам статистики:
4. В метрике доступно множество разделов, в которых можно увидеть различные статистические данные, собранные роботами Яндекс.
Например, в разделе «Поведение» вы можете найти данные, которые записал вебвизор, а также данные с карты ссылок, кликов и прочее.
5. При попытке просмотреть данные, записанные вебвизором, вы, вероятно, увидите сообщение:
«Нет данных с выбранными условиями или вебвизор не подключен в настройках счетчика».
Причины может быть две:
- данные еще не загрузились, для загрузки данных вебвизора иногда требуется несколько часов;
- вебвизор не включен и не отмечен в настройках счетчика.
Возвращаемся в настройки счетчика и проверяем, стоят ли галочки в следующих чекбоксах:
Должен быть выбран способ «Из браузера» либо «Загружать с сайта»:
Если настройки корректны, то необходимо подождать пару часов, данные должны загрузиться. В противном случае рекомендуем обратиться в нашу техническую поддержку по адресу support@lpgenerator.ru, мы сможем проверить корректность кода счетчика, добавленного на вашу целевую страницу.
Подробнее о вебвизоре и остальных инструментах Яндекс.Метрики вы можете прочитать здесь.
Если данные для вебвизора загрузились, то вы увидите список записей. Нажмите «Воспроизвести посещение», чтобы увидеть как вел себя посетитель на странице.
Обратите внимание: на записи сразу появляются значки, которые показывают с какой операционной системы, браузера и страны заходил посетитель.
Шаг 4. Цели Яндекс.Метрики.
Итак, с основными инструментами мы разобрались, теперь поговорим о настройке целей.
Цель — это желаемый результат проведения рекламной кампании, событие на лендинге, которое является для вас индикатором успешности рекламной кампании (клик по кнопке, заполнение лид-формы или переход по ссылке).
Подробнее о видах целей читайте здесь.
Как настроить цель Метрики?
Для начала мы будем настраивать цель, которая будет работать только в случае, когда с формы будет успешно отправлен лид. Скрипт для этой цели (который мы позднее добавим на страницу) будет срабатывать только при корректной отправке данных с формы, т. е. при заполнении всех обязательных полей и в верном формате.
1. Зайдите в редактор счетчика:
2. Перейдите в раздел «Цели» и нажмите «Добавить цель»:
3. Перейдите во вкладку «Событие».
Введите название для цели. Название может быть произвольным. Введите идентификатор цели.
Называть идентификатор можете как угодно, но рекомендуем прописать ORDER.
Этот идентификатор мы потом будем использовать в скрипте для целей.
4. Нажмите кнопку «Добавить». Цель отобразиться ниже.
5. Далее скопируйте код:
<script>
jq_144('#block-new2').on( 'submit', '.our_form', function (){ // block-new2 - id формы
var form = jq_144(this);
jq_144('#lp_form_target').on( 'load', function(){
if (!window.frames.lp_form_target.data_json ||
(window.frames.lp_form_target.data_json.length == 0) ){
yaCounterCOUNTER_ID.reachGoal('ORDER'); // COUNTER_ID - номер счетчика.
// ORDER - идентификатор цели
}
timerName = setInterval(function() {
if ( jq_144('#form_submit_message').css('display') == 'block' ) {
clearInterval(timerName);
}
}, 100);
});
});</script>Откройте в редакторе LPgenerator целевую страницу, на которой будут отслеживаться цели.
Нажмите на инструмент «Скрипты» в редакторе и вставьте скопированный код перед тегом </BODY>. Не забудьте назвать и сохранить скрипт.
6. Далее в скрипте нужно изменить параметры:
block-new2 — это идентификатор формы, для которой будет учитываться цель.
Идентификатор можно посмотреть в расширенных свойствах формы справа. Кликните один раз по полям формы:
Меняем в коде:
COUNTER_ID — номер вашего счетчика в Яндекс.Метрике.
Посмотреть номер счетчика можно в редакторе счетчика, в разделе «Общие»:
Меняем в коде номер счетчика:
ORDER — если у Вас одна цель и ее идентификатор ORDER (как указано в нашем примере), то переименовывать ее не нужно.
Идентификатор цели смотрим в редакторе счетчика, в разделе «Цели»:
Меняем в коде:
4. Готово. Теперь если посетитель заполнит данные и отправит их через форму, в Яндекс.Метрике отобразиться цель.
Зайдите в счетчики:
Далее раздел «Посещаемость», подпункт «Конверсии»:
Шаг 5. Настройка целей для нескольких лид-форм.
Обратите внимание: в Яндекс.Метрике количество созданных целей должно быть равно количеству лид-форм, статистику которых вы хотите отслеживать. То есть каждая цель будет использоваться для отдельной лид-формы.
Для отслеживания одной цели с одной формы используется скрипт, описанный выше. Для того, чтобы отследить цель с еще одной формы, продублируйте скрипт и вставьте его перед тегом </BODY>. Замените в скрипте ID формы, номер счетчика и идентификатор цели (block-new2, COUNTER_ID, ORDER ) так, как это было описано выше.
Шаг 6. Настройка целей для кликов по ссылкам и кнопкам.
Если вам необходимо отслеживать такие конверсионные действия как клик по кнопке или ссылке без отправки данных с форм, то выполните действия, описанные ниже.
Сразу поясним — принцип отслеживания кликов по элементам такой же:
необходимо добавить в Яндекс.Метрике нужные цели, вставить новый скрипт, заменить в скрипте параметры ( ID элемента, номер счетчика и идентификатор цели).
Информацию о том, где посмотреть номер счетчика и идентификатор цели, смотрите выше, в разделе «Цели Яндекс.Метрики», шаг 4.
Итак, необходимо скопировать скрипт:
<script>
jq_144('#block-new38 a').click(function() { //ИЗМЕНИТЬ ID ЭЛЕМЕНТА
yaCounterCOUNTER_ID.reachGoal('ORDER'); // ЗАМЕНИТЬ НОМЕР СЧЕТЧИКА
// И ИДЕНТИФИКАТОР ЦЕЛИ
});
</script>Положение скрипта установить «Перед тегом </BODY>»:
3. Меняем в скрипте номер вашего счетчика COUNTER_ID:
4. Меняем идентификатор цели ORDER.
Если идентификатор вашей цели в Яндекс.Метрике называется ORDER, то менять его в скрипте не нужно.
5. Меняем ID элемента, по которому будет отслеживаться статистика: #block-new38.
6. Для учета цели для каждого элемента предназначен свой скрипт. Поэтому, если хотите учитывать цели с нескольких элементов, надо вставить скрипт несколько раз и прописать в каждом скрипте ID элемента, идентификатор цели. Номер счетчика остается прежним.
7. Сохраняем скрипт и страницу. Обратите внимание: данные в Яндекс.Метрике могут отобразиться не сразу.
Напоминаем, статистические данные целей отображаются в разделе «Посещаемость» в подпункте «Конверсии»:
На этом краткий обзор возможностей Яндекс.Метрики и алгоритма ее интеграции на целевые страницы платформы LPgenerator можно считать завершенным. Надеемся, что данная информация была полезной для вас. По любым вопросам обращайтесь в службу техподдержки по адресу support@lpgenerator.ru.
Алена Балакина,
специалист техподдержки LPgenerator