Настройка расшифровки меток _openstat Universal Analytics через Google Tag Manager

Метки Yandex Direct и Google Adwords очень сильно отличаются друг от друга. Итак, метка AdWords — gclid, Direct — yclid и utm метки система Google Analytics распознает без каких либо проблем, в отличие от метки _openstat. Именно при передаче меток openstat в Google Analytics начинаются некоторые сложности, так как система не понимает данную метку.

В сети уже давно есть большое количество решений о том, как распознать в Universal Analytics метки openstat, а вот как реализовать распознавание меток _openstat в Universal Analytics через Google Tag Manager — практически нет. При базовой настройке Google Tag Manager 2.0 необходимо учесть вопрос рекламных кампаний, если используется и Google AdWords и Yandex Direct, то лучше сразу настроить отслеживание меток как Яндекса, так и Гугла.

Метка openstat в Yandex.Direct включается следующим образом:

Дешифратор меток openstat можно найти в сети интернет или скачать на нашем сайте. Метка _openstat зашифрована таким методом, как Base 64. Данные дешифратор меток необходимо установить на сайт, используя при этом Google Tag Manager через обычный пользовательский HTML код. Тип тега Custom HTML Tag.

Функция hasMarker позволяет нам определить следующую информацию о пользователе — по зашифрованной ссылке он попал на сайт или нет.

Скачать код для расшифровки меток openstat в Universal Analytics

[code]

<!— Google Universal Analytics openstat code via GTM by Netpeak start —>
<script type=»text/javascript»>
var OpenStatParser = {
_params: {},
_parsed: false,
_decode64: function (data) {
if (typeof window[‘atob’] === ‘function’) {
return atob(data);
}

var b64 = «ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=»;
var o1, o2, o3, h1, h2, h3, h4, bits, i = 0,
ac = 0,
dec = «»,
tmp_arr = [];

if (!data) {
return data;
}

data += »;

do {
h1 = b64.indexOf(data.charAt(i++));
h2 = b64.indexOf(data.charAt(i++));
h3 = b64.indexOf(data.charAt(i++));
h4 = b64.indexOf(data.charAt(i++));

bits = h1 << 18 | h2 << 12 | h3 << 6 | h4;

o1 = bits >> 16 & 0xff;
o2 = bits >> 8 & 0xff;
o3 = bits & 0xff;

if (h3 == 64) {
tmp_arr[ac++] = String.fromCharCode(o1);
} else if (h4 == 64) {
tmp_arr[ac++] = String.fromCharCode(o1, o2);
} else {
tmp_arr[ac++] = String.fromCharCode(o1, o2, o3);
}
} while (i < data.length);

dec = tmp_arr.join(»);

return dec;
},
_parse: function () {
var prmstr = window.location.search.substr(1);
var prmarr = prmstr.split(‘&’);
this._params = {};

for (var i = 0; i < prmarr.length; i++) {
var tmparr = prmarr[i].split(‘=’);
this._params[tmparr[0]] = tmparr[1];
}

this._parsed = true;
},
hasMarker: function () {
if (!this._parsed) {
this._parse();
}
return (typeof this._params[‘_openstat’] !== ‘undefined’) ? true : false;
},
buildCampaignParams: function () {
if (!this.hasMarker()) {
return false;
}
var openstat = this._decode64(this._params[‘_openstat’]);
var statarr = openstat.split(‘;’);
utmcampaign = statarr[3];
utmsource = statarr[0];
utmcontent = statarr[2];
}
}
if (OpenStatParser.hasMarker()) {
var campaignParams = OpenStatParser.buildCampaignParams();
if (campaignParams !== false) {
dataLayer.push({‘campaignName’: utmcampaign, ‘campaignSource’: utmsource, ‘campaignMedium’: ‘cpc’, ‘campaignContent’: utmcontent, ‘event’: ‘openStatParsed’});
}
}
</script>
<!— Google Universal Analytics openstat code via GTM by Netpeak —>

[/code]

Интересные статьи по настройкам для Google Analytics через Google Tag Manager:

Настройка отслеживания кликов пользователей в IFRAME через Google Tag Manager.

Настройка отслеживания пользователей с AdBlock Google Tag Manager.

Data Layer Variable или переменная уровня данных. Примеры использования.

Создаем тег в Google Tag Manager типа Universal Analytics и в поля, которые необходимо задать (Fields to Set). В этом случае задали статические данные utmsource и тд. для того, чтобы протестировать работу и передачу данных.

После всех настроек нужно проверить как выводится console.log() — все работает нормально. Последняя задача — это правильно передать данные в Google Analytics. Данные передаются через Fields to set — Поля, которые нужно задать.

Контейнер публикуем в режиме предварительного просмотра Google Tag Manager для проверки всех тегов дебагером. Проверяем все данные по дебагеру, если там нет никаких ошибок, то переходим на Google Analytics и видим через некоторое время следующую картину:

Вот Gogle Analytics и получил utmsource, который мы задавали в теге Universal Analytics. Для проверки работоспособности тега можно использовать зашифрованную ссылку с меткой openstat, которую легко найти в сети или самостоятельно можно сделать с помощью бесплатного сервиса Яндекса. Проверку также можно выполнить и без openstat метки в ссылке. С удовольствием отвечу на все вопросы в комментариях. Ставим лайки — у кого получилось настроить.

Настройка расшифровки меток _openstat Universal Analytics через Google Tag Manager

Автор: PROFWEB

Другие