База знаний
по возможностям платформы

Добавление Google Analytics

1. Получение необходимого кода

1.1 Войдите в свой аккаунт Google Analytics.

2.png

1.2. Перейдите в раздел “Администратор” и в выпадающем списке “Ресурс” нажмите “Создать ресурс”.

mceclip1.png

mceclip2.png

1.3. В открывшемся окне выполните настройки для будущего ресурса:

  •  Выберите “Веб сайт”
  •  Введите название страницы
  •  Укажите адрес страницы
  •  По желанию вы можете выбрать отрасль
  •  Необязательно, но желательно выбрать корректный часовой пояс

mceclip3.png

1.4. Нажмите кнопку “Получить идентификатор отслеживания

mceclip4.png

1.5. В открывшемся разделе скопируйте код:

mceclip5.png

2. Вставка кода на целевую страницу

2.1. Откройте страницу в редакторе LPgenerator

mceclip6.png

2.2. Нажмите инструмент “Скрипты”, кликните по кнопке “Добавить скрипт”.

mceclip7.png

2.З. В появившемся окне вставьте код, скопированный из Google Analytics. Назовите скрипт. Далее с помощью расположенного в правом верхнем углу селектора установите положение: “Внутри тега <HEAD>”:

mceclip9.png

2.4. Сохраните изменения и сам лендинг.

mceclip10.png

2.5. Данные будут отображаться в разделе “Отчеты”:

mceclip11.png

3. Настройка отслеживания целей конверсии

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

3.1. Перейдите в раздел “Администратор” и выберите интересующий нас аккаунт, ресурс и представление.
После этого перейдите в раздел “Цели”:

mceclip12.png

3.2. В появившейся оснастке нажмите кнопку добавления новой цели «+Цель»:

mceclip13.png

3.3. Последовательно заполните следующие данные о новой цели:

В пункте «Установка цели» выберите «Собственная».

mceclip16.png

  • «Название» - отображаемое в интерфейсе Google Analytics имя для настраиваемого события. Можно указать любое имя.
  • «Тип» - выбирается в зависимости от того, что именно необходимо отслеживать. В рамках отслеживания отправки данных с лид-форм, попапов и нажатий на кнопки. Выберите тип «Событие»:

mceclip17.png

Подробные сведения о цели (для настройки отслеживания достаточно задать только категорию и действия отслеживаемого события):

mceclip18.png

При указании категории и действия создаваемой цели рекомендуется использовать только символы латинской раскладки (a-z, A-Z) и цифры (0-9). Допускается так же использование нижнего подчеркивания (“_”).

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

mceclip19.png

На этом настройки цели в 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)) {
                ga('send', 'event', 'lead_form', '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)) {
                ga('send', 'event', 'lead_form', '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);
                        timerName255 = setInterval(function() {
// в timerName255 замените 255 на ID отслеживаемой формы 
 // если форма block-new2, то переменная будет - timerName2
                            if ($form.siblings('.confirmation').hasClass('show')) {
                               ga('send', 'event', 'lead_form', 'action_submit'); 
 // lead_form - категория ранее созданной цели
 // action_submit - действие цели
 // параметры 'send' и 'event' оставляем неизменными
                                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);
                timerName255 = setInterval(function() {
 // в timerName255 замените 255 на ID отслеживаемой формы 
 // если форма block-new2, то переменная - timerName2
                    if ($form.siblings('.confirmation').hasClass('show')) {
                        ga('send', 'event', 'lead_form', 'action_submit'); 
 // lead_form - категория ранее созданной цели
 // action_submit - действие цели
 // параметры 'send' и 'event' оставляем неизменными
                        $('#overlay-block-new255').hide();
                        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 отслеживаемой формы
                    }
                }, 100);
            });
        });
    });
</script>

 

  • Для отслеживания нажатия (клика) по кнопке на странице копируйте этот скрипт:
<!--Отслеживание цели GA при клике по кнопке-->
<script>
    jq_144('#block-newID a').click(function() { 
      //#block-newID a - изменяем ID на ID кнопки
        ga('send', 'event', 'button', 'action_click'); 
      // button - категория ранее созданной цели
      // click - действие цели
      // параметры 'send' и 'event' оставляем неизменными
    });
