<
  • Главная
Статьи

Яндекс.Метрика і Google Tag Manager

  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>

</ Script>

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

Метрики =)

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

Com/?


Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью