Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Cервис мониторинга Google AdWords Quality Score
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
26
Отследить-посылку

Отследить-посылку

отследить-посылку.рф

25
Битрикс24

Битрикс24

www.bitrix24.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Логомашина

Логомашина

logomachine.ru

12
Devicerra

Devicerra

devicerra.com

11
Reader

Reader

Интернет-журнал о современных технологиях.

9
ADN Digital Studio

ADN Digital Studio

adn.agency

9
Aword

Aword

Приложение для изучения английских слов

9
GIFTD

GIFTD

giftd.tech

8
Eczo.bike

Eczo.bike

www.eczo.bike

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк во ВКонтакте

Отслеживаем скачивание файла через Google Tag Manager (GTM)

3 615 7 В избранное Сохранено
Авторизуйтесь
Вход с паролем
В этой небольшой статье попытаюсь рассказать, как можно быстро и просто настроить отслеживание загрузки всех файлов определенного типа на сайте.

Существует большое количество сайтов, на которых можно скачать файлы (от прайс листов до различного рода документации). Благодаря новой версии Google Tag Manager настроить отслеживание скачивания любого из этих файлов можно за 5 минут. Сейчас мы подробно разберем как это сделать.

PS. У кого еще не стоит GTM настоятельно рекомендую установить его - это один из самых полезных и удобных инструментов за последнее время (особенно новая версия).

Я создал простую тестовую страницу с 4 файлами основных типов (Excel, Word, PDF, ZIP), на которой ничего нет, кроме GTM и ссылок на файлы.

b_5555c88e56b13.jpg

Настройка Google Tag Manager

Через GTM я добавил счетчик Google Analytics(не буду объяснять как это делается, у пользователей GTM он уже стоит в 99% случаев).

Настраиваем тег и триггер активации для отслеживания наших скачиваний:

b_5555c2f3bb1d4.jpg

Создаем новый тег, выбираем продукт - Google Analytics, тип тега - Universal Analytics, вводим код своего счетчика GA и выбираем тип отслеживания — Событие. Дальше идет настройка параметров события (категория, действие, ярлык, ценность). Здесь каждый может ввести нужные ему значения(я выбрал такие).

Категория - download (будет легко потом фильтровать только события загрузки файла).

Действие - {{Click URL}} - переменная, которая будет передавать в GA ссылку на скачиваемый файл.

Ярлык - {{Click Text}} - переменная, которая передаст в GA текст ссылки файла(его имя).

Значение - 0.

В условиях активации создаем новый триггер со следующими значениями:

b_5555c5bf5bd6e.jpg

Выбор события - Клик(будем отслеживать определенные клики).

Настройка триггера:

Тип триггера — Клик.

Условия активации — Click URL (адрес ссылки, по которой будет клик) соответствует регулярному выражению — \.(xlsx|pdf|docx|zip)$. Такое выражение означает, что тег будет срабатывать только тогда, когда был совершен клик. Окончание ссылки соответствует одному из типов xlsx,pdf,docx,zip (это основные расширения файлов, которые чаще всего встречаются на сайтах, если вам необходимо добавить другие расширения - просто добавьте их разделяя прямой чертой).

Сохраняем триггер и тег и публикуем изменения.

Отладка

Проверяем, правильно ли у нас активируются наши теги через инструмент отладки GTM:

b_5555c6541b112.jpg

Все верно, при загрузки страницы активируется только тег Google Analytics, отслеживание скачивания — неактивно.

Пробуем скачать все наши файлы и смотрим, что показывает Google Analytics:

b_5555c7118ec82.jpg

Все 4 события отобразились в GA, видно название файла и его ссылка.

Вот и всё, буквально за 5 минут мы настроили отслеживание скачивания нужных нам файлов на всех страницах сайта сразу.

Надеюсь, статья окажется полезной и люди, которые еще не используют GTM присмотрятся к нему повнимательнее. Если у посетителей Spark есть интерес к Google Tag Manager, могу и дальше писать посты о нем, жду ваших комментариев ;)

+9
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Первые Новые Популярные
Таня
Привет! Спасибо за статью, круто что в новом интерфейсе! Хотелось бы у уточнить, как задать переменную download, которую Вы указываете в категории? Её же нужно дополнительно создать?
Ответить
Дима Белянин
Столкнулся с проблемой: этот код не работает, если человек нажимает правой кнопкой - сохранить как. Есть какое-то решение для такого случая?
Ответить
adStein
Cервис мониторинга Google AdWords Quality Score
Константин
Хороший вопрос. Самому стало интересно, если найду ответ, обязательно отпишусь)
Ответить
pasha
Спасибо. Прочитал и затестил сразу. Все с первого раза.
Статьи написаны в мегапонятном стиле и не приходится перечитывать по несколько раз, в отличие от других блогов)
Пишите почаще. Вас интересно читать!
Ответить
adStein
Cервис мониторинга Google AdWords Quality Score
Константин
Спасибо, приятно слышать. Рад, что статья смогла чем то помочь)
Ответить
pasha
Константин, напишите, пожалуйста, сталкивались ли Вы с событием увеличение фото карточки товара? Я пробовал проделать как с вариантом скачать файл, но к сожалению, этот метод не работает. Буду признателен за помощь) Спасибо!
Ответить
Максим Мещеряков
Интерфейс вновь обновился в GTM. Ни *ера не получается
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать