PrintАртем Акулов

B2B конверсии: отправка писем и копирование email-адресов

Артем Акулов

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

Самые распространенные способы конверсии:

  • Покупка на сайте
  • Отправка лида/заявки
  • Подписка на email-рассылку
  • Звонок
  • Заказ обратного звонка (привет CallBackHanter)
  • Загрузка файлов (например, прайс-листа)
  • Отправка письма на контактный email
  • Копирование контактного email/номера телефона

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

 

Есть и обратные примеры, обычно это распространено в B2B сфере: цикл сделки большой, стоимость высока, решение не принимается сразу, товар/услуга сложные. Типичный пример — продажа пром оборудования, стройматериалов, производство профлиста.

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

Разберем, как это сделать.

Задача

Настроить отслеживание отправки писем на контактный email и копирование email адресов с сайта.

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

Решать задачу будем с помощью Google Tag Manager, поэтому прежде чем читать инструкцию дальше, рекомендую установить его на ваш сайт.

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

Общий принцип отслеживания отправки писем и копирования email

Отправку писем будем отслеживать через событие-клик по email адресу. Копирование email будет определяться через javascript скрипт, все примеры ниже в статье.

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

Предварительная настройка

Полагаем, что на сайте уже установлены Google Tag Manager, счетчики Яндекс Метрики и Google Analytics. Дополнительно на сайте должен быть подключен jQuery.

Теперь нам необходимо разметить все email адреса: сам адрес оборачиваем ссылкой mailto: (при клике на нее будет отправляться email письмо), а html-тегу <a>  обязательно ставим идентификатор id.

Пример можете посмотреть на странице контакты бюро.

Дальше всю настройку делаем в Google Tag Manager

Отслеживаем отправку писем

Создаем новый тег прослушивания кликов по ссылкам.

Создаем новый тег в GTM

Создаем новый тег в GTM

Задаем название тега. Тип тега выбираем «Блок прослушивания событий ? Прослушивание кликов по ссылке».

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

Тег прослушки кликов

Тег прослушки кликов

Теперь необходимо создать новое правило активации — клик по ссылке mailto:,которая содержит email адрес. Вновь нажимаем красную кнопку «Создать ? Правило».

Задаем название, например, «Отправка email». Далее задаем 2 условия (сначала задаем первое, затем нажимаем кнопку «+» и добавляем второе условие):

1) “event” равно gtm.linkClick

2) “elemet id” содержит mail-contacts ? ID элемента ссылки, которая содержит email 

Правило активации — отправка письма

Правило активации — отправка письма

Отправляем событие об отправке письма в Яндекс Метрику. Создаем новый тег, тип тега «Пользовательский тег HTML», правило активации задаем то, которое создали на прошлом шаге.

Отправляем событие в Яндекс Метрику

Отправляем событие в Яндекс Метрику

В поле HTML указываем следующий код:

 «11223344» нужно заменить на номер вашего счетчика Яндекс Метрики. «EMAILSEND» — название идентификатора цели для Яндекс Метрики, должно быть уникальным и не совпадать с URL страниц на вашем сайте.

Создаем цель в Яндекс Метрике. Переходим в настройки счетчика (нажать карандаш на главной странице Яндекс Метрики), переходим в раздел «Цели» ? Добавить цель, тип «Событие», идентификатор цели «EMAILSEND».

Создаем новую цель в Яндекс Метрике

Создаем новую цель в Яндекс Метрике

Подробная информация о передаче событий в Яндекс Метрику в Помощи.

Создадим аналогичное событие для Google Analytics. Возвращаемся в Google Tag Manager. Создаем новые тег, тип тега Universal Analytics, активация правил «Отправка email», тип отслеживания «Событие», категория «Отправка email» (название можно изменить), действие «Отдел продаж» (название можно изменить), ярлык «Иванов» (название можно изменить).

Идентификатор отслеживания — это номер вашего счетчика Google Analytics (например, UA-11111-2), в примере он сохранен в виде макроса.

Отправка события в Google Analytics

Отправка события в Google Analytics

Если в Google Analytics вам достаточно только отслеживания событий отправки email, то на этом можно остановиться. Если же событие отправки email важно для отслеживания конверсий, то создаем цель в Google Analytics.

Переходим в раздел «Администратор» Google Analytics. Выбираем наш ресурс и представление ? «Цели».

