Встановлення кодів аналітики на сайти і налаштування подій через GTM
UTM-мітка як змінна, яка додається в URL-адресу рекламованої сторінки і дозволяє системі веб-аналітики отримати додаткову інформацію про джерело переході по посиланню. Знайомство зі способами та методами встановлення кодів аналітики на сайті через GTM.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | реферат |
| Язык | украинский |
| Дата добавления | 14.11.2019 |
| Размер файла | 1,2 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Встановлення кодів аналітики на сайти і налаштування подій через GTM
1.UTM-мітки
сайт аналітика інформація
Для будь-якого інтернет-сайту - і невеликого інтернет-магазину, і великої площадки - важливе розуміння рівня конверсії в розрізі використовуваних джерел залучення трафіку. Як правило, різні джерела трафіку конвертуються в цільові дії з різною ефективністю. Як же дізнатися, які маркетингові канали дійсно призводять покупців на сайт? Відповісти на це питання допоможуть системи інтернет-аналітики і UTM-мітки.
Рис.1
UTM-мітки допомагають отримати детальну інформацію про кожному джерелі трафіку. Наприклад, визначити, які рекламні кампанії не ефективні і не приносять прибутку. Що допомагає оперативно вносити зміни на сайті і перерозподіляти рекламний бюджет.
Щоб правильно використовувати UTM-мітки, потрібно розуміти, що таке UTM-мітки і з чого вони складаються.
UTM-мітка (від англ .: Urchin Tracking Module) - змінна, яка додається в URL-адресу рекламованої сторінки і дозволяє системі веб-аналітики отримати додаткову інформацію про джерело переході по посиланню. UTM-мітка складається з - назв параметрів і їх значень.
Наприклад:
www.example.com/?utm_source=google&utm_medium=cpc&utm_campaign=reklama-telefonov
де:
· utm_source / medium / campaign -- це назви параметрів UTM-мітки,
· google / cpc / utm_metki -- їх значення.
· У наведеному прикладі значення міток вказують на наступне:
· google -- рекламна система, джерело, який привів користувача на сайт;
· cpc -- тип трафіку, оплата за клік;
· reklama-telefonov -- назва рекламної кампанії.
Параметри UTM використовуються для сортування даних в системі аналітики і групують змінні, які передаються. Такі назви - статичні і не змінюються. Значення міток, навпаки, можна змінювати і задавати самостійно. У записі пара «параметр = значення» завжди розділяється знаком «дорівнює» (=), а для того, щоб відокремити одну таку пару від іншої, використовується амперсанд (&).
2.Що таке цілі Google Analytics?
Ціль - це якась дія користувача на вашому сайті яку ви відстежуєте для подальшого його аналізу, це може бути як відвідування якихось певних сторінок, або ж ціль натискання клієнтом на кнопку замовити, ціль кнопки зворотного дзвінка, перегляд контактів і т.д ...
При просуванні вашого сайту (не важливо якої тематики) дуже важливо відстежувати цілі та конверсії, для того що б розуміти ефективність просування.
У Google Analytics можна налаштовувати потрібні цілі або ланцюжки цілей, і відслідковувати як дії, так і події.
В загальному що таке цілі на сайті і для чого вони потрібні я думаю вам зрозуміло, ну або ви завжди можете звернутися до великого і могутнього Google.
Зараз я б хотів розпочати все ж таки до найголовнішого питання через яке я і почав писати цю статтю а саме установка цілей Google Analytics на сайт.
У даній статті ми детально і покроково, з картинками і описом, розглянемо підключення Google Analytics цілей на сайт, за основу ми візьмемо інтернет магазин на базі opencart.
Приступимо до налаштування цілей:
Насамперед вам в обов'язковому порядку потрібно додати на сайт саму google метрику, сподіваюся як додати метрикуна сайт пояснювати не потрібно, але якщо ви не знаєте як встановити метрику Google Analytics то пишіть в коментарях допоможемо, і якщо таких питань буде багато напишемо окрему статтю з цього питання.
На сайті можна застосовувати і використовувати багато різних цілей показників, подій, переходів на сторінки, але так як ми говоримо про установку цілей Google Analytics саме в інтернет магазин то для торгівлі я вважаю основними такі цілі як:
1. Ціль - Натискання кнопки Купити
2. Ціль - Перехід до Кошику
3. Ціль - Перехід до Оформлення замовлення
4. Ціль - Сторінка успішного замовлення
Всі цілі дуже просто і легко налаштувати, але така ціль як кнопка купити або ж подібні цілі, мають деякі складності при установці, тим більше якщо у вас встановлені якісь допоміжні модулі, але ми розглянемо саме стандартну кнопку купити.
Так як додавання цілей для кнопки купити найскладніше з описаної статті то я залишу її на самий кінець.
Налаштування цілей переходу (в корзину, оформлення замовлення, успішне замовлення, контакти, будь-яка інша сторінка на сайті).
Ви повинні відразу розуміти що будь-який перехід веде на якусь певну сторінку на сайті, в нашому прикладі це якраз сторінки зазначені нижче.
· Перехід в кошик: http://vachsite.com/index.php?route=checkout/cart
· Оформлення: http://vachsite.com/index.php?route=checkout/checkout
· Підтвердження: http://vachsite.com/index.php?route=checkout/success
В цьому прикладі можна побачити що посилання починаються однаково і їх відмінність тільки в самому посиланню тобто тим що йде після route =, ось ці закінчення нам і потрібні.
І так для додавання цілі Google Analytics насамперед ми звичайно ж переходимо на сам сайт Google Analytics і переходимо в розділ "АДМІНІСТРАТОР" після чого вибираємо сайт для якого будете додавати цілі (якщо у вас їх декілька).
У третьому блоці (Подання) тиснемо кнопку цілі.
Після натискання на кнопку цілі ми потрапляємо на саму сторінку управління цілями Google Analytics, де тиснемо по великій червоній кнопці + МЕТА, після відкриється форма додавання цілі.
Додаємо першу ціль для сайту (перехід).
У формі додавання цілі є багато різних шаблонів, які ви можете використовувати, але в даному випадку ми тиснемо саме на власна, і тиснемо продовжити.
На другому кроці створення цілі Google Analytics нам потрібно вибрати тип цілі та опис цілі, в опис цілі вкажіть зрозумілу назву цілі для вас, і так як це у нас перехід, тиснемо цільова сторінка і натискаємо далі.
Ну і на останньому пункті нам потрібно вказати докладні відомості про ціль, цей пункт напевно найважливіший, так як тут ви повинні визначити вашу ціль, у вас є можливість вибрати значення переходу таке як рівно, починається з або регулярний вираз, якщо ви виберете рівно, то в поле значення вам потрібно вказати саме конкретне повне посилання наприклад http://vachsite.com/index.php?route=checkout/cart, якщо ж вибрати регулярний вираз тоді ви вказуєте і вписуєте саме закінчення урла (яке ми визначили вище в статті) checkout/cart, ну і останнім починається з, тут думаю все зрозуміло. Загалом тут будьте дуже уважні, інакше ціль не буде працювати, після заповнення форми тиснемо зберегти.
Ну ось в принципі і все що потрібно зробити, все те ж саме ви робите і для інших сторінок, для яких ви хочете визначати цілі.
Ну що ж, тепер давайте приступимо до пункту який трохи складніший, а саме для різних кнопок на сайті, таких як купити, замовити дзвінок і інших які використовуються на сайті.
В даному прикладі я нагадаю ми всі дії проводимо на інтернет магазині opencart, і зараз розглянемо варіант додавання цілі подія на кнопку купити в картці товару.
Додаємо ціль натискання кнопки.
Робимо все по аналогії як вище, тобто створити ціль, обираємо не шаблонну а власну, і на другому пункті вибираємо вже тип не цільова сторінка а подія, вказуємо зрозумілу назву, і тиснемо далі.
Рис.2
На третьому пункті в умовах події нам потрібні будуть тільки два значення категорія та дія.
Категорія умови події - це значення до якого буде прив'язана умова цілі в даному випадку це кнопка покупки, ви можете вказати будь-яке зрозуміле для вас значення, наприклад "knopkapay"
Дія для умови події - Визначає що саме робить дана категорія, так як у нас це натискання кнопки купити то ми пишемо Press.
Рис.3
Для того що б ціль працювала нам потрібно додати в кнопку спеціальний код за яким google і буде розуміти що потрібно відстежувати.
Сам код цілі Google Analytics має наступний вигляд:
onClick="ga('send', 'event', 'knopkapay', 'Press');"
Тепер нам потрібно зайти на свій сайт використовуючи будь-який менеджер фтп (рекомендую FileZilla), і відкрити для редагування файл в якому знаходиться код нашої кнопки, так як ми говоримо про інтернет магазин opencart то вам потрібно відкрити файл який знаходиться по шляху catalog/view/theme/default/template/product/product.tpl
В даному файлі знаходиться код кнопки:
<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" />
і додаємо в нього код цілі Google Analytics щоб в результаті вийшло так:
<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" onclick="ga('send', 'event', 'knopkapay', 'Press');">
Тобто ми додали до кнопки onclick код цілі.
Все ваша мета по кнопці купити працює.
3.Як фіксувати події в Google Tag Manager 2.0
У новій версії Google Tag Manager дещо змінився принцип роботи з подіями, тепер немає стандартних тегів прослуховування кліків та інших подій. Як же вирішити задачу по фіксації подібних дій?
Насправді все досить просто, проте трохи відрізняється від раніше використовуваної схеми. Нагадаю, в першій версії Google Tag Manager при налаштуванні для фіксації подій використовувалися стандартні теги прослуховування подій і при їх виконанні макрос {{event}} приймав одне зі стандартних значень, наприклад, gtm.click.
У новій версії Google Tag Manager немає необхідності додавати теги прослуховування подій, досить при створенні тригерів (раніше - правила) вказати потрібний тип події і задати правила зіставлення, наприклад, з елементом, за яким виконаний клік.
Розглянемо кілька прикладів:
· клік по елементу, з зазначеним ідентифікатором;
· клік по посиланню, яка веде відвідувача з сайту.
Ці приклади служать тільки для демонстрації нового принципу роботи, але зрозумівши принцип їх роботи ви зможете створювати свої тригери для активації потрібних правил.
Подивимося на фрагмент вихідного коду сторінки сайту:
Рис. 4
Для роботи нам знадобляться стандартні змінні, які за замовчуванням відключені.
Перейдемо до списку змінних:
Рис.5
І вкажемо ті з них, які знадобляться нам:
Рис. 6
Перша змінна буде містити ID елемента, по якому виконаний клік, друга URL, за яким буде виконаний перехід.
Тепер все готово для початку роботи по створенню тригерів фіксують кліки, приступимо.
Перший приклад: клік по елементу, з зазначеним ідентифікатором.
Перейдемо до створення нового тега:
Рис.7
вибираємо тип призначений для користувача HTML:
Рис.8
Натискаємо синю кнопку - продовжити. На другому етапі нам пропонують вказати, за яких умов буде активований тег. Раніше такі умови називалися правилами, тепер це тригери.
Створимо потрібний нам тригер. Оскільки ми фіксуємо клік, то тип події вказуємо як Click:
Рис.9
Після цього нам пропонують вказати умови. Повернемося до вихідного коду сторінки і подивимося, що нас цікавить елемент, у якого ID дорівнює demo_id. Зазначимо ця умова:
Рис.10
Перше поле - стандартна змінна, друге - умова зіставлення, третє - шаблон для зіставлення.
Натискаємо синю кнопку Продовжити і завершуємо створення тригера. Оскільки нам потрібен клік по елементу, який не є посиланням, вибираємо тип тригера Click, в поле Назва - вказуємо зрозумілу назву тригера:
Рис. 11
Зберігаємо в установки повертаємося до форми настройки тега. Тепер необхідно вказати вміст тега:
Рис. 12
Натискаємо кнопку - створити тег. Якщо ви все зробили правильно, то новостворений тег з'явиться в списку ключових слів:
Рис. 13
Тепер перевіримо роботу наших налаштувань, перейдемо в режим перегляду версії контейнера.
Рис.14
У новій версії Google Tag Manager в режимі перегляду активується режим відладчика, додаткових інструментів нам не знадобиться. перевіряємо:
Рис. 15
Працює, як потрібно, подивимося в отладчике:
Рис. 16
Перевіримо через відладчик активацію тега:
Рис. 17
Висновок - всі зроблені налаштування працює, ми фіксуємо клік по потрібному нам елементу.
Висновок
UTM-мітка (від англ .: Urchin Tracking Module) - змінна, яка додається в URL-адресу рекламованої сторінки і дозволяє системі веб-аналітики отримати додаткову інформацію про джерело переході по посиланню. UTM-мітка складається з - назв параметрів і їх значень.
Ціль - це якась дія користувача на вашому сайті яку ви відстежуєте для подальшого його аналізу, це може бути як відвідування якихось певних сторінок, або ж ціль натискання клієнтом на кнопку замовити, ціль кнопки зворотного дзвінка, перегляд контактів і т.д ...
Google Tag Manager - це простий, надійний і безкоштовний Менеджер тегів. За допомогою нього можна створювати і оновлювати теги для сайту або мобільного додатку, простіше використовувати код сторонніх служб, самостійно управляти тегами і займатися тестуванням і налагодженням.
Переваги GTM
Шаблони для інтеграції Google Analytics, різних метрик і так далі.
Можна використовувати призначені для користувача теги.
Попередній перегляд і інструмент налагодження тегів.
Система контролю версій - в будь-який момент можна відкотитися до більш ранньої.
Реалізація асинхронної завантаження тегів, що позитивно позначається на швидкості завантаження сторінок сайту.
Можна налаштовувати текстову підміну на сайті, миттєво змінюючи варіанти.
Список використаної літератури
1.https://skillbox.ru/media/design/chto_takoe_google_tag_manager/
2.https://web-stydia.com/uk/nastraivaem-celi-google-analytics-v-magazine/
3.https://prometriki.ru/kak-fiksirovat-sobitiy-v-google-tag-manager-2-0/
Размещено на Allbest.ru
Подобные документы
Налаштування Internеt Explorer. Конфігурація мереженого інтерфейсу. Встановлення DNS-сервера, asminpak.msi, налаштування TCP/IP. Встановлення DHCP-сервера. Віддалене управління через термінал. Створення користувачів і груп та загальних каталогів.
реферат [991,7 K], добавлен 16.06.2010Розробка та дослідження алгоритмів і програм кодування даних з виявленням помилок на основі циклічних CRC-кодів. Аналіз циклічних кодів. Розробка та тестування програмних модулів. Розрахунок економічних показників. Вирішення питань охорони праці.
дипломная работа [5,4 M], добавлен 22.06.2010Особливості роботи в програмі MS Word. Завантаження MS Word. Автоматична перевірка орфографії. Встановлення режиму відображення "Разметка". Встановлення в якості основної українську мову. Встановлення автоматичного переносу. Зміна параметрів сторінки.
контрольная работа [1,9 M], добавлен 29.08.2010Розробка скриптів, написаних на мові програмування Python, особливості встановлення та налаштування програмного забезпечення для Unix-подібних систем. Скрипт для роботи з операційною системою у відповідності з завданнями, установкою та конфігурацією.
курсовая работа [252,7 K], добавлен 30.06.2019Налаштування BIOS, підготовка операційної системи Windows 7 та її встановлення. Основні параметри та драйвери системи, облікові записи користувачів. Можливості програми заморожування Deep Freeze. Розрахунок витрат на встановлення програмного забезпечення.
дипломная работа [4,8 M], добавлен 19.07.2013Перевірка коду на парність. Формула для підрахунку парності або непарності одиниць в інформаційних розрядах. Побудова групових кодів і їх вживання для виявлення і виправлення помилок. Правила формування перевірочних символів. Використання кодів Хемминга.
лабораторная работа [639,7 K], добавлен 17.12.2010Ключові можливості та сумісність віртуальних тестових машин. VirtualBox в Ubuntu, BackTrack. Поточний стан та опис даної технології. Налаштування спільних папок. Встановлення віртуального тестового сервера, віддалене керування. Тестування на надійність.
курсовая работа [3,7 M], добавлен 24.05.2015Структура інформаційної системи веб-сайту. Узагальнена архітектура кластерної структури. Вимоги до хостингу. Встановлення та налаштування програмного забезпечення. Функція перенаправлення посилань. Система керування базою даних основного кластера.
дипломная работа [871,3 K], добавлен 02.07.2015Розробка програмного забезпечення для отримання звіту по обліку витрат на виробництво - "Відомості зведеної трудомісткості і розцінок на виріб в розрізі номерів цехів і кодів дільниць". Реалізація поставленого завдання в середовищі Turbo Pascal 6.0.
курсовая работа [43,0 K], добавлен 23.04.2010Створення програмного продукту на мові Object Pascal в середовищі візуального програмування Delphi 7.0, що дозволяє отримати необхідну інформацію про штучний інтелект та переглянути відео з теми. Пошук інформації, її отримання з ресурсів мережі Інтернет.
курсовая работа [5,4 M], добавлен 24.09.2013
