Як налаштувати відстеження подій Google Analytics

  • Поділитися Цим
Kimberly Parker

Отже, ви створили свій веб-сайт.

Ви спланували свій контент-календар.

І ви навіть створили обліковий запис Google Analytics, щоб почати відстежувати життєво важливі для вашого бізнесу показники.

Приголомшливо! Але ви, напевно, запитуєте себе: "Що тепер?"

Після того, як ви заклали основу для веб-сайту вашого бізнесу, настав час налаштувати відстеження подій за допомогою Google Analytics.

Це дозволяє відстежувати та реєструвати дані, які зазвичай не реєструються в Google Analytics, надаючи вам доступ до великої кількості даних, які ви не змогли б виміряти в інший спосіб.

І є два шляхи, якими ви можете піти до його створення:

  1. Вручну. Це вимагає трохи додаткового ноу-хау кодування.
  2. Google Tag Manager (рекомендовано) Для цього не потрібно майже ніяких знань з кодування.

Розглянемо обидва способи налаштування відстеження подій в Google Analytics, а також подивимося, як саме працює інструмент.

Але спочатку...

Бонус: Отримайте безкоштовний шаблон звіту з аналітики соціальних мереж який показує найважливіші показники для відстеження для кожної мережі.

Для чого використовується відстеження подій Google Analytics?

Щоб зрозуміти відстеження подій Google Analytics, спочатку потрібно зрозуміти, що таке "Подія".

"Подіями є взаємодія користувача з контентом, яка може бути відстежена незалежно від веб-сторінки або завантаження екрану за даними Google". Завантаження, кліки на мобільну рекламу, гаджети, Flash-елементи, вбудовані елементи AJAX і відтворення відео - все це приклади дій, які ви можете відстежувати як події. ."

Елементи можуть включати такі речі, як кнопки, відео, лайтбокси, зображення та подкасти.

Таким чином, відстеження подій Google Analytics - це просто спосіб, за допомогою якого GA вимірює та реєструє різноманітні показники, пов'язані із взаємодією відвідувачів з цими елементами.

Наприклад, якщо ви хочете побачити, скільки людей завантажують PDF-файл, розміщений на вашому веб-сайті, ви можете налаштувати його так, щоб Google Analytics фіксував цю подію кожного разу, коли вона відбувається.

Деякі інші речі ви можете зафіксувати за допомогою відстеження подій:

  • # натискань на кнопку
  • # переходів за вихідними посиланнями
  • # Кількість разів, коли користувачі завантажували файл
  • # Кількість разів, коли користувачі поділилися публікацією в блозі
  • Скільки часу користувачі проводять за переглядом відео
  • Як користувачі рухали мишкою на сторінці
  • Відмова від експлуатації родовища

У поєднанні з цілями Google Analytics відстеження подій може допомогти довести рентабельність інвестицій в маркетингову кампанію.

Тепер, коли ми точно знаємо, для чого використовується відстеження подій Google Analytics, давайте розглянемо як він відстежує події.

Як працює відстеження подій?

Відстеження подій використовує спеціальний фрагмент коду, який ви додаєте до елементів, які ви хочете відстежувати на своєму веб-сайті. Кожного разу, коли користувачі взаємодіють з цим елементом, код повідомляє Google Analytics про те, щоб записати подію.

І є чотири різні компоненти, які входять до вашого коду відстеження подій:

  • Категорія. Ім'я, яке ви даєте елементам, які хочете відстежувати (наприклад, відео, кнопки, PDF-файли).
  • Мотор. Тип взаємодії, яку ви хочете записати (наприклад, завантаження, відтворення відео, натискання кнопок).
  • Етикетка (за бажанням). Додаткова інформація про подію, яку ви відстежуєте (наприклад, назва відео, яке відтворюють користувачі, назва електронної книги, яку завантажують користувачі).
  • Значення (необов'язкове). Числове значення, яке ви можете присвоїти елементу відстеження.

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

Це означає, що коли він буде вбудований на веб-сторінку, він надішле інформацію та метрики щодо події, яку ви хочете записати, назад до вашого облікового запису GA у вигляді звіту про подію.

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

Як налаштувати відстеження подій вручну

З-поміж двох методів цей є найскладнішим, але аж ніяк не неможливим.

Вам не потрібно мати ступінь магістра комп'ютерної інженерії, щоб виконати базовий бекенд-код на своєму веб-сайті. Якщо ви виконаєте наведені нижче кроки, ви зможете зробити це (в основному) безболісно.

Крок 1: Прив'яжіть свій сайт до Google Analytics

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

Після цього вам потрібно буде знайти свій ідентифікатор відстеження Google Analytics. Це буде фрагмент коду, який пов'язує ваш обліковий запис GA з вашим веб-сайтом.

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

Джерело: Google

Ідентифікатор відстеження - це рядок цифр, який вказує Google Analytics надсилати вам аналітичні дані. Це номер, який виглядає як UA-000000-1. Перший набір цифр (000000) - це номер вашого особистого облікового запису, а другий набір (1) - це номер власності, пов'язаний з вашим обліковим записом.

Він є унікальним для вашого веб-сайту та ваших персональних даних, тому не повідомляйте ідентифікатор відстеження нікому публічно.

Після того, як ви отримаєте свій ідентифікатор відстеження, вам потрібно буде додати фрагмент після тегу кожної сторінки на вашому веб-сайті.

Якщо ви використовуєте WordPress, ви можете зробити цей процес ще простішим, встановивши та активувавши плагін Insert Headers and Footers. Це дозволить вам додати будь-який скрипт до верхнього та нижнього колонтитулів на всьому вашому веб-сайті.

Джерело: WPBeginner

Крок 2: Додайте код відстеження подій на свій сайт

Тепер настав час створювати та додавати коди відстеження подій.

Код відстеження події складається з чотирьох елементів, про які ми згадували вище (тобто категорія, дія, мітка і значення). Разом ви використовуєте їх для створення фрагмента коду відстеження, який виглядає наступним чином:

onclick=ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue]);"

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