</script>

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

mceclip20.png

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

block-newID - идентификатор отслеживаемой формы

mceclip21.png

lead_form - категория ранее созданной цели

mceclip23.png

action_submit - действие цели

mceclip22.png

параметры 'send' и 'event' — не изменять

Положение скрипта “Перед тегом </BODY>”

mceclip24.png

3.8. Готово! Сохраните изменения в скриптах страницы и сам лендинг:

mceclip25.png

4. Особенности Google Analytics:

4.1. Статус кода отслеживания не всегда означает, что статистические данные не собираются. Это значит, что специальные роботы Google еще не проверили наличие кода на Вашей посадочной странице, хотя сам по себе код работает и отправляет данные в отчеты в Google Analytics.

4.2. Данные в Analytics поступают не сразу. Но Вы можете посмотреть отчеты в режиме реального времени:

mceclip26.png

4.3. Чтобы удалить ресурс, зайдите в раздел «Администратор», выберите удаляемый ресурс и кликните по кнопке «Настройки представления»:

mceclip27.png

Далее «Отправить в корзину»:

mceclip28.png

Не забудьте подтвердить удаление:

blobid0.dat

Спасибо за внимание! Высоких Вам конверсий! 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 16 из 17
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Пользователь rabotyga34

    скрипт яндекс метрики я поставил, потом все уперлось в то что нужно прописать сайт в яндекс вэбмастере, начинаю прописывать приходит от яши------Для заданной страницы (или страницы, полученной после перенаправления) сервер возвращает код статуса http 404 (ожидался код 200).

  • Avatar
    Пользователь marketer

    Здравствуйте! Есть возможность настроить отслеживание  через google analytics  заполняемость целевой формы, в том случае когда их на странице несколько? если да, то как ее реализовать? Спасибо.

  • Avatar
    Пользователь lead

    а по метрике инструкцию??? LP у вас что один человек работает? за столько дней уже можно ответить

  • Avatar
    Лина Малькова

    Здравствуйте!

    Добавление Метрики осуществляется аналогично.

  • Avatar
    Пользователь gaag-olga

    При добавлении счетчика в Метрике нужно указать адрес сайта, указываю 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/) (сайта на этом домене НЕТ), то Метрика не выдает статистику и пишет, " не удалось проверить, нет соединения"  Как быть?

  • Avatar
    Григорий

    Как добавить цели метрики на кнопки?
    Спасибо.

  • Avatar
    Лина Малькова

    Здравствуйте!

    Цели метрики не учитываются с кнопок или всплывающих окон, учитываются только при переходе на другую страницу, поэтому коды по учету конверсии (т. н. 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.

  • Avatar
    Пользователь director

    Подскажите - почему то перестала отображаться вкладка "добавить скрипты". аккаунт платный - базовый. в чем может быть причина?

  • Avatar
    Пользователь svetik09_11

    Здравствуйте!

    При добавлении счетчика в Метрике нужно указать адрес сайта, указываю домен (сайта там нет, находится на поддомине)Метрика не выдает статистику и пишет, " не удалось проверить, нет соединения"  Как быть? Цель в яндекс метрике может быть только страница благодарности?

  • Avatar
    Лина Малькова

    Здравствуйте!

    Пользователь director (https://lpgenerator.zendesk.com/users/399052213), скорее всего Вам нужно уменьшить масштабирование в браузере. Для этого нажмите Ctrl+дефис или минус.

    Пользователь svetik09_11 (https://lpgenerator.zendesk.com/users/414914226), в метрике необходимо указывать адрес действующего сайта, т.е. если он находится на поддомене, то указывайте поддомен. Цели в метрике учитываются только при переходе на другую страницу, это может быть страница благодарности или переход на страницу по кнопке.

  • Avatar
    Пользователь svetik09_11

    "скрипт яндекс метрики я поставил, потом все уперлось в то что нужно прописать сайт в яндекс вэбмастере, начинаю прописывать приходит от яши------Для заданной страницы (или страницы, полученной после перенаправления) сервер возвращает код статуса http 404 (ожидался код 200)." как исправить эту ошибку

  • Avatar
    Лина Малькова

    Здравствуйте!

    Проверьте привязку домена или воспользуйтесь тикет-системой и пришлите нам скриншоты всех записей DNS домена, мы проверим все ли верно.

    Верификацию сайта на Яндексе проще всего выполнить через мета-теги.
    Код, который сгенерирует яндекс, нужно вставить на Вашей странице через инструмент "Скрипты" внутрь тега .

  • Avatar
    Пользователь dmitri

    Добрый день.

    Подскажите, пожалуйста, как поставить счетчик Яндекс.Метрика на каждую отдельную страницу, не на поддомен? И возможно ли это?

    То есть, установить именно на каждый отдельный лэндинг, например, на этот http://prosto.thetool.ru/ne-hochetsya-zhit/ (http://prosto.thetool.ru/ne-hochetsya-zhit/), и прослеживать статистику по нему, а не по всему поддомену. .

    Спасибо.

  • Avatar
    Пользователь dmitri

    P.S.

    Разобрался. После установки на каждый лэндинг не забудьте сделать то же самое на ГЛАВНОЙ странице, которая есть просто имя поддомена/домена.

  • Avatar
    Пользователь saborissov

    Добрый день Статус: отслеживание не установлено

    Не видит он код отслеживания. Делал все по инструкции. 

    Как решить данную проблему?

  • Avatar
    Денис

    Добрый день! Сделал LP на 17'3 ноуте, заходил на сайт с 15 дюймового, все обрезано!! Подскажите, как сделать автомасштабирование. Спасибо. 

  • Avatar
    Пользователь cccc4

    я сделала страничку, указала на ней в скрипте код метрики, в клоне указала тот же самый код, правильно ли я сделала?

  • Avatar
    Пользователь aromisv

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

  • Avatar
    Пользователь nadorshin.ilya

    Тех поддержка умерла? Проблема с кодом: "код счетчика не найден. Возможно установлена старая версия кода". Хотя брал самый новый код. Есть решение?

  • Avatar
    Пользователь kostia77

    как подключить Яндекс метрику к своей странице в LP ?

  • Avatar
    Пользователь kostia77

    как настроить счетчик в яндекс метрике и привязать его к своей странице в ЛП???????????

  • Avatar
    Иван

    Внатуре у меня метрика не видит все равно , все сделал по инструкции встали в head код с метрики и все равно метрика не видит 

  • Avatar
    Андрей Серов

    Добрый день.

    Страница http://lpgenerator.ru/var/201375/

    Установил код счетчика в соответствие с инструкцией, а отчеты в метрике отсутствуют.

    Как решить проблему?

    Спасибо.

  • Avatar
    Валерий

    Здравствуйте, после добавление скрипта для яндекс счетчика он появился в верхнем левом углу, как расположить его в нижнем левом? ссылка на страницу http://remont.spec-remstroy.ru/

  • Avatar
    Анастасия

    Здравствуйте. Добавила скрипт яндекс.метрики, но на странице он не появился. В чем может быть причина?

  • Avatar
    Лина Малькова

    Здравствуйте, Анастасия! Сам код метрики и не должен отображаться на странице, Вы добавляете его через инструмент "Скрипты", сохраняете изменения. Далее данные метрики будут видны Вам в аккаунте на Яндексе.
    Если остаются вопросы по работе метрики, пишите нам на support@lpgenerator.ru с указанием страницы, где добавили метрику.

  • Avatar
    Виталий

    Добрый день!
    Подскажите пожалуйста, не произошли ли, какие-либо изменения в процессе добавления google analytics на сайт?
    Скопировал код с гугла (немного отличается от того что на скриншоте), посещения отследить не удается((
    Заранее спасибо за ответ!
    http://highkick.ru

  • Avatar
    Алена Балакина

    Здравствуйте, Виталий!

    Насколько нам известно, значительных изменений не происходило. Пожалуйста, отправьте обращение по адресу: support@lpgenerator.ru

  • Avatar
    Евгений Сидорин

    Интерфейс Google Analytics изменился. Переделайте, пожалуйста, наглядный материал.

  • Avatar
    Алена Балакина

    Здравствуйте, Екатерина!

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

На базе технологии Zendesk