Как отслеживать копирование E-mail с помощью Google Tag Manager для Яндекс.Метрики

Коллеги, в прошлой статье я рассказал как отслеживать копирование E-mail на сайте с помощью несложного скрипта и небольшого изменения HTML тегов.

Как отслеживать копирование E-mail или номера телефона с помощью Яндекс.Метрики

Предыдущий способ я считаю самым простым и понятным.

Однако, передавать данные в Яндекс.Метрику можно и другим способом. Если вы используете в своей работе Google Tag Manger, то настроить передачу статистики в Метрику можно через специальные теги.

Важно! Перед тем как начинать настройку отслеживания, убедитесь, что на сайте установлен Google Tag Manager и Яндекс.Метрика.

Давайте разберем этот способ.

  • Войдите в Google Tag Manager и выберите рабочий аккаунт для начала работы.
  • Далее открываем Рабочую область и переходим в раздел Теги.
  • Нажимаем большую красную кнопку Создать и переходим в Конфигурацию тега.

Выбираем из предложенного списка Пользовательский HTML и добавляем следующий код.

<script>
var c = document.getElementsByTagName("a");
for(var i = 0; i < c.length; i++) {
    if((typeof(c[i]) !== undefined) && (c[i].href.indexOf('mailto') !== -1)) {
        c[i].addEventListener('copy', function(evt) {
            dataLayer.push({
            'event': 'copyText', 
            'copy-class' : evt.target.className
            });
        });
        c[i].addEventListener('contextmenu', function(evt) {
            dataLayer.push({
            'event': 'rightClick', 
            'copy-class' : evt.target.className
            });
        });
    }
}
</script>

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

Называем новый Тег понятным для себя именем и переходим в нижний блок Триггеры. Выбираем доступный триггер All Pages и нажимаем на кнопку Сохранить.

Выполненные настройки сообщают GTM, что требуется активировать указанный скрипт на всех страницах сайта. Если все сделали правильно, то по итогу настройка тега будет выглядеть так:

Код отслеживания копирования адреса в теге

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

Переходим в текущей рабочей области в раздел Триггеры и создаем новый.

Указываем название для триггера, например «Копирование Email мышкой». Тип триггера — Пользовательское событие. Имя события — rightClick и указываем Некоторые специальные события и добавляем условие Event — содержит — rightClick, далее сохраняем изменения.

Триггер на копирование Email

После всех указанных действий требуется создать еще один триггер. Называем его «Выделение Email мышкой», но вместо rightClick используем copyText.

Триггер копирования текста

Теперь нам необходимо создать Пользовательский тег для добавления тега Яндекс.Метрики. Переходим в раздел Теги и в новый тег добавляем следующий код:

<script type="text/javascript">
yaCounter51350068.reachGoal('copy_email');
</script>

где XXXXXXXX — номер счетчика, а copy_email — идентификатор отслеживания события (задается произвольно).

В блоке Триггеры добавляем два ранее созданных нами триггера:

  1. Выделение Email мышкой;
  2. Копирование Email мышкой.

Получится примерно следующее:

Тег на копирование электронной почты

Настройка целей в Метрике

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

Переходим в Настройки Яндекс.Метрики и выбираем вкладку Цели.

Создаем JavaScript-событие, указываем любое название, а в поле с идентификатором указываем copy_email.

Настройка цели в Метрике на отслеживание

Возвращаемся в Google Tag Manager. В правом верхнем углу нажимаем синюю кнопку Отправить. Далее нажимаем Опубликовать, описание версии контейнера можно пропустить — «Далее». Готово!

В результате в отчетах Яндекс.Метрики будет собираться нужна для нас статистика по конверсиям. На выходе вы будите получать примерно такой отчет:

Отчет по конверсиям в Яндекс.Метрика

Остались вопрос?

Вы можете писать ваши вопросы в комментариях или писать прямо на электронную почту info@konstantinbulgakov.com. По мере наличия свободного времени, буду стараться отвечать на запросы.

Как установить код отслеживания Google Analytics на все страницы сайта и отдельные разделы с помощью Google Tag Manager

