1. Получение необходимого кода
1.1 Войдите в свой аккаунт Google Analytics.
1.2. Перейдите в раздел “Администратор” и в выпадающем списке “Ресурс” нажмите “Создать ресурс”.
1.3. В открывшемся окне выполните настройки для будущего ресурса:
- Выберите “Веб сайт”
- Введите название страницы
- Укажите адрес страницы
- По желанию вы можете выбрать отрасль
- Необязательно, но желательно выбрать корректный часовой пояс
1.4. Нажмите кнопку “Получить идентификатор отслеживания”
1.5. Скопируйте предложенный участок кода:
2. Вставка кода на целевую страницу
2.1. Откройте страницу в редакторе LPgenerator
2.2. Нажмите инструмент “Скрипты”, кликните по кнопке “Добавить скрипт”.
2.З. В появившемся окне вставьте код, скопированный из Google Analytics. Назовите скрипт. Далее с помощью расположенного в правом верхнем углу селектора установите положение: “Внутри тега <HEAD>”:
2.4. Сохраните изменения и сам лендинг.
2.5. Данные будут отображаться в разделе “Отчеты”:
3. Настройка отслеживания целей конверсии
Для отслеживания любых событий на странице, будь то нажатие на кнопку или заполнение данных в попап- или обычной лид-форме, сначала нам потребуется добавить в Google Analytics цель разделе администрирования. Для этого:
3.1. Перейдите в раздел “Администратор” и выберите интересующий нас аккаунт, ресурс и представление.
После этого перейдите в раздел “Цели”:
3.2. В появившейся оснастке нажмите кнопку добавления новой цели «+Цель»:
3.3. Последовательно заполните следующие данные о новой цели:
В пункте «Установка цели» выберите «Собственная».
- «Название» - отображаемое в интерфейсе Google Analytics имя для настраиваемого события. Можно указать любое имя.
- «Тип» - выбирается в зависимости от того, что именно необходимо отслеживать. В рамках отслеживания отправки данных с лид-форм, попапов и нажатий на кнопки. Выберите тип «Событие»:
Подробные сведения о цели (для настройки отслеживания достаточно задать только категорию и действия отслеживаемого события):
При указании категории и действия создаваемой цели рекомендуется использовать только символы латинской раскладки (a-z, A-Z) и цифры (0-9). Допускается так же использование нижнего подчеркивания (“_”).
После настройки не забудьте сохранить изменения в цели:
На этом настройки цели в Google Analytics можно считать завершенными, теперь перейдем к настройке скриптов, которые нужно добавить на лендинг. Для этого продолжайте следовать пунктам руководства.
3.4. Если на вашей странице одновременно используется Яндекс.Метрика и Google Analytics, и для обоих сервисов надо настроить цели, воспользуйтесь руководством:
Если используете только Google Analytics, продолжайте следовать текущему руководству.
Обратите внимание: цели на странице устанавливаются с помощью скриптов. В каждом из них есть моменты, которые вам потребуется отредактировать в соответствии с настройками вашего счетчика и целей.
После строк, в которые необходимо внести правки, добавлен символ двойного слеша (//) и подсказка, что именно требуется сделать. Подсказки, кстати, дополнительно мы пометили зеленым цветом. Будьте внимательны.
Скрипт отслеживания будет отличаться в зависимости от результата действия формы:
- Если после заполнения формы должен происходить показ сообщения, то скопируйте код:
<!-- Отслеживание цели GA для статичных лид-форм с показом сообщения --> <script> jq_144('#block-newID').on('submit', '.our_form', function() { // block-newID - идентификатор отслеживаемой формы 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)) { gtag('event', 'send', { 'event_category': 'lead_form', 'event_action': 'action_submit' }); // lead_form - категория ранее созданной цели // action_submit - действие цели // параметры 'send' и 'event' оставляем неизменными } timerName255 = setInterval(function() { if (jq_144('#form_submit_message').css('display') == 'block') { clearInterval(timerName255); // в timerName255 замените 255 на ID отслеживаемой формы } }, 100); }); }); </script>
- Если после заполнения формы должен происходить переход на страницу благодарности или любую другую произвольную страницу, то используйте этот код.
- Важно: в результате действия форму нужно установить показ сообщения.
<!--Отслеживание цели в GA для статичных лид-форм с переходом на стр.благодарности--> <script> jq_144('#block-newID').on('submit', '.our_form', function() { // block-newID - идентификатор отслеживаемой формы 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)) { gtag('event', 'send', { 'event_category': 'lead_form', 'event_action': 'action_submit' }); // lead_form - категория ранее созданной цели // action_submit - действие цели // параметры 'send' и 'event' оставляем неизменными } timerName255 = setInterval(function() { // в timerName255 замените 255 на ID отслеживаемой формы // например, форма - #block-new2 название таймера - timerName2 if (jq_144('#form_submit_message').css('display') == 'block') { clearInterval(timerName255); document.location = 'http://myurl.com/'; // ЗАМЕНИТЕ myurl.com на адрес вашей страницы благодарности // в timerName255 замените 255 на ID отслеживаемой формы } },1000); }); }); </script>
3.5. Если вам необходимо настроить отслеживание целей для Попап форм, то смотрите скрипты, приведенные ниже.
- Если после заполнения формы должен происходить показ сообщения, используйте этот код:
<!--Отслеживание цели GA для попап форм с показом сообщения-->
<script>
jq_144(function ($) {
$(document).ready(function () {
$('#overlay-block-newID').on('submit', 'form', function () {
// overlay-block-newID - ID заменить на ID формы,
// если форма - block-new2, то значение - #overlay-block-new2
var $form = $(this);
var start = Date.now();
timerName255 = setInterval(function () {
// в timerName255 замените 255 на ID отслеживаемой формы
// если форма block-new2, то переменная будет - timerName2
var newTime = Date.now();
if ($form.siblings('.confirmation').hasClass('show')) {
gtag('event', 'send', { 'event_category': 'lead_form', 'event_action': 'action_submit' });
// lead_form - категория ранее созданной цели
// action_submit - действие цели
// параметры 'send' и 'event' оставляем неизменными
clearInterval(timerName255);
// в timerName255 замените 255 на ID отслеживаемой формы
} else if (newTime - start > 2000) {
clearInterval(timerName255);
// в timerName255 замените 255 на ID отслеживаемой формы
}
}, 100);
});
});
});
</script>
- Если после заполнения формы посетитель переходит на страницу благодарности или любую другую произвольную страницу, то копируйте этот код.
- Важно: в результате действия формы нужно установить показ сообщения.
<!--Отслеживание цели GA для попап форм с переходом на страницу благодарности-->
<script>
jq_144(function ($) {
$(document).ready(function () {
$('#overlay-block-newID').on('submit', 'form', function () {
// overlay-block-newID - ID необходимо изменить на ID формы,
// если форма - block-new2, то значение - #overlay-block-new2
var $form = $(this);
var start = Date.now();
timerName255 = setInterval(function () {
// в timerName255 замените 255 на ID отслеживаемой формы
// если форма block-new2, то переменная - timerName2
var newTime = Date.now();
if ($form.siblings('.confirmation').hasClass('show')) {
gtag('event', 'send', { 'event_category': 'lead_form', 'event_action': 'action_submit' });
// lead_form - категория ранее созданной цели
// action_submit - действие цели
// параметры 'send' и 'event' оставляем неизменными
$('#overlay-block-newID').hide();
// overlay-block-newID - ID необходимо изменить на ID формы,
// если форма - block-new2, то значение - #overlay-block-new2
var secondsToRedirect = 1;
// время до перенаправления, в секундах.
timerToRedirect = setInterval(function () {
if (secondsToRedirect <= 0) {
clearInterval(timerToRedirect);
document.location = 'Адрес страницы';
//адрес стр.благодарности, на который будет происходить переход
}
jq_144('#seconsLeft').text(secondsToRedirect);
secondsToRedirect--;
}, 1000 /*задержка между тиками отсчёта в миллисек .*/);
clearInterval(timerName255);
// в timerName255 замените 255 на ID отслеживаемой формы
} else if (newTime - start > 2000) {
clearInterval(timerName255);
// в timerName255 замените 255 на ID отслеживаемой формы
}
}, 100);
});
});
});
</script>
- Для отслеживания нажатия (клика) по кнопке на странице копируйте этот скрипт:
<!--Отслеживание цели GA при клике по кнопке--> <script> jq_144('#block-newID a').click(function() { //#block-newID a - изменяем ID на ID кнопки gtag('event', 'send', { 'event_category': 'lead_form', 'event_action': 'action_submit' }); // lead_form - категория ранее созданной цели // action_submit - действие цели // параметры 'send' и 'event' оставляем неизменными }); </script>
3.6. После того, как Вы определитесь с выбором нужного скрипта для отслеживания и скопировали его из данного руководства, откройте страницу в редакторе и нажмите инструмент «Скрипты»:
3.7. Вставьте нужный скрипт и измените отмеченные в нем идентификаторы:
block-newID - идентификатор отслеживаемой формы
lead_form - категория ранее созданной цели
action_submit - действие цели
параметры 'send' и 'event' — не изменять
Положение скрипта “Перед тегом </BODY>”
3.8. Готово! Сохраните изменения в скриптах страницы и сам лендинг:
4. Особенности Google Analytics:
4.1. Статус кода отслеживания не всегда означает, что статистические данные не собираются. Это значит, что специальные роботы Google еще не проверили наличие кода на Вашей посадочной странице, хотя сам по себе код работает и отправляет данные в отчеты в Google Analytics.
4.2. Данные в Analytics поступают не сразу. Но Вы можете посмотреть отчеты в режиме реального времени:
4.3. Чтобы удалить ресурс, зайдите в раздел «Администратор», выберите удаляемый ресурс и кликните по кнопке «Настройки представления»:
Далее «Отправить в корзину»:
Не забудьте подтвердить удаление:
Спасибо за внимание! Высоких Вам конверсий!
скрипт яндекс метрики я поставил, потом все уперлось в то что нужно прописать сайт в яндекс вэбмастере, начинаю прописывать приходит от яши------Для заданной страницы (или страницы, полученной после перенаправления) сервер возвращает код статуса http 404 (ожидался код 200).
Здравствуйте! Есть возможность настроить отслеживание через google analytics заполняемость целевой формы, в том случае когда их на странице несколько? если да, то как ее реализовать? Спасибо.
а по метрике инструкцию??? LP у вас что один человек работает? за столько дней уже можно ответить
Здравствуйте!
Добавление Метрики осуществляется аналогично.
При добавлении счетчика в Метрике нужно указать адрес сайта, указываю URL страницы http://gaag.tor-mebel-chel.ru/shkafkupe/ (http://gaag.tor-mebel-chel.ru/shkafkupe/) (это поддамен) мне выдают, что адрес не верен. Если указываю домен http://gaag.tor-mebel-chel.ru (http://gaag.tor-mebel-chel.ru/shkafkupe/) (сайта на этом домене НЕТ), то Метрика не выдает статистику и пишет, " не удалось проверить, нет соединения" Как быть?
Как добавить цели метрики на кнопки?
Спасибо.
Здравствуйте!
Цели метрики не учитываются с кнопок или всплывающих окон, учитываются только при переходе на другую страницу, поэтому коды по учету конверсии (т. н. tracking pixel) интегрируются в страницу благодарности. Смысл такой, что посещение страницы благодарности возможно только как результат выполнения конверсионного действия (заполнение лид-формы в данном случае).
Руководство по настройке страниц благодарности есть тут: https://lpgenerator.zendesk.com/entries/21994992-%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86-%D0%B1%D0%BB%D0%B0%D0%B3%D0%BE%D0%B4%D0%B0%D1%80%D0%BD%D0%BE%D1%81%D1%82%D0%B8.
Подскажите - почему то перестала отображаться вкладка "добавить скрипты". аккаунт платный - базовый. в чем может быть причина?
Здравствуйте!
При добавлении счетчика в Метрике нужно указать адрес сайта, указываю домен (сайта там нет, находится на поддомине)Метрика не выдает статистику и пишет, " не удалось проверить, нет соединения" Как быть? Цель в яндекс метрике может быть только страница благодарности?
Здравствуйте!
Пользователь director (https://lpgenerator.zendesk.com/users/399052213), скорее всего Вам нужно уменьшить масштабирование в браузере. Для этого нажмите Ctrl+дефис или минус.
Пользователь svetik09_11 (https://lpgenerator.zendesk.com/users/414914226), в метрике необходимо указывать адрес действующего сайта, т.е. если он находится на поддомене, то указывайте поддомен. Цели в метрике учитываются только при переходе на другую страницу, это может быть страница благодарности или переход на страницу по кнопке.
"скрипт яндекс метрики я поставил, потом все уперлось в то что нужно прописать сайт в яндекс вэбмастере, начинаю прописывать приходит от яши------Для заданной страницы (или страницы, полученной после перенаправления) сервер возвращает код статуса http 404 (ожидался код 200)." как исправить эту ошибку
Здравствуйте!
Проверьте привязку домена или воспользуйтесь тикет-системой и пришлите нам скриншоты всех записей DNS домена, мы проверим все ли верно.
Верификацию сайта на Яндексе проще всего выполнить через мета-теги.
Код, который сгенерирует яндекс, нужно вставить на Вашей странице через инструмент "Скрипты" внутрь тега .
Добрый день.
Подскажите, пожалуйста, как поставить счетчик Яндекс.Метрика на каждую отдельную страницу, не на поддомен? И возможно ли это?
То есть, установить именно на каждый отдельный лэндинг, например, на этот http://prosto.thetool.ru/ne-hochetsya-zhit/ (http://prosto.thetool.ru/ne-hochetsya-zhit/), и прослеживать статистику по нему, а не по всему поддомену. .
Спасибо.
P.S.
Разобрался. После установки на каждый лэндинг не забудьте сделать то же самое на ГЛАВНОЙ странице, которая есть просто имя поддомена/домена.
Добрый день Статус: отслеживание не установлено
Не видит он код отслеживания. Делал все по инструкции.
Как решить данную проблему?
Добрый день! Сделал LP на 17'3 ноуте, заходил на сайт с 15 дюймового, все обрезано!! Подскажите, как сделать автомасштабирование. Спасибо.
я сделала страничку, указала на ней в скрипте код метрики, в клоне указала тот же самый код, правильно ли я сделала?
Подскажите если я на вашем сайте сделал страничку в в пробном версии могу ли я добавлять Analytics. Пробую добавить код в скрипт а он не сохраняется
Тех поддержка умерла? Проблема с кодом: "код счетчика не найден. Возможно установлена старая версия кода". Хотя брал самый новый код. Есть решение?
как подключить Яндекс метрику к своей странице в LP ?
как настроить счетчик в яндекс метрике и привязать его к своей странице в ЛП???????????
Внатуре у меня метрика не видит все равно , все сделал по инструкции встали в head код с метрики и все равно метрика не видит
Добрый день.
Страница http://lpgenerator.ru/var/201375/
Установил код счетчика в соответствие с инструкцией, а отчеты в метрике отсутствуют.
Как решить проблему?
Спасибо.
Здравствуйте, после добавление скрипта для яндекс счетчика он появился в верхнем левом углу, как расположить его в нижнем левом? ссылка на страницу http://remont.spec-remstroy.ru/
Здравствуйте. Добавила скрипт яндекс.метрики, но на странице он не появился. В чем может быть причина?
Здравствуйте, Анастасия! Сам код метрики и не должен отображаться на странице, Вы добавляете его через инструмент "Скрипты", сохраняете изменения. Далее данные метрики будут видны Вам в аккаунте на Яндексе.
Если остаются вопросы по работе метрики, пишите нам на support@lpgenerator.ru с указанием страницы, где добавили метрику.
Добрый день!
Подскажите пожалуйста, не произошли ли, какие-либо изменения в процессе добавления google analytics на сайт?
Скопировал код с гугла (немного отличается от того что на скриншоте), посещения отследить не удается((
Заранее спасибо за ответ!
http://highkick.ru
Здравствуйте, Виталий!
Насколько нам известно, значительных изменений не происходило. Пожалуйста, отправьте обращение по адресу: support@lpgenerator.ru
Интерфейс Google Analytics изменился. Переделайте, пожалуйста, наглядный материал.
Здравствуйте, Екатерина!
Спасибо за информацию! Обязательно переделаем в ближайшее время.