Тонкости настройки Contact Form 7

27.03.2014

Тонкости настройки Contact Form 7

В прошлой статье разобрались (или вспомнили ) с настройкой Contact Form 7, сегодня рассмотрим, как помочь маркетологам отслеживать заполнение и отправку форм. Кто делал лендинги или посадочные страницы — знают, о чем речь. Давайте приступим…

В Рунете две самые популярные системы для отслеживания действий посетителей — Яндекс Метрика и Google Analytics. Для каждой из них можно настроить цели в виде отправки формы, начнем с Яндекса.

Contact Form 7 и Яндекс Метрика

Тут все довольно просто — в настройках целей счетчика Метрики создаем новую цель:

Добавление Метрики к Contact Form 7

Затем в настройках конкретной контактной формы, которую будем отслеживать, добавляем следующий код:

on_sent_ok: "yaCounter24435326.reachGoal('sendform');"

metrika_addcode

Код вставляется в поле «Дополнительные настройки», теперь по его параметрам:

  • 24435326 — номер вашего счетчика в Яндекс Метрике
  • sendform — идентификатор цели, которую мы создали в настройках

Как видите, настройка Contact Form 7 под Метрику очень проста. Под Analytics чуть сложнее.

Contact Form 7 и Google Analytics

Не так давно Google ввел так называемый Universal Google Analytics, но многие продолжают пользоваться вариантом Classic. Рассмотрим оба варианта, тем более, что они не слишком отличаются.

Для начала создадим цель в панели управления Analytics:

Добавление Google Analytics в Contact Form 7

При создании обратите внимание на тип цели  и на URL, который я указал в поле отслеживания. Важно, чтобы URL этот не существовал на сайте, чуть позже я объясню, почему.

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

Для Universal Analytics:

on_sent_ok: "ga('send', 'pageview', '/view/sendform');"

Для Classic Analytics:

on_sent_ok: "_gaq.push(['_trackPageview', '/view/sendform']);"

Вставлять код в то же поле «Дополнительные настройки», в параметрах конкретной контактной формы.

Что мы сделали? Все довольно просто — мы указываем в цели несуществующую страницу, на которую никто, априори, попасть не может. И нашим кодом отправляем на нее виртуальные «просмотры», когда человек отправляет форму. Ну а Analytics исправно считает посещения страницы и отдает статистику по целям

Перенаправление на любую страницу после отправки формы Contact Form 7

Допустим, вы хотите после отправки формы сказать посетителю свое большое СПАСИБО и перенаправить для этого на отдельную страницу. Опять же, можно и на страницу благодарностей цель в системах отслеживания повесить, тут кому как больше нравится.

Код для перенаправления очень простой:

on_sent_ok: "location.replace('http://site.ru/thank-you/');"

Вот и все, собственно.

Надеюсь, было полезно. Удачного дня

follow us in feedly

,

Комментариев: 22

  1. Иван

    Т.е. всех, кто здесь отписался, не смущает тот факт, что у автора в коде ошибка? и если вставить
    on_sent_ok: «yaCounter24435326.reachGoal(‘sendform’);» то ничего работать не будет? Так как знак — ; лишний в данном коде.
    И нужно вставлять on_sent_ok: «yaCounter24435326.reachGoal(‘sendform’)»

    Ответить
  2. Михаил

    Автору спасибо. Реально очень помог. Долго мучался с данным вопросом. Переадрисация работает как часики. Теперь будем отслеживать статистику правильно. Еще раз большое спасибо!

    Ответить
  3. Александр

    Подскажите, а если у меня несколько таких форм для заполнения, можно везде вставить одну и ту же ссылку /view/sendform?
    Суть у меня на разных страницах свои формы для заполнения, хочу понять где больше заполняют)
    т.е. на каждой странице в форме будет : on_sent_ok: «ga(‘send’, ‘pageview’, ‘/view/sendform’);»

    Ответить
  4. Steel

    А можно настроить переадресацию на другую страницу в зависимости от полей, которые выбрал пользователь в форме. Например, если выбрал в выпадающем меню значение 1, его переадресовывает на stranica1, если выбрал значение 2, его переадресовывает на stranica 2?

    Ответить
  5. Леонид

    ХМ, у меня стоит Contact Form 7, надо поставить на форму как цель, не знал что так можно делать, поставлю в закладки

    Ответить
  6. Илья

    Скажите, а как настроить ДВА события — переход и аналитику — правильно?
    Так не работает:
    on_sent_ok: «location.replace(‘http://ecopromcentr.ru/thank-you/’); «, «yaCounter19285078.reachGoal(‘TROSO’); return true; «

    Ответить
  7. Василий

    on_sent_ok: «ga(‘send’, ‘pageview’, ‘/view/sendform’);» , on_sent_ok: «ga(‘send’ ‘event’ ‘событие’ ‘действие’)» при выборе в типе цели «Событие».
    Не работает ничего для Analitics.. Что можно еще предпринять?

    Ответить
    • Марина

      По всей видимости вы неправильно вызываете гугл аналитикс. Попробуйте сюда подставить свои значения on_sent_ok: «_gaq.push([‘_trackEvent’, ‘order’, ‘view’]);»
      Вот тут вроде немного описано по этой теме http://help-wp.ru/contact-form-7/

      Ответить
  8. Денис

    Сделал все как в статье, но почему- то не работает.

    Ответить
  9. paffflik

    После добавления цели для яндекса, когда клиент отправляет заказ, раньше ему писалось «ваш заказ успешно отправлен» а теперь после добавления ничего не происходит

    Ответить
    • Павел

      Такая же проблема. Скажите, пожалуйста, удалось ли Вам как-то ее решить?

      Ответить
  10. Ирина

    А как сделать перенаправление с кнопки «отправить» на страницу оплаты какой-либо платежной системы?

    Ответить
    • GerinG

      По идее — добавить перенаправление на страницу оплаты сервиса, с параметрами

      Ответить
  11. Виталий

    Спасибо за практичный обзор. Довольно часто возникают подобные проблемы. Вот на последнем сайте почему-то перенаправление не сработало(((. Не подскажете, в чём может быть дело?

    Ответить
  12. Мастер

    Да, страница на которой выражена благодарность после совершения заказа или покупки!

    Ответить
    • GerinG

      Можно и так, но вообще для отслеживания покупок и эффективности рекламы обычно используют

      Ответить
  13. Евгений

    Перенаправление — просто отлично. Опять же — для интернет-магазина очень полезная вещь

    Ответить