Друзья, в этой статье мы разберем довольно простую и базовую задачку при работе с Google Tag Manager — настройку кода отслеживания Google Analytics на все страницы и отдельные разделы сайта.

  1. Входим в аккаунт Менеджера тегов и переходим в раздел Теги.
  2. Нажимаем красную кнопку Создать и задаем название для нового тега. Пишем, например, Отслеживание Google Analytics.
  3. Нажимаем Конфигурация тега и выбираем тип тега Google Аналитика — Universal Analytics.
  4. В поле Идентификатор отслеживания указываем номер Кода отслеживания Google Analytics в формате UA-117361519-8 (номер кода можно задать с использованием переменных).
  5. Поле Тип отслеживания оставляем Просмотр страницы.

Добавление тега GA

Идентификатор отслеживания находится в аккаунте Google Analytics в разделе Администратор -> Ресурс -> Отслеживание -> Код отслеживания.

Настройка отслеживания для всех страниц сайта

Добавлять триггеры в GTM очень просто.

  1. Нажимаем ниже на блок триггеры и выбираем триггер, который будет активировать созданный тег Google Analytics.
  2. Единственный триггер доступным нам — All Pages (Все страницы).
  3. Выбираем его и нажимаем Сохранить в верхней правой части экрана.

Настройка отслеживания GA на всех страницах сайта

Настройка отслеживания для отдельных страниц и разделов сайта

1. Нажимаем на кнопку Добавление нового триггера и добавляем дополнительный триггер.
2. Указываем название для нового триггера.
3. Указываем тип триггера Просмотр страницы.
4. Выбираем Некоторые просмотры страниц.
5. Настраиваем правило, которое будет соответствовать просмотру раздела с контактами Page URL — содержит — /contact-us/.

Настройка отслеживания GA на отдельных страницах сайта

Внимание! Адрес вашего раздела может отличаться от адреса указанного в примере.

На этом все! Нажимаем Сохранить и запускаем режим Предварительного просмотра. Это позволит перед публикацией проверить корректность настройки тега на вашем компьютере.

Если тег отрабатывает успешно, то нажимаем Опубликовать.
Также вы можете написать название версии контейнера и внести дополнительное описание к вашим действиям (необязательно).

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

Остались вопросы?

Вы можете оставить ваши комментарии и вопросы в форме под этой статьей. Или продолжайте читать другие статьи по теме.

Как настроить отслеживание конверсий в Google Реклама с помощью Google Tag Manager

Отслеживание конверсий в Google Реклама позволяет отследить действия посетителей сайта после перехода по рекламным объявлениям. Например, вы можете настроить отслеживание Отправки формы, обратного звонка, заказа услуги или покупки продукции.

Чтобы начать передавать конверсии в Google Tag Manager вам необходимо узнать Идентификатор конверсии и Ярлык конверсии в Google Ads.

Создание новой конверсии в Google Ads

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

  1. Пройдите авторизацию и откройте меню Инструменты Инструменты Google Ads в аккаунте Google Ads.
  2. Выберите Отслеживание — Конверсии. Откроется таблица Действия-конверсии.
  3. Нажмите в левом верхнем углу плюсик Добавить конверсию и выберите Веб-сайт.
  4. Указываем настройки и нажимаем Создать и Продолжить.
  5. Выбираем способ добавления тега — Использовать Google Менеджер тегов.

Здесь нам потребуется Conversion ID — 940585884 и Ярлык конверсии Ag7aCPnLnZMBEJznwMAD

Идентификатор Конверсии и Ярлык

Нажимаем Далее и сохраняем созданную конверсию.

Настройка тега

Переходим в Менеджер тегов, выбираем нужный контейнер и создаем новый тег. Выбираем тип тега — Отслеживание конверсии в Google Реклама и в поля Идентификатор конверсии и Ярлык конверсии вставляем полученные значения конверсии.

Создание тега Отслеживания конверсии в Google Ads

Также можно добавить значения параметров Ценность конверсии, Идентификатор заказа и Код валюты.

Настройка триггера

В разделе Триггеры выберите один или несколько триггеров, активирующих тег. Например, если после оформления заказа на сайте пользователь попадает на страницу thanks.html с благодарностью о заказе, то триггер Просмотр страницы можно настроить следующим образом:

Настройка триггера просмотра некоторых страниц

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

Открываем консоль Google Chrome и определяем CLASS или ID кнопки. В нашем случае значение id = forms_submit. Этот элемент и будем использовать для работы тега.

Определяем ID элемента

Переходим в раздел Триггеры и создаем Тип триггера Клик — Все элементы. Указываем условия активации триггера Некоторые клики. В фильтре указываем Click ID — содержит — forms_submit.

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

Сохраняем триггер и публикуем новую версию контейнера.

Перед сохранением вы можете проверить корректность настройки. Запустите Режим откладки и перезагрузите страницу сайта, заполните форму и проверьте активацию созданного тега.

Остались вопросы?

Хотите получить ответы на вопросы по данной теме от специалистов в этой области? Оставляйте ваши комментарии под этой статьей.

Как удалить или приостановить работу тега. Типы действий с тегами в Google Tag Manager

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

Приостановка работы тега

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

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

Как приостановить работу тега

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

Приостановленные теги будут помечены значком паузы Приостановление тега.

Как возобновить работу тега

Включить тег обратно можно по тому же принципу.

  1. Выберите в списке тег, который необходимо включить повторно, и нажмите на его название.
  2. Нажмите в верхнем правом углу Кнопка Возобновить или нажмите на значок с тремя точками три точки и выберите Возобновить.
  3. Сохраните изменения.

Копирование тега

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

1. Перейдите в Теги. Найдите в списке тег, который необходимо дублировать, и нажмите на его название.
2. Нажмите на значок с тремя точками три точки в правом верхнем углу и выберите Копировать.
3. Задайте уникальное имя для нового тега и нажмите Сохранить.

Удаление тега

В Google Tag Manager отсутствует функция массового удаления тегов. Если тегов немного, к примеру 3 тега, тогда можно произвести удаление вручную.

  1. Перейдите в Теги. Найдите в списке тег, который нужно удалить, и нажмите на его название.
  2. Нажмите на значок с тремя точками три точки в правом верхнем углу и выберите Удалить.
  3. Подтверждаем серьезность намерений нажатием на кнопку Удалить.
Важно! Удаление тега нельзя будет отменить.

Остались вопросы?

Хотите получить ответы на вопросы по данной теме от специалистов в этой области? Оставляйте ваши комментарии под этой статьей.

Как получить в Google Реклама Акты сверки расчетов и копии других бухгалтерских документов

На носу окончание рабочего года. И наступила самая жаркая пора  для вашей бухгалтерии.

В этом материале я покажу, где в интерфейсе Google Ads запросить копии закрывающих документов за текущий календарный год:

  • Счета-фактур;
  • Акты сверки расчетов;
  • Акты сдачи приемки;
  • Предварительные счета.

Используем ваш логин для входа в систему Google Реклама и находим в верхнем правом углу Инструменты — обозначается в виде гаечного ключа. В блоке Настройки выбираем Счета и платежи.

Счета и Платежи в Google Ads

В левом меню выбираем Транзакции и устанавливаем сортировку Текущий год.

Транзакции за Текущий год

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

Загрузка Акта сверки расчетов

Загрузка документа на компьютер в формате .PDF начнется мгновенно.

А если менялся плательщик?

Если в этом году вы меняли плательщика, то закрывающие документы придется запросить и для предыдущего Юридического лица.

Переходим в пункт меню слева Смена плательщика и выбираем из списка предыдущий платежный профиль.

Смена плательщика в Google Ads

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

Далее все по ранее пройденному сценарию — Открываем недостающие месяца и загружаем документы на компьютер.

А в этой статье я рассказал Как заказать оригиналы документов в Google Ads. Сохраните ссылку, на всякий случай. 👍

Не следует забывать, что в Google работает телефонная служба поддержки клиентов. Позвонить и задать интересующие вопросы можно по телефону: 📞 8-800-100-4664 с понедельника по пятницу: 24 часа в сутки по московскому времени. В момент общения с менеджером, вас попросят назвать десятизначный идентификатор клиента.

Остались вопросы?

Задавайте в комментариях под этим материалом. Постараюсь дать ответ в ближайшее время!

Как посмотреть по каким поисковым запросам показываются объявления в Google Ads

