1. Налаштування цілей в Яндекс.Метрика за допомогою диспетчера тегів Google
2. Налаштування відправки цілей з передачею користувальницьких параметрів
3. Передача параметрів візитів в довільний момент часу

Зміст [сховати]

З появою Google Tag Manager стало набагато простіше встановлювати на сайт безліч необхідних маркетологам тегів. Так само як спростилася і реалізація відстеження різних типів взаємодії користувачів з контентом сайту. Багато з вас вже переконалися в тому, що Менеджер тегів Google дуже щільно інтегрований з Google Analytics і дозволяє за допомогою нехитрих маніпуляцій передавати різні дані в цю систему. Однак його функціонал не обмежений тільки Аналітікс, і дані без особливих зусиль можна відправляти і в інші системи веб-аналітики. Наприклад, налаштувавши подія на успішне заповнення форми в Analytics, легко перенести ці ж налаштування на іншу систему, наприклад Яндекс.Метрику. Сьогодні ми поговоримо про те, як відстежити різні дії відвідувачів на сайті в Метриці за допомогою GTM. Для початку нам необхідно встановити код Яндекс.Метрики на всі сторінки сайту за допомогою призначеного для користувача тега HTML в Google Tag Manager. Про те, як це зробити, я писала в статті "Вчимося працювати в GTM" (Пункт "Установка Яндекс.Метрики, ремаркетингу FB, VK і інших призначених для користувача тегів в GTM").

Налаштування цілей в Яндекс.Метрика за допомогою диспетчера тегів Google

За допомогою налаштування цілей ми можемо отримати інформацію про конкретні дії користувачів сайту (відвідування певної сторінки, клік по кнопці, успішна відправка форми, перегляд певного числа сторінок сайту та ін.). Щоб передати в Яндекс.Метрику дані про подію кліка по кнопці / посиланням, відправлення форми і другом взаємодії користувачів вашого сайту з контентом, можна використовувати цілі типу "JavaScript подія". Для настройки такої мети за допомогою Google Tag Manager, потрібно виконати наступні кроки. 1.В інтерфейсі GTM створити користувальницький тег HTML. У текстове поле вставляємо наведений нижче код:

<Script> yaCounterXXXXXX. reachGoal ( 'TARGET_NAME'); </ Script>

де: XXXXXX - номер лічильника Яндекс.Метрики; TARGET_NAME - назва мети. Наприклад, тег для відстеження відправки форми звернення може мати вигляд:

2.Додати тригер активації. Як тригера активації додаємо подія успішного відправлення форми. Детально настройку тригерів для кліків / ccилок, форм та інших взаємодій я описувала в статті "Вчимося працювати в GTM" . 3.Создать мета в Яндекс.Метрика.

В якості типу мети вказуємо "JavaScript подія".

4.Проверіть коректність роботи мети. Для того, щоб перевірити, чи працює налаштована мета, можна додати до URL сторінки сайту параметр _ym_debug зі значенням 1.

http://example.com/?_ym_debug=1

Відкривши в консоль браузера можна побачити дані про досягнення цілей і переконатися в коректності настройки.

Після встановлення дані по цілям в Яндекс.Метрика доступні в звіті "Переходи", в стандартних і користувальницьких звітах, які побудовані по візитах. Також мети можуть використовуватися в Яндекс.Директі і Яндекс.Аудіторіях. Довідкові матеріали з відстеження цілей в Яндекс.Метрика.

Налаштування відправки цілей з передачею користувальницьких параметрів

У деяких випадках крім відстеження факту спрацьовування якоїсь події нам може знадобитися передавати додаткову інформацію, пов'язану з цією подією. Наприклад, в статті "Відслідковуємо, що копіюють на нашому сайті" я розглядала скрипт, за допомогою якого можна відстежити подія копіювання тексту на сайті, а також визначити, яка саме інформація була скопійована. Тобто крім факту копіювання потрібно якось ще передати в систему інформацію про те, що ж було скопійовано. Для вирішення такого завдання в Яндекс.Метрика можна скористатися для користувача параметрами. У код для відправки даних про досягнення мети, який ми розглядали вище, нам буде потрібно додати передачу параметрів візитів.

<Script>

var goalParams = {myParam: 123};

yaCounterXXXXXX. reachGoal ( 'TARGET_NAME', goalParams); </ Script>

