Отслеживание копирования текста в Google Tag Manager

Задача: отследить копирование email и телефона в буфер обмена как событие в Google Tag Manager. Отслеживание было реализовано с помощью javascript за 7 простых шагов.

Способ может применяться для отслеживания копирования любых блоков текста: названия модели, промо-кода, адреса магазина, etc.

1. Маркирование предназначенного для отслеживания текста


Добавляем в скрипт, найденный мной на форуме softtime:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>     
<script type="text/javascript"> 
$(document).ready(function() { 
  $("#tel").bind('copy', function(e){     
dataLayer.push({
'event': 'tel copy'});
  });
  $("#mail").bind('copy', function(e){     
dataLayer.push({
'event': 'email copy'});
  });      
}); 
</script>

Где "#tel" — id, которые мы будем применять для пометки текста, их можно менять

Так выглядит передача Data Layer, его параметры тоже можно менять (подробнее о Data Layer в справке GTM):

dataLayer.push({
'event': 'email copy'});


2. Помечаем текст для отслеживания с помощью тега span:


После добавления скрипта нужно пометить текст, который мы будем отслеживать. В качестве id указываются наши id (tel и mail) из предыдущего пункта:

<span id="tel">8 800 000 00-00</span>
<span id="mail">example@gmail.com</span>


3. Создаем правило


После редактирования сайта переходим в интерфейс GTM, и создаем правило в черновиках контейнера, где event приравниваем к tel copy (или тому значению, который вы задали в dataLayer для event):





Создаем аналогичное правило для почты, где event приравниваем к email copy

4. Создаем тег с правилом активации


Затем создаем тег «Событие», задаем Категорию, Действие и Ярлык и включаем активацию тега по правилу:



Аналогично создаем тег для почты.

5. Создаем версию и проверяем работоспособность в режиме «Просмотреть-Выполнить отладку»


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



Активируем режим отладки, чтобы проверить, всё ли работает:



Переходим на сайт и смотрим в нижнюю панель. До копирования телефона она выглядит так:



После копирования текста активен тег «Скопировать телефон»:



6. Публикуем изменение контейнера


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

7. В отчетах Google Analytics появятся новые события


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

Если вы знаете более простые решения этой задачи, пишите, пожалуйста, в комментарии.
Ads
AdBlock has stolen the banner, but banners are not teeth — they will be back

More

Comments 11

    –2
    Вы не показали ничего уникального, интересного, все эти шаги описаны в доках GTM, и скрипт копирования не так уж и тяжело написать.
      0
      Вы можете написать статью интересную статью про практическое использование GTM? Напишите пожалуйста.
        0
        Я очень плотно работаю с gtm, я ничего такого интересного не могу вспомнить, обычная рутина, чтение доки и написание js
          0
          Что для вас рутина, другим может быть интересно. Да и не может быть такого, что вы не сталкивались с трудной и нетривиальной задачей.
        0
        Спасибо за отзыв! Но мне кажется, что в данном случае готовое решение лучше, чем отсылка к мануалам.
        0
        Спасибо за идею. И статья хорошая/полезная.
          0
          Спасибо за отзыв!
          0
          Спасибо за идею. Как раз недавно искал что-то подобное. И, кстати, в рунете мало нормальных статей по gtm.
            0
            А народ интересуется? А то я собираюсь запустить блог про GA/GTM на английском языке, а на русском… Даже и не знаю, стоит ли
              0
              Если только на одном языке то конечно на английском. А вообще если есть качественный контент то стоит подумать о том чтобы аутсорсить перевод на другие языки. Это может окупиться.
                0
                Поздно:) Подумал — раз уж все равно пишу на русском сперва, то почему бы и русскоязычные статьи не постить

          Only users with full accounts can post comments. Log in, please.