Никак!

К сожалению, в Google Реклама такой возможности нет, в отличии от Яндекс.Директа.

В Google Рекламе посмотреть можно только Поисковые запросы по которым ранее были клики (Ключевые слова — Запросы).

Как отслеживать копирование E-mail или номера телефона с помощью Яндекс.Метрики

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

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

Как настроить отслеживание копирование Email с помощью Google Tag Manager для Яндекс.Метрики

Решение

1. Для начала установите код отслеживания Метрики на свой сайт. Далее потребуется настроить несколько целей.

2. Создаем новые JavaScript события во кладке Цели в разделе Настройка вашего счетчика. Выбираем конверсионный тип цели с указанием название и идентификатор.

Для примера создадим два JavaScript события – копирование электронного адреса с Идентификатором цели: email_copy.

Событие в Метрике

И по такому же принципу добавляем вторую цель на копирование номера телефона компании c Идентификатором цели: phone_copy.

3. Далее вставляем js-код на страницу сайта, где ранее установили код Метрики. Здесь вместо XXXXXXXX указываем номер вашего счетчика и название классов для Телефона и E-mail (в моем коде это copymail и copyphone).

<script>
$(".copymail").bind('copy', function() {
console.log("1");
yaCounterXXXXXXXX.reachGoal('email_copy');
return true;
});
$(".copyphone").bind('copy', function() {
console.log("2");
yaCounterXXXXXXXX.reachGoal('phone_copy');
return true;
});
</script>

4. Открываем страницу сайта в формате редактирования HTML кода и находим в коде строчки с телефоном и электронным адресом.

Добавляем к элементу тег с указанием класса. Например, если элемент не содержит тегов, то можно добавить просто <span class="название_класса">, а если фрагмент уже заключен в тег <div> или <li>, то дописываем просто класс в тег.

<li class="copymail">mail@example.ru</li>
<li class="copyphone">mail@example.ru</li>

Вот собственно и все. Если вы настроили все правильно, то в Метрике в Стандартные отчеты — Конверсии можно будет отследить копирование или выделение мышью требуемых элементов пользователями.

Отчет в Метрике по конверсиям

В следующем материале я расскажу подробно как настроить отслеживание копирования элементов страницы в другой системе аналитики — Google Analytics. Не пропустите!

Другие решения

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

Остались вопросы?

Пишите на электронную почту info@konstantinbulgakov.com или отправляйте вопросы и комментарии ниже под этой статьей.

Как получить сертификат Google Analytics. Собственный план и рекомендации для самостоятельной подготовки

Друзья, добрый день!

Сегодня я с благой весточкой.

Несколько часов назад я прошел экзамен Google Analytics IQ на получение Сертификата по Google Analytics.

Пройдено (90%).
Правильные вопросы: 63/70

Однако, я разочарован.

Во-первых, я не могу узнать вопросы в которых мной были допущены ошибки. Мне бы хотелось определить эти 7 из 70 вопросов, с которыми я не справился и разобрать их детально. Но увы…

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

Ну и третий пункт. Для прохождения экзамена мне потребовалось больше часа. На несколько вопросов пришлось искать ответы в справке по Analytics. Иначе, можно было бы показать более лучшее время прохождения.

Сертификат о сдаче экзамена Google Analytics Individual Qualification

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

Подготовка

Подготовка к экзамену потребует много времени. Советую сразу понимать когда и где будите учиться. На подготовку мне потребовалось чуть больше месяца.

1. Начал с изучение официальной справки по Google Analytics. Информации так много, что может потребоваться несколько недель на полное освоение (Справка Яндекс.Метрики раза в четыре меньше, по моему ощущению). Справка имеет удобную структуру и темы, что позволит лучше ориентироваться по материалам. Навык быстрого поиска, позволяет искать ответы на неожиданные вопросы.

2. Далее приступил к изучению двух бесплатных онлайн-курсов в Analytics Academy. Она курса доступны на русском языке и являются обязательными в процессе подготовки.

  1. Курс по Google Аналитике для начинающих;
  2. Расширенный курс по Google Аналитике.

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

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

3. Важно! Не забудьте создать аккаунт в Analytics и добавить к нему собственные проекты. Теорию необходимо переводить в практические действия и оттачивать в реальных ситуациях.

