Как отслеживать пользовательское событие JavaScript в Диспетчере тегов Google?

Question

У меня есть пользовательское событие JS, которое срабатывает при открытии панели аккордеона. Я хотел бы отслеживать открытие как событие Google Analytics с идентификатором панели в качестве метки события.

Использование старого без GTM подход я бы сделал это так:

$('#my-accordion').on('down.zf.accordion', function(e, panel) { 
    ga('send', 'event', 'accordion', 'open', panel.attr('id')); 
}); 

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

До сих пор я создал это в Google Диспетчер тегов:

Trigger, тип пользовательского события, что пожары на 'down.zf.accordion'

Tag, типа Universal Analytics с моим отслеживания id, тип трека: событие (аккордеон, открытый, [возможно, глобальная переменная JS, которая установлена ​​на panel.attr ('id')?])

Но тег даже не срабатывает при тестировании в предварительном просмотре GTM , Что я делаю не так?

Answer 1

Альтернативным решением будет использование пользовательского тега прослушивателя HTML, который вы можете настроить для прослушивания на указанных страницах (например, где бы вы ни располагали аккордеон на странице). Тег будет выглядеть примерно так, и требуют dataLayer события и значения для толкания:

$('#my-accordion').on('down.zf.accordion', function(e, panel) { 
    dataLayer.push({ 
     'event': 'accordion open', 
     'category: 'accordion', 
     'action': 'open', 
     'label': panel.attr('id'); 
    }) 
}); 

(Обратите внимание, что я не проверял это, как я не имею доступа к Zurb аккордеонов фундаментных - при условии, что это что вы используете).

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