Тож у підсумку це виглядатиме приблизно так:

//www.yourwebsitelink.net" onclick="ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue]);">LINK NAME

Розглянемо приклад:

Скажімо, ваша компанія хоче відстежувати кількість завантажень, отриманих на лід-магніт PDF. Ваш код відстеження подій може виглядати наступним чином:

//www.yourwebsitelink.net/pdf/lead_magnet.pdf" onclick="ga('send', 'event', [PDF], [Download], [Awesome Lead Magnet]);">СТОРІНКА ЗАВАНТАЖЕННЯ LEAD MAGNET

Тепер кожного разу, коли хтось завантажує PDF-файл, він буде записаний і надісланий на вашу сторінку звітів про події Google Analytics, до якої ми й підходимо:

Крок 3: Знайдіть свій звіт про подію

Перейдіть на головну інформаційну панель Google Analytics вашого веб-сайту. Натисніть на "Події" в розділі "Поведінка" на лівій бічній панелі.

Там ви знайдете чотири звіти про події, які можна переглянути:

  • Огляд. Цей звіт надає вам широкий огляд подій на вашому веб-сайті. Ви зможете побачити унікальну та загальну кількість разів, коли користувачі взаємодіяли з елементами, які ви відстежуєте, а також загальну вартість цих подій.
  • Головні події. Цей звіт показує, наскільки популярними є певні події, з відображенням найпопулярніших категорій подій, акцій та міток.
  • Сторінки. Цей звіт надає вам розбивку, на яких сторінках відбуваються події, які ви відстежуєте.
  • Події течуть. Цей звіт дає вам візуалізацію користувацького досвіду. Ви зможете побачити "порядок, в якому користувачі запускають Події на вашому сайті".

Дивіться відео нижче для отримання додаткової інформації.

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

Бонус: Отримайте безкоштовний шаблон звіту з аналітики соціальних мереж який показує найважливіші показники для відстеження для кожної мережі.

Отримайте безкоштовний шаблон прямо зараз!

Як налаштувати відстеження подій за допомогою Google Tag Manager

Тепер, коли ви знаєте, як вручну налаштувати відстеження подій Google Analytics, давайте розглянемо більш простий спосіб: Google Tag Manager (GTM).

GTM - це система управління мітками, яка пропонується для вільний від Google.

Платформа отримує дані з вашого веб-сайту та надсилає їх на інші платформи, такі як Facebook Analytics та Google Analytics, майже без внутрішнього кодування з вашого боку.

Ви зможете оновлювати та додавати теги до коду Google Analytics без необхідності вручну писати код на задній панелі. Це заощадить вам багато часу в майбутньому.

Наприклад, якщо ви намагаєтеся відстежити кількість завантажень PDF-файлу. Використовуючи вищевказаний метод, вам доведеться змінити всі посилання для завантаження скрізь на вашому веб-сайті, щоб зробити це.

Однак, якщо у вас є GTM, ви зможете додати новий тег для відстеження кількості завантажень.

Давайте подивимося, як саме ви можете налаштувати GTM, щоб полегшити і спростити відстеження подій.

Крок 1: Налаштуйте Google Tag Manager

Створіть обліковий запис на інформаційній панелі Google Tag Manager.

Введіть ім'я облікового запису, що відображає назву вашого бізнесу. Потім виберіть свою країну, виберіть, чи хочете ви ділитися даними з Google, і натисніть кнопку "Продовжити".