4. Ну и наконец, вот ссылка на официальный экзамен по Google Analytics Individual Qualification. В случае успешной сдачи экзамена вы получите сертификат, действительный в течение 12 месяцев.

Чтобы не забыть, вот несколько других важных правил экзамена:

  • время на прохождение теста 1.5 часа;
  • не возможно пропустить вопрос, а затем вернуться к нему через некоторое время;
  • нельзя поставить на паузу;
  • повторная сдача возможна через неделю;
  • следующая попытка, после неудачной сдачи доступна через неделю.

Подготовка к тестированию потребует от вас времени и дисциплины.

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

Остались вопросы?

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

Подсказки в плеере и Визуализация визитов с мобильных устройств: Яндекс.Метрика представила обновленный Вебвизор 2.0

Яндекс продолжает работать над улучшением функционала Вебвизора.

18 октября Яндекс.Метрика объявила в своем блоге об обновлении функционала Вебвизора 2.0 и выкатила несколько любопытных возможностей.

Давайте разбираться.

Запись переключений между вкладками больше не разрывается

Раньше запись визита разрывалась, если посетитель открывал ссылку в новой вкладке. Теперь Вебвизор 2.0 фиксирует, как посетители переключаются между вкладками, в которых они открывали ссылки на вашем сайте — как на десктопе, так и на мобильных. Открытые в разных вкладках ссылки будут показаны в верхней части плеера:

Визуализация визитов с мобильных устройств

Теперь к записям визитов с мобильных добавляется изображение смартфона или планшета. Контуры устройств на Android и iOS отличаются, чтобы вам не нужно было лишний раз всматриваться в техническую информацию о визите.

Вебвизор 2.0 для мобильных устройств

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

Подсказки в плеере

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

Обновленный плеер Яндекс.Метрики

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

Время бездействия пользователя на сайте

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

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

Функция изменения скорости просмотра записи осталась без изменений.

Дополнительные параметры

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

  • Дата визита;
  • Длительность;
  • Количество просмотров за сессию;
  • Выполненные цели;
  • Регион посетителя;
  • Последний Источник;
  • Страницу входа и выхода.

Информация о визите в Метрике

Кроме этого в нижней правой части можно увидеть разрешение экрана, версию ОС и тип браузера.

Как отключить слежение Google Analytics за пользователем. Используем простое расширение для блокировки кода отслеживания

На днях в справке Google нашел ссылку на интересное расширение для отключения отслеживания Google Analytics.

Если вы не хотите, чтобы служба Google Analytics регистрировала ваши посещения, загрузите и установите это расширение. Для правильной работы расширение должно корректно загрузиться и выполняться в браузере. Оно запрещает файлам JavaScript (gtag.js, ga.js, analytics.js и dc.js), размещенным на веб-страницах, отправлять такую информацию.

Расширение блокировка Google Analytics

Однако, предпринятые вами действия не помешают владельцам сайтов применять другие инструменты для сбора веб-статистики. Блокировщик Google Analytics не мешает отправке данных на сам сайт и не препятствует работе других средств веб-аналитики.

Как установить расширение

  1. Откройте Интернет-магазин Chrome.
  2. Найдите нужное расширение.
  3. Нажмите Установить.
  4. Некоторым расширениям могут понадобиться разрешения или доступ к определенным данным. Чтобы предоставить доступ, нажмите Добавить расширение.

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

Как управлять расширениями

  1. Запустите Chrome на компьютере.
  2. В правом верхнем углу нажмите на значок «Настройка и управление Google Chrome» — Дополнительные инструменты — Расширения.
  3. Внесите необходимые изменения.
  4. Включите или отключите расширение.
  5. Разрешите использовать в режиме инкогнито. Для этого установите соответствующий флажок.
  6. Исправьте повреждения. Если расширение не работает, нажмите Восстановить, затем Восстановить расширение.

Инструмент разработан компанией Google.
Поддерживаемые браузеры: Microsoft Internet Explorer 11, Google Chrome, Mozilla Firefox, Apple Safari и Opera.
Скачать и установить расширение можно также для браузеров Opera и Mozilla Firefox.