Цели в Google Analytics

Цели в Google Analytics

Создаем новую цель. Тип цели — «Событие». Категория равно «Отправка email» (или ваше название). Сохраняем.

Создаем цель в Google Analytics

Создаем цель в Google Analytics

Готово. Теперь в Яндекс Метрику и Google Analytics будут поступать данные по отправке писем на контактные адреса на вашем сайте.

Отслеживаем копирование email адресов

Переходим в Google Tag Manager.  Создаем новый макрос типа «Переменная уровня данных». Версия уровня данных — 2. Значение по-умолчанию «n\a». Имя макроса copy-id, имя переменной уровня данных copy-id.

Создаем переменную уровня данных

Создаем переменную уровня данных

Создаем новый тег. Назовем его «Прослушка копирования email». Тип тега «Пользовательский тег HTML», активация правил «Все страницы».

Прослушка копирования email

Прослушка копирования email

В поле HTML вставляем следующий код (на картинке выше выделен идентификатор элемента ID с контактным email).

Создадим правило активации «Копирование email адреса». Задаем 2 условия:

1) event равно copyText

2) copy-id содержит mail-contacts

Правило для копирования email адресов

Правило для копирования email адресов

Теперь аналогично настройке событий для отслеживания отправки писем необходимо создать 2 тега:

  • Отправка события о копировании email в Яндекс Метрику
  • Отправка события о копировании email в Google Analytics

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

Важно

Не забывайте создавать версии в Google Tag Manager и опубликовывать их. На сайте должен быть подключен jQuery.

UPD. Настраиваем отслеживание отправки и копирования email в GTM второй версии

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

Теперь необходимо включить встроенную в GTM второй версии переменную отслеживание ID элементов, по которым произведен клик. Переходим в раздел переменные, ставим галку «Click ID» в блоке «Клики».

Включаем отслеживание ID элементов

Включаем отслеживание ID элементов

Отправка email

Переходим в раздел Триггеры. Создаем новый триггер ? Выбор события = «Клик» ? Настройка триггера = «Все элементы» ? Условия активации = Создаем новое условие «Click ID содержит mail-contacts». Сохраняем.

Создаем триггер клика по элементу

Создаем триггер клика по элементу

Теперь отправим событие о клике на email в Яндекс Метрику. Создаем новый тег с типом «Пользовательский HTML». В настройках указываем javascript-код из примера выше.

Отправим событие о клике по email в Яндекс Метрику

Отправим событие о клике по email в Яндекс Метрику

В условиях активации указываем клик и триггер, которые мы создали.

Выбираем триггер отправки email

Выбираем триггер отправки email

Далее в Яндекс Метрике создаем цель по событию.

Отправим событие о клике на email адрес в Google Analytics. Создаем новый тег, продукт «Google Analytics», тип «Universal Analytics», указываем идентификатор отслеживания, тип отслеживания «Событие». Категория «Взаимодействие с email», действие «Отправка email», ярлык «Хелп» (категорию, действие и ярлык указываете любые). Условие активации «Клик», там выбираем триггер клика по email.

Отправляем событие о клике на email в Google Analytics

Отправляем событие о клике на email в Google Analytics

В Google Analytics создаем конверсию по событию.

Копирование email в GTM v.2

Переходим в раздел «Переменные». Создаем новую пользовательскую переменную с типом «Переменная уровня данных». Имя переменной уровня данных “copy-id”, версия переменной уровня данных — 2, установить значение по-умолчанию “n/a”.

Создаем переменную уровня данных

Создаем переменную уровня данных

Переходим в раздел «Теги». Создаем новый пользовательский тег, в настройках HTML указываем код:

Условие активации «Все страницы».

Прослушка копирования email

Прослушка копирования email

Переходим в раздел «Триггеры», создаем новый пользовательский триггер, назовем его «Копирование email». Имя события “сopyText”, в блоке «Активировать триггер при выполнении всех условий» создаем 2 условия:

  • event равно copyText
  • copy-id содержит mail-contacts
Создаем триггер на копирование email

Создаем триггер на копирование email

Осталось только по аналогии выше создать теги для отправки событий в Яндекс Метрику и Google Analytics. Пример отправки события в Google Analytics.

Отправляем событие по копированию email в Google Analytics

