Про события натив JS

Событие – это сигнал от браузера о том, что что-то произошло.

Важно:

Событию можно назначить обработчик, то есть функцию, которая сработает, как только событие произошло.

Именно благодаря обработчикам JavaScript-код может реагировать на действия посетителя.

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

Есть три способа назначения обработчиков событий:

— Атрибут HTML: onclick=»…».
— Свойство: elem.onclick = function.
— Специальные методы:
1) Современные: elem.addEventListener( событие, handler[, phase]), удаление через removeEventListener.
2) Для старых IE8-: elem.attachEvent( on+событие, handler ), удаление через detachEvent.

Справка про обработчик addEventListner

Еще одна полезная статья

Про куки, Web Storage

Источник

Web Storage — это более новое изобретение, чем куки. У web storage два интерфейса: localStorage and sessionStorage.

Их отличия:

The main difference is that the latter persists for the duration of the browser session (i.e. is flushed when the browser instance is shut down), and the former persists indefinitely.

Куки и GTM

Доставать куки можно с помощью 1st Party Cookie Variable.

Установить куки можно с помощью Custom JavaScript Variable named {{JS – setCookie}}:

function() {
 return function(name, value, ms, path, domain) {
 if (!name || !value) {
 return;
 }
 var d;
 var cpath = path ? '; path=' + path : '';
 var cdomain = domain ? '; domain=' + domain : '';
 var expires = '';
 if (ms) {
 d = new Date();
 d.setTime(d.getTime() + ms);
 expires = '; expires=' + d.toUTCString();
 }
 document.cookie = name + "=" + value + expires + cpath + cdomain;
 }
}

Чтобы использовать переменную в скрипте:

{{JS - setCookie}}('session', 'true', 1800000, '/', 'simoahava.com');

Советы по EE от Simo Ahava

  1. Only the most recent ecommerce object is included in the hit!

2. Важно сохранять одинаковость(согласованность) данных на всех этапах воронки. Т.е. одинаковые названия товаров, одинаковые названия категорий. Это важно потому, что EE построен на хитах.

Enhanced Ecommerce is comprised almost entirely of hit-level interactions. This means that every Enhanced Ecommerce payload sent to Google Analytics is unique, and does not persists its information across subsequent hits.

 

3. Все в EE строится на хитах. Все, кроме  листов. Последний лист на который кликнул пользователь приравнивается к листу с которого пользователь совершил транзакцию.

Product lists and promotions have an attribution mechanism, where the last list or promotion that the user interacted with before a purchase within the same session is the one which gets full credit for the purchase.

Статья

Проверяем новый пользователь или нет с помощью GA и GTM

В чем идея: проверяем есть ли кука ga  у браузера, если есть, то это старый пользователь, если нет, то новый

  1. Создаем переменную:
  2. Создаем кастомный html тег, который будет файриться до UA:

    <script> if (!{{Cookie — _ga}}) { window.dataLayer.push({ ‘event’ : ‘newUser’, ‘ga_newUser’ : ‘true’ }); }</script>

     

Полная статья Симо

Воронка по Красинскому

Самая корректная воронка в GA— это воронка по когортам.

Мы смотрим на пользователей, а не на сеансы.

Вот шаблон воронки

Объясню:

users::condition::ga:sessionCount==1;dateOfSession<>2017-04-01_2017-04-30;users::sequence::ga:eventAction==Step1_buy;->>ga:eventAction==Step2_buy;->>ga:eventAction==Step3_order;ga:transactions>0

users::condition:: — условие

dateOfSession<>2017-04-01_2017-04-30 — аналог настройки в сегментов сеанс между. Максимально 30 дней

users::sequence:: — последовательности в сегментах

Делал по видео: