ADOBE DTM - создание правила, основанного на событиях, на основе Active CSS

Question

Я пытаюсь создать правило, основанное на событиях, на Adobe DTM, чтобы событие записывалось в любое время, когда класс класса меню изменяется с "item" на "item-active" , В отчете должны быть возвращены данные-ссылки или значения индекса данных элемента li.

<div class="menu"> 
<ul class="list"> 

<li class="item" data-reference="#chapter1" data-index="1"> 
<div class="number"><a href="#chapter1">1</a></div></li> 

<li class="item-active" data-reference="#chapter2" data-index="2"> 
<div class="number"><a href="#chapter2">2</a></div></li> 

<li class="item" data-reference="#chapter3" data-index="3"> 
<div class="number"><a href="#chapter3">3</a></div></li> 

</ul> 

Меню для долгосрочной форме статьи и изменения классов к пункту-активным, когда пользователь прокручивает вниз до указанной главы. Как я могу создать правило на основе событий, основанное на приведенной выше информации?

Благодаря

Answer 1

вы можете использовать тип события «PushState или haschange», чтобы проверить, если хэш в URL изменился, потому что вы работаете с прыжковых знаками.

Или вы можете использовать тип события «входит в режим просмотра», если ваши главы имеют разные идентификаторы в заголовке/div-тегах.

Сердечные приветы До

Answer 2

Adobe недавно добавила условия для правил на основе событий, называемых «элемент данных изменен»

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

В то время как чаще всего обсуждаются в связи с инструментом контекста AEM, вы можете использовать этот «прослушиватель», если вы можете обновлять элемент данных в любое время, когда изменяется значение класса (ссылка на клик, URL-адрес хэштага и т. Д.).