Внедрение кода отслеживания OWOX BI через Google Tag Manager

Для завершения настройки потока сбора данных о поведении пользователей сайта в Google BigQuery, вам нужно внедрить код отслеживания OWOX BI на страницы сайта. Если вы используете Google Tag Manager для отправки данных с сайта в Google Analytics, вы можете использовать его и для интеграции кода отслеживания OWOX BI.

Перед внедрением кода отслеживания, рекомендуем проверить настройки Content Security Policy вашего веб-сайта. Для корректной работы GTM-переменной customTask типа Собственный код JavaScript (Custom JavaScript), в HTTP-заголовок Content-Security-Policy необходимо добавить директиву script-src с ключевыми словами unsafe-eval и unsafe-inline и указанием ресурсов GTM в следующем виде: script-src 'unsafe-eval' 'unsafe-inline' https://tagmanager.google.com/  https://www.googletagmanager.com/. Такая запись означает, что вы определяете ресурсы GTM как безопасные источники и позволяете использовать на своем веб-сайте встроенные скрипты и динамическую оценку кода из этих источников. Внесение указанных директив в Content Security Policy вашего веб-сайта является обязательным для корректной работы кода отслеживания.

Как настроить отправку данных с сайта в Google BigQuery через Google Tag Manager

Шаг 1: Создайте переменную customTask

1. Откройте страницу Переменные, в разделе Пользовательские переменные нажмите Создать.Custom_task_ru_1.png

2. В открывшемся окне, кликните по блоку Конфигурация переменной, выберите тип переменной Собственный код JavaScript (Custom JavaScript).Custom_task_ru_2.png

3. Назовите переменную customTask и в пункте Собственный код JavaScript вставьте код отслеживания OWOX BI.Custom_task_ru_3.png

Код можно найти на странице вашего потока: Настройка > Код для сбора данных о хитах и сессиях, либо скопировать ниже:

function() {
return function(tracker){
if("undefined"===typeof tracker.get("OWOXBIStreaming")){var f=tracker.get("sendHitTask"),h=function(){function d(c){var a=!1;try{document.createElement("img").src=e(!0)+"?"+c,a=!0}catch(k){}return a}function e(c){var a="https://google-analytics.bi.owox.com/"+encodeURIComponent(tracker.get("trackingId"));c||(a+="?tid="+encodeURIComponent(tracker.get("trackingId")));return a}return{send:function(c){var a;if(!(a=2036>=c.length&&d(c))){a=!1;try{a=navigator.sendBeacon&&navigator.sendBeacon(e(),
c)}catch(g){}}if(!a){a=!1;var b;try{window.XMLHttpRequest&&"withCredentials"in(b=new XMLHttpRequest)&&(b.open("POST",e(),!0),b.setRequestHeader("Content-Type","text/plain"),b.send(c),a=!0)}catch(g){}}return a||d(c)}}}();tracker.set("sendHitTask",function(d){f(d);h.send(d.get("hitPayload"));tracker.set("OWOXBIStreaming",!0)})}}
}

4. Нажмите Сохранить, чтобы добавить код в вашу переменную customTask.Custom_task_ru_3-2.png

Шаг 2: Добавьте переменную customTask в теги Universal Analytics

На этом этапе необходимо добавить переменную customTask во все теги Universal Analytics, по которым вы хотите отправлять данные в Google BigQuery. Выберите один из указанных ниже способов:

Чтобы получать полные данные обо всех событиях, добавьте поле customTask во все теги Universal Analytics. Например, в теги для отслеживания целей, транзакций и т.д.

Нельзя использовать больше одного customTask в одном теге GTM. Функция каждого следующего customTask заменяет функцию предыдущего.
Если вам критически важно использовать несколько функций customTask в одном теге, объедините их JavaScript-код в рамках одного customTask.
Учтите, что любые модификации кода OWOX BI могут привести к сбоям в сборе данных.

Добавление customTask в теги через задание дополнительного поля

1. Зайдите в настроенный тег Universal Google Analytics. Перейдите в режим редактирования конфигурации тега, кликнув на иконку редактирования.

GA_settings_variable_3.png

2. Выберите Дополнительные настройки > Поля, которые необходимо задать > +Поле. В Название поля укажите customTask, а в Значении — {{customTask}}.Custom_task_ru_5.png

3. Нажмите Сохранить.

Далее, завершите настройки, выполнив шаги 3 и 4 из текущей статьи.

Добавление customTask в теги через переменную типа Настройки Google Analytics (Google Analytics Settings)

Данный способ требует предварительного создания переменной типа Настройки Google Analytics. Следуйте инструкции ниже:

1. Откройте страницу Переменные, в разделе Пользовательские переменные нажмите Создать.

Custom_task_ru_1.png

2. В открывшемся окне, кликните по блоку Конфигурация переменной, под заголовком Утилиты выберите тип переменной Настройки Google Analytics (Google Analytics Settings).

GA_settings_variable.png

3. В настройках переменой укажите Имя переменной (для удобства можно использовать ваш идентификатор отслеживания), а также Идентификатор отслеживания – идентификатор вашего ресурса Google Analytics, в который должны собираться данные.

4. Перейдите в блок Дополнительные настройки > Поля, которые необходимо задать. В Название поля укажите customTask, а в Значении {{customTask}}.

GA_settings_variable_2.png

5. Зайдите в настроенный тег Universal Google Analytics. Перейдите в режим редактирования конфигурации тега, кликнув на иконку редактирования. 

GA_settings_variable_3.png

6. Добавьте созданную переменную типа Настройки Google Analytics в поле Настройки Google Analytics.

GA_settings_variable_4.png

7. Нажмите Сохранить.

Далее, завершите настройки, выполнив шаги 3 и 4 из текущей статьи.

Шаг 3: Проверьте правильность работы тегов

Отредактировав и сохранив все теги Universal Analytics, убедитесь, что они работают корректно. Такую проверку важно выполнить до публикации контейнера.

Для этого включите режим предварительного просмотра для текущей рабочей области. Далее откройте сайт, на котором размещен данный контейнер, и проделайте несколько тестовых кликов на веб-странице. Для просмотра результатов теста перейдите в консоль отладки GTM, что расположена в нижней части окна браузера.  В левой колонке консоли выберите событие Click, после чего в верхней панели переключитесь на вкладку Переменные (Variables). В списке переменных найдите customTask. При корректной работе тегов, для переменной customTask будет получено значение 'Function'.

customTask_function.png

Если для переменной customTask было получено значение 'Undefined', следует проверить правильность выполнения Шагов 1 и 2 в данной статье. Возможные причины некорректной работы customTask:
- неверно скопирован код отслеживания OWOX BI в переменную customTask;
- используется больше одного customTask в одном теге GTM;
- ресурсы GTM не внесены в "белый список” в Content Security Policy вашего веб-сайта.

Шаг 4: Опубликуйте контейнер Google Tag Manager

Если теги работают корректно, опубликуйте контейнер. 

Чтобы убедиться, что код отслеживания внедрен правильно и работает, зайдите на страницу вашего потока данных о поведении пользователей в OWOX BI. Далее, перейдите в указанный вами набор данных Google BigQuery.

Custom_task_ru_6.png

Если код интегрирован правильно, то в набор данных будет добавлена таблица "streaming_". В течении 2-5 минут после установки кода в данной таблице появятся первые данные о хитах.

Через 24 часа после настройки, на странице потока перейдите на вкладку Хиты. Если все настроено верно, вы увидите статус Данные собраны.Custom_task_ru_7.png

На следующий день после сбора данных о хитах за сутки, в соседней вкладке Сессии появится информация о собранных сессиях. Данные о сессиях будут доступны и в вашем наборе данных Google BigQuery.

Если после настройки и начала сбора данные в Google BigQuery и Google Analytics расходятся, изучите информацию о возможных причинах расхождений в нашей статье.

Дополнительные возможности

Сбор данных только в BigQuery и блокирование их отправки в Google Analytics

Это может быть полезным, если вы хотите избежать превышения лимитов Google Analytics или ваш сайт генерирует больше хитов, чем может принять Google Analytics, и вы не хотите собирать в Google Analytics неполные данные.

Для этого в переменной customTask вместо кода со страницы потока укажите этот код:

function() {
return function(tracker){
if("undefined"===typeof tracker.get("OWOXBIStreaming")){var f=tracker.get("sendHitTask"),h=function(){function d(c){var a=!1;try{document.createElement("img").src=e(!0)+"?"+c,a=!0}catch(k){}return a}function e(c){var a="https://google-analytics.bi.owox.com/"+encodeURIComponent(tracker.get("trackingId"));c||(a+="?tid="+encodeURIComponent(tracker.get("trackingId")));return a}return{send:function(c){var a;if(!(a=2036>=c.length&&d(c))){a=!1;try{a=navigator.sendBeacon&&navigator.sendBeacon(e(),
c)}catch(g){}}if(!a){a=!1;var b;try{window.XMLHttpRequest&&"withCredentials"in(b=new XMLHttpRequest)&&(b.open("POST",e(),!0),b.setRequestHeader("Content-Type","text/plain"),b.send(c),a=!0)}catch(g){}}return a||d(c)}}}();tracker.set("sendHitTask",function(d){h.send(d.get("hitPayload"));tracker.set("OWOXBIStreaming",!0)})}}
}

Сбор особых значений с сайта только в Google BigQuery

Если вам нужно собрать в Google BigQuery данные, которые код отслеживания Google Analytics не обрабатывает (например, личные данные вроде номеров телефонов и адресов электронной почты), вы можете создать отдельный тег Google Tag Manager и использовать в нем customTask для сбора таких данных только в Google BigQuery. Как это сделать — читайте в этой статье.

 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 2
Еще есть вопросы? Отправить запрос

0 Комментарии

Войдите в службу, чтобы оставить комментарий.