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

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

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

google.com/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. Если Вы производили настройку отслеживания целей Яндекс Метрики, то можете заметить, что общая структура скрипта для обеих систем одинакова.

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

  • Если после заполнения формы должен происходить показ сообщения, то необходимо скопируйте код:
<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' оставляем неизменными
            }

            timerName = setInterval(function() {
                if (jq_144('#form_submit_message').css('display') == 'block') {
                    clearInterval(timerName255);
// в timerName255 замените 255 на ID отслеживаемой формы
                }
            }, 100);
        });
    });
</script>
  • Если после заполнения формы должен происходить переход на страницу благодарности или любую другую произвольную страницу, то используйте код:
<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);
// в timerName255 замените 255 на ID отслеживаемой формы
                    document.location = 'http://myurl.com/'; 
               // ЗАМЕНИТЕ myurl.com на адрес вашей страницы благодарности
                }
            }, 1000);
        });
    });
</script>


3.5. Если вам необходимо настроить отслеживание целей для Попап форм, то смотрите скрипты, приведенные ниже.

  • Если после заполнения формы должен происходить показ сообщения, используйте код:
<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() {
 // меняем 255 на номер своей формы, 
 // если форма block-new2, то переменная будет - timerName2
                            if ($form.siblings('.confirmation').hasClass('show')) {
                               ga('send', 'event', 'lead_form', 'action_submit'); 
 // lead_form - категория ранее созданной цели
 // action_submit - действие цели
 // параметры 'send' и 'event' оставляем неизменными
                                clearInterval(timerName255);
// меняем 255 на номер своей формы, 
                            }
                        }, 100);
                    });
                });
            });
</script>

 

  • Если после заполнения формы посетитель переходит на страницу благодарности или любую другую произвольную страницу, то копируйте код:
<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>

 

  •  Для отслеживания нажатия (клика) по кнопке на странице копируйте этот скрипт:
<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. После того, как Вы определитесь с выбором нужного скрипта для отслеживания и скопировали его из данного руководства, откройте страницу в редакторе и нажмите инструмент «Скрипты»:

инструмент скрипты

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

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

ИД формы

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

Категория

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

Действие

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

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

Добавление скрипта

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

Сохранить

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

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

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

Google Analytics

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

Google Analytics

Далее “Удалить представление”:

Google Analytics

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

Google Analytics

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

Связанные записи

Понравился пост?

Подпишитесь на ежедневное обновление нашего блога прямо сейчас!



более 13600 подписчиков

Стратегии интернет-маркетинга и лидогенерации

в нашей еженедельной рассылке
blog comments powered by Disqus
Генерируйте новые лиды и увеличивайте продажи
тестируйте бесплатно тестируйте бесплатно