Після цього ви потрапите на цю сторінку:

Тут ви встановите контейнер.

Контейнер - це відро, яке містить всі "макроси, правила і теги" для вашого сайту.

Дайте контейнеру описову назву і виберіть тип контенту, з яким він буде пов'язаний (Web, iOS, Android або AMP).

Потім натисніть кнопку створити, ознайомтеся з Умовами надання послуг і прийміть їх. Після цього ви отримаєте фрагмент коду встановлення контейнера.

Це єдиний фрагмент коду, який ви будете вставляти в серверну частину вашого веб-сайту, щоб керувати тегами.

Для цього скопіюйте та вставте два фрагменти коду на кожну сторінку вашого сайту. Як зазначено в інструкції, перший - в шапці, а другий - після відкриття тіла.

Як і у випадку з Google Analytics, ви можете зробити цей процес ще простішим, встановивши та активувавши плагін Insert Headers and Footers. Це дозволить вам додати будь-який скрипт до верхнього та нижнього колонтитулів на всьому вашому веб-сайті.

Крок 2: Увімкніть вбудовані змінні

Тепер вам потрібно переконатися, що вбудовані змінні GTM увімкнені, щоб створити ваші теги.

На головній інформаційній панелі GTM натисніть "Змінні" на бічній панелі, а потім натисніть "Налаштувати" на наступній сторінці.

Звідси ви зможете вибрати всі змінні, які ви хочете відстежувати. Переконайтеся, що ви позначили ці змінні галочкою у відповідних полях.

Після того, як ви вибрали всі ваші змінні, ви зможете створити тег.

Крок 3: Створіть тег

Перейдіть на інформаційну панель Google Tag Manager і натисніть кнопку "Додати новий тег".

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

На ньому ви побачите, що ви можете налаштувати дві області вашого тегу:

  • Конфігурація. Куди підуть дані, зібрані міткою.
  • Запуск. Який тип даних ви хочете зібрати.

Натисніть на кнопку "Конфігурація тегу", щоб вибрати тип тегу, який ви хочете створити.

Щоб створити тег для Google Analytics, вам потрібно вибрати опцію "Універсальна аналітика".

Після того, як ви натиснете на нього, ви зможете вибрати тип даних, які ви хочете відстежувати. Зробіть це, а потім перейдіть до "Налаштування Google Analytics" і виберіть "Нова змінна..." у випадаючому меню.

Після цього з'явиться нове вікно, де ви зможете ввести свій ідентифікатор відстеження Google Analytics. Це надішле дані вашого веб-сайту безпосередньо в Google Analytics, де ви зможете їх переглянути пізніше.

Після цього перейдіть до розділу "Запуск", щоб вибрати дані, які ви хочете відправити в Google Analytics.

Як і у випадку з "Конфігурацією", натисніть на кнопку "Тригер", щоб перейти на сторінку "Виберіть тригер". Звідси натисніть на "Всі сторінки", щоб він відправив дані з усіх ваших веб-сторінок.

Коли все сказано і зроблено, ваш новий тег повинен виглядати приблизно так:

Тепер просто натисніть на збереження і вуаля! У вас є новий Google Tag, який відстежує і відправляє дані на вашу сторінку Google Analytics про ваш сайт!

Що далі?

Після того, як ви налаштували відстеження подій в Google Analytics, вітаємо! Ви на шляху до отримання більш повної та всебічної картини вашого веб-сайту, бізнесу та цільової аудиторії.

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

Обов'язково ознайомтеся з кількома нашими статтями нижче, які допоможуть вам отримати максимальну віддачу від використання Google Analytics та ROI:

  • 6-крокове керівництво по відстеженню соціальних мереж за допомогою Google Analytics
  • Як довести (і поліпшити) ROI соціальних мереж
  • Як налаштувати Google Analytics

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

Залучайте більше трафіку на свій сайт за допомогою SMMExpert. З єдиної панелі ви можете керувати всіма своїми профілями в соціальних мережах і вимірювати успіх. Спробуйте безкоштовно.

Початок роботи

Кімберлі Паркер — досвідчений професіонал із цифрового маркетингу з понад 10-річним досвідом роботи в галузі. Будучи засновником власного маркетингового агентства в соціальних мережах, вона допомогла численним компаніям у різних галузях створити та розширити свою присутність в Інтернеті за допомогою ефективних стратегій у соціальних мережах. Кімберлі також є плідним письменником, вона написала статті про соціальні медіа та цифровий маркетинг у кількох авторитетних виданнях. У вільний час вона любить експериментувати з новими рецептами на кухні та ходити на довгі прогулянки зі своїм собакою.