Проблема отслеживания целей отправки форм Яндекс Метрики и Google Analytics.

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

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

Давайте, в этом видео остановимся на главной проблеме, почему так получается и поговорим о способах решения этой проблемы.

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

 Конечно, в первую очередь,  у вас на сайте должна стоять та система аналитики, куда мы собираемся передавать данные. Это счетчик Яндекс Метрики или счетчик Google Analytics. Это базовое, что у вас должно быть. 

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

Этот инструмент называется Google Tag Manager. Что это за инструмент? 

Это специальная система, которая объединяет в себе все коды, которые есть на нашем сайте. Т.е. все так называемые тэги, которые есть на нашем сайте. 

В этой системе, Google Tag Manager, есть мощные средства, которыми мы с вами можем, без знания языков программирования, в удобном и наглядном интерфейсе, ловить, отслеживать события, которые происходят с формой на веб-странице. 

Вот это самая важная возможность, которая нам будет нужна в этом сервисе. 

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

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

Ну а теперь, непосредственно, к самой проблеме. 

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

Дело в том, что отправка формы - это не просто клик, по кнопке “Отправить”, либо “Войти”, т.е. той кнопке, нажимая которую, происходит отправка. А в чем же проблема? Почему это не такое событие?

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

Т.е. это некая такая проверка, которая происходит, когда пользователь нажимает на кнопку “Отправить”, что действительно все поля заполнены корректно. 

Что здесь, действительно введено “Имя”, какой-то длины. Здесь “Email”, он должен быть в формате Email. Здесь, телефон, должен быть задан в формате телефона и т.д.  

Если таких проверок не производить, пользователи могут, или какие-то спам-роботы могут очень много раз отправлять форму и соответственно, с этим будут проблемы. 

Поэтому, формы оснащаются вот такой валидацией. Эта валидация, самая главная проблема, почему так сложно отследить отправку данных с формы. Если бы мы, ставили цель на событие, просто клик по кнопке “Отправить”, то это не означает, то что действительно физически наши данные, которые должны были переданы, были действительно переданы. Это просто событие “Клик по кнопке Отправить”.

Отслеживаться должен, именно момент успешной отправки данных, а не просто клик по кнопке “Отправить”. 

И проблема заключается в том, что не всегда поймать такой момент успешной отправки данных, бывает для форм просто. Различных форм, по типу, по устройству, по функционированию этих форм бывает достаточно много и, конечно, для всех случаев, дать подробную инструкцию – это нереально. 

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

Вот это мы должны с вами понять. И существует два основных метода, как вы можете это сделать, как вы можете поймать событие успешной отправки форм, а не просто клика по кнопке Отправить. 

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

Посмотреть по параметрам этого события, что за форма была отправлена, какие данные там были отправлены, подходит она нам или не подходит. Нужно ли зафиксировать отправку этих данных или нет? За него мы с вами можем зацепиться. Такой вариант используется чаще всего, при отслеживании отправки форм.

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

Как правило, когда форма отправлена, что-то происходит на странице, появляется какой то элемент в интерфейсе, например: Ваша форма успешно отправлена, либо еще что то. И за это мы тоже можем зацепиться. По событию появления, какого то инструмента на странице, мы с вами можем настраивать успешность отправки форм. Вот такой вот момент.

Ну и сейчас, прямо под этим видео, я предлагаю вам получить доступ к инструкции, как можно все настроить на практике, как установить все эти коды, о которых я говорил, Яндекс Метрика, Google Analytics и Google Tag Manager на свой сайт. 

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

Мы будем с вами говорить об обычных формах(отправка данных с которых происходит с обновлением страницы), а также поговорим с вами об отправке данных с Ajax форм, на которых отправка форм происходит без обновления страницы. На этом, мы тоже с вами остановимся. 

Ну и самое главное, это не просто страница с инструкцией - это страница приземления, где мы с вами можем поработать вместе.  

Вы можете посмотреть мои инструкции, как это настраиваю я, и если эти инструкции вам, допустим, каким-то образом не помогают, вы можете обратиться ко мне, и соответствующим образом получить инструкции, как именно в вашем случае можно настроить отправку данных форм. 

Ситуаций может быть достаточно много и абсолютно все случаи разобрать очень и очень сложно. 

Если вам это интересно, можете оформить доступ к инструкции прямо сейчас и будем приступать к работе.