Как подключить яндекс метрика к целевым страницам lpgenerator?

Posted on by riasevastopol

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

Дабы засунуть его в редактор платформы LPgenerator, применяйте сочетание клавиш Ctrl+V либо щелчок правой кнопкой мышивставить.

Метрика — это бесплатный сервис от Яндекс, предназначенный для оценки главных показателей эффективности веб-страниц, анализа поведения online визитёров, эффективности рекламных кампаний и входящего SEO-трафика.

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

Ход 1. Настроить особый код счетчика Яндекс.

Для этого:

1. Перейдите по ссылке: https://metrika.yandex.ru/

2. Надавите Перейти

Введите эти вашей учетной записи в Яндекс (логин и пароль совпадают с учетными данными Яндекс.прочих сервисов и Почты Яндекса).

В случае если у Вас нет аккаунта, надавите кнопку “Пройти регистрацию”.

3. По окончании входа в метрику, надавите «Добавить счетчик»:

Как подключить яндекс метрика к целевым страницам lpgenerator?

4. Потом произвольно назовите счетчик и введите наименование домена, на котором находится ваш лендинг, в поле «Домен сайта».

Обратите внимание:

  • Метрика не принимает наименование со слешами, к примеру, www.mysite.ru/name. Другими словами нужно ввести лишь наименование домена, к примеру, www.mysite.ru
  • Вводить необходимо адрес с www
  • Отметьте галочкой опцию Принимать эти лишь с указанных доменов. Это разрешит не учитывать просмотры страницы, в то время, когда она открыта в режиме предпросмотра из редактора LPgenerator.

В итоге должно окажется следующее:

5. Поставьте галочку «Я принимаю условия Пользовательского соглашения» и надавите «Продолжить».

Потом откроется окно. Тут возможно задать нужные настройки счетчика передустановкой его кода на страницу:

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

Краткое описание каждой из функций находится под иконкой вопроса. Для стандартной настройки достаточно отметить лишь то, что указано на скриншоте.

При жажде возможно установить галочку «Асинхронный код»:

В этом случае код счетчика Метрики будет загружаться без приостановки вторых скриптов. При применения данной настройки код счетчика потребуется установить на лендинг в положение в тега :

Подробнее об установке кода на страницу просматривайте ниже.

Отдельных пояснений требует настройка инструмента «Вебвизор»:

  • Вебвизор записывает и разбирает поведение online визитёров. Для применения данного инструмента, нужно активировать его на вкладке «Вебвизор». По умолчанию он отключён и записывать эти не будет.

Выберите метод записи содержимого вебвизора :

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

Впишите адрес страницы с www

Остальные настройки возможно покинуть по умолчанию.

Для справки:

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

Не забудьте сохранить настройки:

Ход 2. Скопировать настроенный код счетчика и засунуть его на страницы LPgenerator.

Применяйте этот код на страницах, для которых вы желаете учитывать статистику.

Целевые страницы должны находится на одном домене. К примеру: в случае если www.testmetrika.ru — домен, то страницы должны иметь наименование www.testmetrika.ru/наименование страницы.

Итак, по окончании настроек параметров счетчика вам необходимо скопировать сгенерированный код в разделе Настройка — Код счетчика.

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

Потом откройте нужную целевую страницу в редакторе платформы LPgenerator и надавите инструмент «Скрипты».

Надавите кнопку «Добавить скрипт» и засуньте скопированный код по окончании тега . Сохраните трансформации.

Обратите внимание:

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

Ход 3. анализ и Просмотр собранных данных.

1. Чтобы начать трудиться с счетчиком (в случае если вышли из Метрики), кликните по нему:

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

Обратите внимание, в случае если статус красный:

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

Подробнее о статусах счетчика вы имеете возможность прочесть тут

3. Потом кликните по заглавию счетчика. Откроется свода статистики за определенный период.

Тут кроме этого возможно настроить фильтр по срокам статистики:

4. В метрике доступно множество отчетов, в которых возможно заметить разные статистику, собранные роботами Яндекс.

Раздельно вынесена информация по записямВебвизора:

5. При попытке просмотреть записи, вы, возможно, заметите сообщение:

«Нет данных с выбранными условиями либо вебвизор не подключен в настройках счетчика».

Обстоятельства возможно две:

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

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

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

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

В случае если эти для вебвизора загрузились, то вы заметите перечень записей. Надавите «Воспроизвести посещение», дабы заметить как вел себя визитёр на странице.

Обратите внимание: на записи сходу появляются значки, каковые показывают с какой ОС, страны и браузера заходил визитёр.

Ход 4. Цели Яндекс.Метрики.

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

Цель — это желаемый итог проведения рекламной кампании, событие на лендинге, которое есть для вас индикатором успешности рекламной кампании (клик по кнопке, заполнение лид-формы либо переход по ссылке).

Подробнее о видах целей просматривайте тут.

Как настроить цель Метрики?

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

1. Зайдите в настройки счетчика и кликните раздел Цели:

2. Надавите «Добавить цель»:

3. Перейдите во вкладку «JavaScript Событие».

  • Введите наименование для цели. Наименование возможно произвольным.
  • Введите идентификатор цели. Именовать идентификатор имеете возможность как угодно, но рекомендуем прописать ORDER.

Внимание: для каждой цели должно быть задано собственный неповторимое наименование идентификатора!

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

4. Надавите кнопку «Добавить цель» и сохраните трансформации в счетчике:

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

Внимание: коды различаются в зависимости от результата формы, по которой станете отслеживать цель.

Обратите внимание: в случае если на вашей странице в один момент употребляется Яндекс.Метрика и Гугл Analytics, и для обоих сервисов нужно настроить цели, воспользуйтесь этим управлением:

  • Цели Яндекс.Метрики и Гугл.Analytics на одной странице

В случае если по окончании отправки данных с лид-формы вы желаете, дабы осуществлялся показ сообщения, то скопируйте данный код (коды для попап форм указаны ниже в пункте 7):

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)) { yaCounterИДСЧЕТЧИКА.reachGoal(‘ORDER’); // ЗАМЕНИТЬ ИДСЧЕТЧИКА — на номер вашего счетчика // ЗАМЕНИТЬ ORDER — на идентификатор вашей цели } timerName255 = setInterval(function(){ // ЗАМЕНИТЬ 255 на id формы if (jq_144(‘#form_submit_message’).css(‘display’) == ‘block’) { clearInterval(timerName255); // ЗАМЕНИТЬ 255 на id формы } }, 100); }); });

В случае если желаете, дабы по окончании отправки данных с формы визитёр направлялся на страницу признательности, то скопируйте данный код (обратите внимание на строчки со словом ЗАМЕНИТЬ):

jq_144(‘#block-newID’).on(‘submit’, ‘.our_form’, function() { // block-newID — 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)) { yaCounterИДСЧЕТЧИКА.reachGoal(‘ORDER’); // ЗАМЕНИТЬ ИДСЧЕТЧИКА — на номер счетчика // ЗАМЕНИТЬ ORDER — идентификатор цели } timerName255 = setInterval(function() { if (jq_144(‘#form_submit_message’).css(‘display’) == ‘block’) { clearInterval(timerName255); //ЗАМЕНИТЬ 255 на id Вашей формы document.location = ‘//myurl.com’; // ЗАМЕНИТЬ myurl.com на адрес вашей страницы признательности } }, 1000); }); });

Потом откройте в редакторе LPgenerator целевую страницу, на которой будут отслеживаться цели.

Установите результатом действия формы показ сообщения.

Внимание: независимо от того, какой код вы станете применять, итог действия формы должен быть как раз таковой:

Затем необходимо добавить скопированный скрипт на страницу. Приведем пример с первым скриптом.

Надавите на инструмент «Скрипты» в редакторе и засуньте скопированный код перед тегом . Не забудьте назвать и сохранить скрипт.

6. Потом в скрипте необходимо поменять параметры:

block-new2 — это идентификатор формы, для которой будет учитываться цель.

Идентификатор возможно взглянуть в расширенных особенностях формы справа. Кликните один раз по полям формы:

Меняем в коде:

ИДСЧЕТЧИКА — номер вашего счетчика в Яндекс.Метрике.

Взглянуть номер счетчика возможно в его настройках:

Всецело заменяем надпись ИДСЧЕТЧИКА в коде на номер счетчика:

ORDER — в случае если у Вас одна цель и ее идентификатор ORDER (как указано в отечественном примере), то переименовывать ее не требуется.

Идентификатор цели уточните в настройках счетчика, в разделе «Цели»:

Меняем в коде. В отечественном примере наименование — идентификатор цели — ORDER в счётчике и скрипте совпадают:

4. Готово. Сейчас в случае если визитёр заполнит эти и пошлёт их через форму, в Яндекс.Метрике отобразится цель.

Статистику отображаются в Стандартных отчетах, в разделе Конверсии:

Обратите внимание: эти по целям подтягиваются не сходу. Не редкость, что нужно подождать пара часов.

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

Ход 5. Настройка целей для нескольких лид-форм.

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

Для отслеживания одной цели с одной формы употребляется скрипт, обрисованный выше. Чтобы отследить цель с еще одной формы, продублируйте скрипт и засуньте его перед тегом . Замените в скрипте ID формы, идентификатор цели и номер счётчика (block-new2, ИДСЧЕТЧИКА, ORDER ) так, как это было обрисовано выше.

Ход 6. Настройка целей для кликов по кнопкам и ссылкам.

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

Сходу поясним — принцип отслеживания кликов по элементам такой же:

нужно добавить в Яндекс.Метрике необходимые цели, засунуть новый скрипт, заменить в скрипте параметры ( ID элемента, идентификатор цели и номер счётчика).

Данные о том, где взглянуть идентификатор цели и номер счётчика, смотрите выше, в разделе «Цели Яндекс.Метрики», ход 4.

Итак, нужно скопировать скрипт:

jq_144(‘#block-new38 a’).click(function() { //ПОМЕНЯТЬ ID ЭЛЕМЕНТА yaCounterИДСЧЕТЧИКА.reachGoal(‘ORDER’); // ЗАМЕНИТЬ ИДЕНТИФИКАТОР ЦЕЛИ // и НОМЕР СЧЁТЧИКА });

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

3. Меняем в скрипте номер вашего счетчика ИДСЧЕТЧИКА:

4. Меняем идентификатор цели ORDER.

В случае если идентификатор вашей цели в Яндекс.Метрике именуется ORDER, то поменять его в скрипте не требуется.

5. Меняем ID элемента, по которому будет отслеживаться статистика: #block-new38.

6. Для учета цели для каждого элемента рекомендован собственный скрипт. Исходя из этого, в случае если желаете учитывать цели с нескольких элементов, нужно засунуть скрипт пара раз и прописать в каждом скрипте ID элемента, идентификатор цели. Номер счетчика остается прошлым.

7. Сохраняем скрипт и страницу. Обратите внимание: данные в Яндекс.Метрике смогут отобразиться не сходу.

Напоминаем, статистику целей отображаются в разделе «Отчеты» в подпункте «Конверсии»:

Ход 7. Настройка целей для виджета “ Popup “

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

1. В случае если результатом заполнения формы стоит показ сообщения.

А) Скопируйте этот код:

jq_144(function($) { $(document).ready(function() { $(‘#overlay-block-new255’).on(‘submit’, ‘очень’, function() { // overlay-block-new255 — id формы, нужно номер поменять на собственный, //к примеру, форма block-new11, переменная: #overlay-block-new11 var $form = $(this); timerName255 = setInterval(function() { // меняем 255 на номер собственной формы, //к примеру, форма block-new11,переменная: timerName11 if ($form.siblings(‘.confirmation’).hasClass(‘show’)) { yaCounterИДСЧЕТЧИКА.reachGoal(‘ORDER’); // ИДСЧЕТЧИКА — номер счетчика. // ORDER — идентификатор цели clearInterval(timerName255); // меняем 255 на id формы } }, 1000); }); }); });

Б) Потом откройте страницу в редакторе LPGenerator. Надавите инструмент “Скрипты”. Добавьте новый скрипт, назовите его. Установите положение скрипта “Перед тегом ”.

Сохраните трансформации.

В) Потом в скрипте необходимо измените параметры, отмеченные на скриншоте:

Красным цветом выделены идентификаторы, вместо которых необходимо засунуть ID Вашей формы popup.

Определить его возможно тут:

Обратите внимание: вставлять необходимо далеко не весь идентификатор #block-new32, а лишь его числовой номер 32.

Желтым цветом в коде выделен номер счетчика в Яндекс.Метрике. Вместо выделенного номера засуньте номер Вашего счетчика.

Синим цветом выделен идентификатор цели в Яндекс.Метрике. Он обязан соответствовать идентификатору Вашей цели в Метрике. ( В случае если в Метрике он указан, как ORDER3, то в коде, соответственно, должно быть указано значение ORDER3 ).

Г) Готово! Осталось сохранить трансформации в редакоре страницы.

Обратите внимание: данные в Яндекс.Метрике смогут отобразиться не сходу.

2. В случае если результатом заполнения формы должен быть переход на страницу признательности.

А) Скопируйте этот код:

jq_144(function($) { $(document).ready(function() { $(‘#overlay-block-new255’).on(‘submit’, ‘form’, function() { //overlay-block-new255 — меняем 255 на id формы var $form = $(this); timerName255 = setInterval(function() { //timerName255 — меняем 255 на id формы if ($form.siblings(‘.confirmation’).hasClass(‘show’)) { yaCounterИДСЧЕТЧИКА.reachGoal(‘ORDER’); //ИДСЧЕТЧИКА — номер счетчика. // ORDER — идентификатор цели $(‘#overlay-block-new255’).hide(); var secondsToRedirect = 1; //секунд -1 до перенаправления timerToRedirect = setInterval(function() { if (secondsToRedirect

Б) Засуньте этот код равно как и прошлый, в том же положении — Перед тегом .( См. Пункт Б первого действия ) В) В данном коде измените следующие параметры:

Красный цветом выделены идентификаторы, вместо которых необходимо засунуть ID Вашей формы popup. (Воздействие подобно пункту В прошлой настройки ).

Зеленым цветом в коде выделен номер счетчика в Яндекс.Метрике. Вместо выделенного номера засуньте номер Вашего счетчика.

Фиолетовым цветом выделен идентификатор цели в Яндекс.Метрике. Он обязан соответствовать идентификатору Вашей цели в Метрике. ( В случае если в Метрике он указан, как ORDER5, то в коде, соответственно, должно быть указано значение ORDER5).

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

Адрес должен быть вида: //mysite.ru/thanks/, другими словами ссылка на страницу, скопированная из адреса страницы в браузере:

Г) Для кнопки запуска “Попап”, в особенностях, результатом действия нужно поставить — показ сообщения.

Переход на страницу признательности будет осуществляться при помощи кода.

Д) Готово! Осталось сохранить трансформации в редакоре страницы.

На этом краткий обзор возможностей Яндекс.алгоритма и Метрики ее интеграции на целевые страницы платформы LPgenerator можно считать завершенным. Сохраняем надежду, что эта информация была нужной для вас. По любым вопросам обращайтесь в работу технической поддержки по адресу support@lpgenerator.ru.

Случайные статьи:

Правильная установка счетчика Яндекс Метрика в LPgenerator


Подборка похожих статей:

riasevastopol

More Posts