Яндекс метрика как настроить отправку формы цель

Яндекс Метрика. Настройка цели на отправку формы.

Настройка цели на отправку форм в Яндекс Метрике.

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

yaCounterXXXXXX — вместо XXXXXX необходимо указать идентификатор вашего счетчика. О том, как его узнать, можно почитать здесь.

TARGET_NAME — это идентификатор вашей цели, который вы скопировали выше из интерфейса Яндекс Метрики.

НО, есть масса ситуаций, где это работать не будет.

Кому интересно, читайте и смотрите ниже.

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

+ форма регистрации на сайте.

+ форма, которая запрашивает email или имя пользователя.

+ форма оформления заказа на сайте

Заполнение формы на сайте — это очень важный конверсионный шаг посетителя, который частно нужно отслеживать с помощью систем веб-аналитики.

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

Важно! Прежде чем начать.

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

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

В общем, ситуаций может быть масса.

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

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

Первым делом, в интерфейсе Яндекс Метрики, нам нужно будет создать новую Javascript цель для события отправки данных с данной формы.

Делается это в меню «Настройка — Цели — Добавить цель».

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

Настройка целей на формы имеет одну главную особенность — у форм есть валидация (проверка правильности заполнения полей формы).

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

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

1 случай. У формы нет валидации данных.

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

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

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

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

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

Добавлять этот атрибут нужно к элементу form.

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

Действие, которое нужно выполнить, довольно простое: отправка данных о выполнении цели в систему Яндекс Метрика. Делается это с помощью метода reachGoal.

В итоге, HTML-код нашей формы примет следующий вид:

yaCounterXXXXXX — вместо XXXXXX необходимо указать идентификатор вашего счетчика. О том, как его узнать, можно почитать здесь.

TARGET_NAME — это идентификатор вашей цели, который вы скопировали выше из интерфейса Яндекс Метрики.

Если у вас нет доступа к исходному HTML коду формы, в этом случае вам может помочь Google Tag Manager и триггер на отслеживание отправки форм.

2 случай. У формы есть валидация данных, но она реализована средствами Javascript или HTML5.

Если у формы есть валидация данных, которая реализована на стороне клиента (браузера) средствами Javascript, у нас есть 2 варианта:

1) Написать специальный скрипт на языке Javascript, который будет следить за всеми реальными отправками форм, которые прошли валидацию и отправлять событие достижения цели только при успешной отправки формы.

2) Воспользоваться Google Tag Manager и триггером на отслеживание успешной отправки форм. Этот вариант намного более простой и гибкий и не требует от вас знаний языков веб-программирования.

3 случай. У формы есть серверная валидация данных.

Если у формы проверяется правильность заполнения полей на стороне сервера — это самый сложный случай в отслеживании отправки таких форм. Проблема в том, что Javascript и Google Tag Manager не могут контролировать процессы, которые происходят на стороне сервера. У них нет туда доступа.

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

Отслеживание отправки форм не всегда является простой задачей. Иногда для этого нужен навык программирования и понимание самого процесса.

В разных ситуациях это может настраиваться по разному.

Присоединяйтесь к моей обучающей программе по настройке целей Яндекс Метрики. Давайте настроим цели на вашем сайте вместе.

Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:

Источник

Настройка цели отправки формы в Яндекс Метрике

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

Для начала разберем синтаксис оправки события. Именно событие и будет учитывать Яндекс Метрика .

Именно такой шаблон нам нужно будет вставить в код вашего сайта, точнее в кнопку отправки формы. Надеюсь, что пояснять, что “ХХХХХХХХХХ” нужно заменить на номер вашего счетчика метрики, а “form” должен быть любым уникальным словом в пределах вашего счетчика метрики объяснять не нужно.

Именно “form” отправляется в метрику и именно по нему метрика считает сколько раз была отправлена заполненная форма с вашего сайта. Как и написано выше вместо “form” можно использовать любой другой произвольный идентификатор.

В код кнопки вы должны будете в итоге добавить примерно вот такой код: onsubmit=»yaCounter 33355566 .reachGoal(‘ form ‘); return true;» Если сами вы не знаете, где и как это сделать, то обратитесь либо к программисту, либо к администратору вашего сайта. На этом настройка на стороне сайта заканчивается. Переходим в сам счетчик Яндекс метрики.

В Метрике переходим в редактировние и добавляем новую цель. Как обычно пишем название цели и выбираем “JavaScript-событие” и в пустое поле прописываем наш идентификатор события, в нашем случае это “form”.

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

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

Источник

Делаем Метрику проще: заводите важные цели без помощи разработчика

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

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

В чём польза новых типов целей

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

А ещё вы сможете добавлять эти цели в отчёты по долгосрочным интересам и по демографии — и понимать, какую именно аудиторию ваше предложение привлекает больше всего. Например, может оказаться, что чаще всего кликают на номер телефона женщины в возрасте от 35 до 44 лет, которые интересуются путешествиями. Лучше зная вашу аудиторию, вы сможете точнее настроить рекламу — и привлекать больше потенциальных клиентов.

Как создать цель на отправку формы и клик по телефону или почте

Для этого откройте вкладку «Цели» в настройках счётчика и добавьте цель нужного типа. Данные начнут собираться сразу после того, как вы сохраните новую цель — не нужно ничего менять в коде сайта. Метрика автоматически начнёт находить нужные клики и записывать их в отчёты.

• Вы можете отслеживать отправку всех форм на сайте и все клики по любым телефонам и адресам электронной почты — или выбрать конкретную форму, телефон или email.

Завести по отдельной цели на каждый номер телефона, email или на каждую форму полезно, если, например, посетители сайта могут обращаться в разные отделы — в продажи, в сервис или в отдел по работе с партнёрами.

Вот так выглядит настройка цели на отправку формы — нужно просто кликнуть на нужную форму на сайте

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

Подробнее о работе с новыми типами целей можно узнать в Справке: клик на телефон, клик на email, отправка формы.

В Метрике есть и другие типы целей, которые позволяют отслеживать самые разные взаимодействия посетителей с вашим сайтом. Например, можно завести цель «Посещение страницы» и указать в ней адрес, на который попадают ваши посетители после оформления заказа — например, https://www.пример.рф/спасибо-за-заказ. Таким образом, вы сможете узнавать, откуда приходили на ваш сайт покупатели, какие ещё товары они просматривали, и на каком этапе оформления заказа у них возникали сложности. Для такой цели также не нужно ничего менять в коде сайта. Подробнее о целях.

Как посмотреть статистику

Чтобы быстро проверить, сколько раз посетители отправляли форму, кликали на номер телефона или на адрес почты, откройте отчёт «Конверсии» (Отчёты => Стандартные => Конверсии) и найдите в нём нужную цель:

А чтобы посмотреть, откуда приходили такие посетители, откройте отчёт «Источники, Сводка» (Отчёты => Стандартные => Источники => Источники, Сводка) и выберите в нём цель на отправку формы или на клик по телефону или email:

Как можно использовать новые типы целей в рекламе

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

Чтобы задать такое условие, создайте в Метрике цель на клик по номеру телефона, а в Директе в настройках ретаргетинга выберите Выполнены все условия, нужную цель в Метрике, а затем создайте ещё одно условие — Не выполнено ни одного, и укажите цель, которая соответствует оформлению заказа.

А ещё с помощью новых целей можно оптимизировать рекламу в Директе. Например, можно выбрать оплату не за клики по объявлению, а только за полезное действие — отправку формы, клик по телефону или почте. Помимо этого, можно задать одну из этих целей в качестве ориентира для одной из автоматических стратегий управления рекламой. Это позволит приводить на сайт больше целевой аудитории по более выгодной цене.

Ответы на вопросы

— Зачем вообще делать номер телефона или email кликабельным?

Это позволяет посетителям сразу же вам позвонить или написать— без необходимости вручную копировать номер и вставлять его в приложение для звонков. Чаще всего кликабельными делают номера телефонов в мобильной версии сайта, но это можно сделать и на полной версии — в этом случае по клику на номер телефона некоторые браузеры будут вызывать приложения, позволяющие позвонить прямо с десктопа.

А кликабельные адреса электронной почты бывают удобны посетителям сайтов, которые предлагают товары или услуги для бизнеса. Клик по такому адресу открывает почтовое приложение, и можно сразу начинать писать письмо — например, чтобы запросить подробный прайс-лист.

Чем проще посетителям сайта с вами связаться, тем выше вероятность, что они это сделают.

— Как сделать номер телефона или адрес email кликабельным?

Для этого номер нужно сделать кликабельной ссылкой с адресом вида tel:xxxхxxxxxхх. В коде сайта это может выглядеть, например, так:

Если ваш сайт работает на одном из конструкторов (например, Wix или Tilda), тогда достаточно в редакторе выделить номер телефона, выбрать инструмент «Гиперссылка» и в качестве адреса указать tel:xxxхxxxxxхх.

Если у вас подключен колл-трекинг, вы можете передавать данные о звонках в Метрику. Факт звонка будет показываться в отчётах как обычная цель, которую можно в том числе использовать для ретаргетинга, автостратегий и корректировок ставок в Директе. Чтобы передавать звонки в Метрику, достаточно включить соответствующую настройку в вашей системе колл-трекинга. К Метрике подключены все крупнейшние колл-трекеры.

— Можно ли сделать кликабельным подменный номер телефона для колл-трекинга?

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

— Имеет ли смысл настроить цели на клик по телефону и отказаться от колл-трекинга?

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

Если у вас остались вопросы по работе новых целей, напишите нам в службу поддержки или оставьте комментарий ниже. Будем рады помочь!

Источник