Отправляем событие по копированию email в Google Analytics

Если все настроено правильно, то в отчете в реальном времени Google Analytics начнут отображаться события.

Отчет в реальном времени Google Analytics

Отчет в реальном времени Google Analytics

Заключение

Предложенная схема поможет настроить отслеживание 2 важных видов взаимодействия пользователя с сайтом: отправка писем и копирование контактных email.

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

Например

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

  • Евгений

    В своих компаниях в ЯД вы используете UTM-метки? Чем они отличаютсяот Openstat?

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

  • Александр

    Артем, а вы не подскажите, как настроить правильно триггер (в новом GTM), чтоб запускать событие при переходе по такой ссылке mail@gmail.com ?
    Так как изначально стоял триггер на клик по такой ссылке, но он не срабатывает если перейти по такой ссылке в новое окно (правая клавиша мыши – открыть в новом окне), вот и подумал, что нужно использовать не клик по такой ссылке, а переход ….. думаю, так более правильно будет…. то есть. как правильно настроить условие триггера http://c2n.me/3fqZuew.png чтоб он запускался, когда человек откроет данную ссылку в новом окне

    • Александр, подсказать не могу. Мы пока проекты на новый GTM не переводили, будем делать это постепенно к 1 июня.

      • Александр

        а как бы вы написали такое правило на старой версии GTM?

        • В первой части этой статьи мы рассматриваем как раз отслеживание отправки email по ссылкам типа mailto: с помощью GTM

          • Александр

            ну в этой статье вы рассматриваете как отслеживать клик по имейлу, а вот как отследить переход по ссылке mailto: , когда этот переход делается так – клик правой клавишей мыши и из контекстного меню юзер выбирает открыть в новом окне (в этом случае, приведенный пример в статье не сработает)… вот тут не могу додуматься как это сделать…

          • Если доля таких действий значима (копирование через правый клик мыши) — пишите правило активации/макрос через собственный javascript — обработчик, задача для программиста.

  • Александр

    у меня вопрос по реализации цели “копирование email”, а как быть если имейл на сайте указан в нескольких местах и получается, что нельзя всем указать один и тот же id ?

    • Александр, главное, чтобы в id была какая-то повторяющаяся уникальная часть.

      Например, на одной странице у email id
      mail-otdel-prodag-contacts

      А на другой странице у этого же email пусть будет id
      mail-otdel-prodag-services

      В поле активации мы используем режим «содержит», а значит, достаточно будет указать не id целиком, а только одинаковую часть «mail-otdel-prodag»

      • Александр

        так а скрипт будет срабатывать если id не равно mail-contacts ? http://c2n.me/3gO7FjJ.png

        • Этот скрипт можно изменить под задачу двумя способами:
          1) Просто скопируйте его весь целиком, и в копии поставьте новый id
          2) Либо программист может переписать скрипт так, чтобы он перебирал из заранее заданных вариантов

          • Александр

            ок, спасибо.

          • Александр

            заметил еще такой момент в работе скрипта по копированию имейл – если человек выделит имейл и случайно захватит пробел (а такое часто происходит, так как этот пробел выделяется случайно) в начале http://c2n.me/3hVUJ04.jpg , то скрипт не сработает..

          • Александр, спасибо за полезное замечание, о таком варианте не задумывались, нужно будет это учесть.

          • Александр

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

  • Евгений

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

    • Да, общий алгоритм такой же.

      Попробуйте запустить отладчик в GTM и посмотреть, как срабатывают теги на странице.

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

  • Irina

    Спасибо, что делитесь такой информацией)

  • Алексей Куренков

    Небольшая неточность в UPD. Настройка триггера не “все цели” а “все элементы” а так все здорово

    • Алексей, да опечатка в тексте. Исправили, спасибо.

  • Vladimir Maslenko

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

    • В перовой части этой статьи написано в том числе и про Метрику.

      • Vladimir Maslenko

        Написано, только очень мало и как сделать без участия тэг менеджер – не указано. Не назову себя спецом, но и не новичок, но совершенно непонятно, как всё это реализовать исключительно через Метрику. Там про Метрику только что и написано:

        yaCounter11223344.reachGoal(‘EMAILSEND’);

        Но это ровным счетом ничего не дает, т.к. это всё надо прикрутить к действию по клику на email или его выделение.
        Помогите плиз. 🙂 В Рунете ни у кого этой инфы нет.

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

  • Michael Martynov

    Спасибо за полезный контент. Для такого варианта еще не нашли решение с использованием GTM? https://uploads.disquscdn.com/images/dbf604355d0981e41e82304a591e1e26a0a4b2d8a90f499be45aaaf2efd1b211.png

    • Копирование через правую кнопку мыши отслеживается описанным в статье методом, по вашему варианту надо проверять. У вас не работает?

      • Michael Martynov

        Копирование данным способом происходит без выделения. Да, у меня не работает.

  • Рабочий Аккаунт

    Добрый вечер, сделали всё по мануалу но результат не удовлетворительный:

    Вроде как событие срабатывает по копированию емейла но не срабатывает тег, который должен передавать его в аналитикс, вот прилагаю скриншот того , что творится в отладке, и еще приложу скриншот с включенной функцией дебага в GTM, может это поможет ответить на вопрос….подскажите в чём может быть косяк? https://uploads.disquscdn.com/images/337650043091406e0a48e0ea63fdef692a45009e90f69800173bfd74f6e0260c.png https://uploads.disquscdn.com/images/2f5f02ed01e7e8f0af50f248e7acfdf16b5431e4d6fd7372117ea4f360a02117.png

    • Рабочий Аккаунт

      Добрый день, подскажите пожалуйста по моей проблеме, есть какое- нибудь решение?

      • Создайте аккаунт гугл и расшарьте доступ в ГТМ и аналитику на него. Доступы на help@liraltd.com. Попрошу кого-то из инженеров посмотреть.

        • Рабочий Аккаунт

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

        • Рабочий Аккаунт

          Спасибо, уже разобрались сами, клик по email отследили по Вашему методу, спасибо за это. А копирование сделали способом попроще, тоже с помощью dataLayer но еще проще.

  • Тамара Лазарева

    Артем,
    настроила все по Вашей статье, но не срабатывают цели при копировании (проверяем через предварительный просмотр в ГТМ)
    Можете подсказать какие ошибки бывают на данном этапе?

  • Юрий Губкин

    Подскажите, как вы отслеживаете с каких UTM меток прислали заявку на почту?
    Я так понимаю, что это возможно только email-трекингом, подставлять уникальный адрес почты на каждую ключевую фразу?
    Как отслеживать конверсию лида в оплату при получении заявки на email путем копирования адреса?

    • Да, только через емейл трекинг.

      По текущей практике мы для копирования и кликов по почте используем поправочные коэффициенты 0,15 и 0,3, соответственно (получены эмпирически).

      И все конверсии, связанные с этими емейлами «взвешиваем».

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

  • Ростислав Чипчар

    Добрый день.
    Вопрос по классам при копировании е-мейла и телефона.
    Очень часто на сайтах используются именно классы, а не id.
    Что прописывать вместо этого, getElementById – когда используются классы?
    Есть ли какая-то информация или практика по этому вопросу?
    Спасибо

    • Сергей

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

      Как ранее описано в статье:
      “…необходимо разметить все email адреса: сам адрес оборачиваем ссылкой mailto: (при клике на нее будет отправляться email письмо), а html-тегу обязательно ставим идентификатор id.”

      • Ростислав Чипчар

        Добрый день.
        Не всегда есть возможность поставить id. Поэтому и спрашиваю, есть ли возможность использовать class? (заодно изменив это getElementById).

        • Сергей Панов

          Конечно можно. Тогда вторая строчка будет:
          var c = document.querySelector(“.className”);
          Если же ID, то:
          var c = document.querySelector(“#idName”);

          • Ростислав Чипчар

            getElementById и querySelector – это получается равнозначные понятия. Только во втором меняется содержание???
            Если это такое простое решение, то это просто праздник какой-то 🙂
            Спасибо Огромное!

          • Сергей Панов

            Не равнозначное. getElementById работает только c DOM элементами, имеющими ID (идентификатор), например .
            querySelector – более универсальный метод, позволяющий работать не только с ID или className, но и любыми другими CSS-селекторами: теги, атрибуты.

  • Светлана Постольская

    спасибо за статью, поначалу использовала но инфа отображала не все фактические заявки на почту. решение нашла в емеил трекинге alfa-track, может кому-то пригодится