Аналитика и тестированиеСодержание маркетинга

Используйте jQuery для прослушивания и передачи отслеживания событий Google Analytics для любого клика

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

Совсем недавно я писал о том, как отслеживать почта по кликам, тел кликаеткачества Представление формы Elementor. Я собираюсь продолжать делиться решениями, которые я пишу, в надежде, что это поможет вам лучше анализировать производительность вашего сайта или веб-приложения.

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

<a href="#" data-gaevent="Category,Action,Label">Click Here</a>

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

<script>
  $(document).ready(function() {      
    $(document).on('click', '[data-gaevent]', function(e) {
      var $link = $(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

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

Если вы используете jQuery на WordPress, вам нужно немного изменить код, так как WordPress не поддерживает ярлык $:

<script>
  jQuery(document).ready(function() {      
    jQuery(document).on('click', '[data-gaevent]', function(e) {
      var $link = jQuery(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

Это не самый надежный сценарий, и вам может потребоваться дополнительная очистка, но он должен помочь вам начать работу!

Douglas Karr

Douglas Karr является директором по маркетингу OpenINSIGHTS и основатель компании Martech Zone. Дуглас помог десяткам успешных стартапов MarTech, помог в комплексной проверке приобретений и инвестиций Martech на сумму более 5 миллиардов долларов, а также продолжает помогать компаниям во внедрении и автоматизации их стратегий продаж и маркетинга. Дуглас — международно признанный эксперт по цифровой трансформации, а также эксперт в области MarTech и спикер. Дуглас также является автором опубликованного руководства для чайников и книги по бизнес-лидерству.

Статьи по теме

Вернуться к началу кнопки
Закрыть

Adblock обнаружен

Martech Zone может предоставить вам этот контент бесплатно, потому что мы монетизируем наш сайт за счет доходов от рекламы, партнерских ссылок и спонсорства. Мы были бы признательны, если бы вы удалили блокировщик рекламы при просмотре нашего сайта.