Щоб використовувати скрипт відстеження копіювання тексту в якості демонстраційного прикладу далі, коротко нагадаю, як це було реалізовано. За допомогою методу addEventListener () ми реєструємо оброблювач події копіювання. У тілі обробника визначаємо виділений в даний момент текст на сторінці і зберігаємо його в змінну selected_text. Далі проводиться обробка виділеного фрагмента: якщо в тексті більше 50 символів, беремо лише перші і останні 20 символів за допомогою функції substring. Якщо в тексті менше 50 символів, залишаємо його незмінним. У масив dataLayer передаємо значення змінної selected_text і подія copy. У GTM створюємо призначену для користувача змінну типу "змінна рівня даних" з ім'ям "selected_text" і тригер типу "користувача подія" з ім'ям "copy". Якщо раніше ви вже створювали змінну і тригер в інтерфейсі GTM для відправки даних в Google Analytics, немає необхідності робити це знову. Їх можна використовувати і в призначеному для користувача тезі, який буде відправляти інформацію в Метрику. Для того, щоб використовувати в цьому коді змінні GTM, необхідно вказувати їх у подвійних фігурних дужках. Так, для того, щоб записати в goalParams дані про скопійованому тексті, ми звертаємося до створеної раніше змінної GTM {{selected_text}}.

<Script>

var goalParams = {copy_text: {{selected_text}}};

yaCounter ХХХХХХ. reachGoal ( 'copy', goalParams);

</ Script>

Перевірити надходження даних можна, також скориставшись консоллю

і безпосередньо в звіті "Параметри візитів".

Перед створенням ієрархічну структуру даних, слід використовувати код виду:

var goalParams = { "level1": { "level2": [ "level3_1", "level3_2"]}};

Наприклад, для того, щоб в розглянутому прикладі передати дані не тільки про те, що було скопійовано, а й з якої сторінки сайту було виконано цю дію, можна використовувати таку структуру.

var goalParams = {copy_event: {copy_text: {{selected_text}}, copy_page: {{Page Path}}}};

Ще мені іноді буває зручно передавати різні дані в одному записі. Можливо, вам це теж стане в нагоді. Наприклад, щоб у звіті дані про копійованому тексті і сторінці, на якій було скоєно це дія, були представлені одним рядком, як на скріншоті нижче

потрібно застосувати конкатенацію - провести об'єднання строкових значень і значень змінних. В даному випадку нам необхідно вказати значення змінних {{selected_text}} і {{Page Path}} і логічно зв'язати їх в одне речення. Конкатенація строкових значень в JavaScript здійснюється за допомогою оператора "+".

<Script>

var sel_text = {{selected_text}};

var page_path = {{Page Path}};

var goalParams = {copy_event: 'copy_text' + sel_text + 'copy_page' + page_path};

yaCounter ХХХХХХ. reachGoal ( 'copy', goalParams); </ Script>

Передача параметрів візитів в довільний момент часу

Іноді виникає необхідність доповнення зібраних системою даних про відвідування сайту власними. Для таких випадків Яндекс.Метрика надає можливість передачі параметрів візитів. Після настройки відстеження ці дані будуть доступні в інтерфейсі Метрики і дадуть можливість додатково сегментувати аудиторію сайту. Для того, щоб відправити у систему дані параметрів візиту в довільний момент часу (не прив'язуючи цю інформацію до досягнення мети, як в попередньому пункті) можна використовувати метод params.

<Script>

var myParams = {myParam: 123};

yaCounterXXXXXX. params (myParams);

</ Script>

Розглянемо приклад. В одній з попередніх статей я писала про те, як можна відстежити глибину скролінгу і точний час перебування користувача на сторінці в Google Analytics, використовуючи GTM. Такий метод аналізу може бути корисний для одностранічнік, а також тематичних ресурсів з метою отримання уявлення про цінності публікується контенту для відвідувачів вашого сайту. Якщо ви ще не використовуєте його для свого сайту, рекомендую ознайомитися докладніше з тим, як це може бути застосовано на практиці. Якщо ж ви вже виконали всі кроки налаштування з цього керівництва, то Вам достатньо одного нескладного тега, за допомогою якого ця інформація може бути відправлена ​​в Яндекс.Метрику. Скористаємося методом params для передачі даних про скроллинге і точний час на сторінці в момент завершення роботи користувача зі сторінкою (її закриття, оновлення або перехід на іншу сторінку). 1.Создать новий користувальницький тег HTML в GTM. У текстове поле вставляємо наведений нижче код.

<Script>

var Scroll_Params = {time_on_page: {{time_on_page_interval}}, percent_of_scrolling: {{percent_of_scrolling_interval}}};

yaCounter ХХХХХХ. params (Scroll_Params);

</ Script>

2. Як тригера використовуємо для користувача подія "Scroll to", детально описане тут . Усе! Радіємо додатковим даними в інтерфейсі Яндекс.Метрики =)

Зазначу, що при налаштуванні передачі параметрів візитів методом params теж можна подавати інформацію в зручному для вас вигляді (наприклад, за допомогою ієрархічної структури даних або конкатенації значень змінних і текстового опису, які я описувала раніше). Довідкові матеріали по параметрам візитів в Яндекс.Метрика.