Для чего нужен google tag manager

Post on 15-Jun-2015

664 Views

Category:

Education

3 Downloads

Preview:

Click to see full reader

DESCRIPTION

Презентация с выступления Алексея Данилина на вебинаре bewebby.ru 18 июля.

TRANSCRIPT

Алексей Данилин

Для чего нуженGoogle Tag Manager

Что такое Google Tag Manger (GTM)

Сбор данныхТег 1

Тег 2

Тег N

Получатель 1

Получатель 2

Получатель К

Отправка данных

GTM

6 причин использовать GTM

1. Минимум программирования

2. Повышение продуктивности

3. Улучшение точности данных

4. Улучшение производительности

5. GTM все время развивается

6. Он бесплатный

Как GTM работает

Google Analytics

Adwords

Яндекс.Метрика

другие

Что есть в коробке

Интерфейс

Создание элементов

Отладка

Применение. Отслеживание 404 ошибок

1. Создаем тег с типом “Universal Analytics” 2. Создаем 2 макроса с типом “Собственный код JavaScript”

{{Response Code}}function() { var req = {{Get Request}};

try { req.open("GET", '{{url}}', false); req.send(""); } catch (e) { success = false; error_msg = "Error: " + e; }

return req.status;}

{{Get Request}}function getReq() { var req = false; if(window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch(e) { req = false; } } else if(window.ActiveXObject) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { req = false; } } if (! req) { alert("Your browser does not support XMLHttpRequest."); } return req;}

3. Задаем правило активации тега

Применение. Отслеживание отправки формы

1. Создаем тег с типом “Universal Analytics” 2. Создаем тег с типом “Прослушивание отправки форм” и правилом активации на всех страницах

3. Создаем макрос “JS - Сообщение в форме обратной связи” с типом “Собственный код JavaScript”

Пример содержания:function() { var now = $('#forms_msg').val(); return now; }

4. Задаем правило активации для тега Universal Analytics на интересующих нас страницах

Применение. Отслеживание процесса заполнения формы

1. Создаем тег с типом “Пользовательский тег HTML” и правилом активации на нужной нам странице.

2. При заполнении поля формы записываем в dataLayer значение URL виртуальной страницы, например dataLayer.push({'event':'Send','formField':'/forms/resume/name'});

3. Создаем макрос с типом “Переменная уровня данных”

4. Создаем тег с типом “Universal Analytics”

и правилом активации

Применение. Внедрение User ID

1. Создаем макрос с типом “Переменная уровня данных”

2. В тегах Universal Analytics указываем

Алексей ДанилинMiddle SEO SpecialistNetpeak

Спасибо за внимание!

top related