Расширенный код Google Analytics
Предприниматели, аналитики, маркетологи и seo-специалисты всегда хотели бы видеть позитивную динамику по своему проекту в Google Analytics. Для того, чтобы этого добиться нужно внимательно следить за поведением пользователей на сайте и получать больше важных данных и сигналов.
Сегодня мы поможем вам в этом - просто используйте готовый расширенный код Universal Analytics и избавьте себя от необходимости производить массу ручных настроек и вмешательств в код вашего сайта.
Однажды нам надоело выполнять одну и ту же работу по настройке GA на многих проектах, что и привело к решению собрать код, решающий наиболее типичные задачи.
Итак, данная сборка кода Google Analytics включает:
1. Демографические отчеты и отчеты по категориям интересов
Вы получите доступ к демографическим данным посетителей (возраст и пол) и данные об их интересах - сайты какой тематики они посещают и какие покупки делают в сети Интернет. Не забываем включить их использование в самом интерфейсе: для этого заходим в "Администратор" -> "Настройки ресурса" ->"Функции для рекламодателей":
2. Расшифровка меток _openstat от Яндекс Директ
Автоматическая пометка кампаний в Яндекс Директ будет корректно интерпретироваться в Google Analytics. Больше не нужно тратить время на UTM-метки.
Автоматическое отслеживание событий без вмешательства в код сайта
3. Отслеживание кликов по всем исходящим ссылкам вашего сайта
Каждый клик по исходящей ссылке отобразится в виде события, а ярлыком этого события и будет тот сайт, на который перешел пользователь. Вот так это будет выглядеть в отчете о событиях (для проверки работоспособности кода мы рекомендуем самому сгенерировать несколько событий после установки кода и проверить их отображение в отчете "В режиме реального времени"):
Ярлык = целевой URL перехода:
Данная функция очень актуальна для блогеров, зарабатывающих размещением обзоров и уставших выслушивать сказки из серии "с вашего блога очень мало переходов на наш сайт"
4. Отслеживание скачиваний документов
Любое скачивание документа формата zip|exe|dmg|pdf|doc|docx|xls|xlsx|ppt|mp3|txt|rar|wma|mov|avi|wmv|flv|wav
с вашего сайта отобразится в виде события "Скачивание", ярлыком этого события будет путь к скачанному документу:
5. Отслеживание нажатий на e-mail со ссылкой "mailto:"
Событие так и будет называться - email, ярлык покажет на какие именно адреса нажимают пользователи:
6. Отслеживание нажатий на телефоны со ссылкой "tel:"
В аналитиксе отобразится событие "Телефон", его ярлыком будет непосредственно сам номер телефона:
Хотите, чтобы все это работало по умолчанию в вашем Google Analytics?
Шаг 1. Возьмите этот фрагмент кода и вставьте перед закрывающимся тегом </head> в шапке вашего сайта:(удобно использовать кнопку Copy в правом верхнем углу блока с кодом)
<script>
(function(i,s,o,g,r,a,m) { i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() {
(i[r].q=i[r].q||[]).push(arguments) } ,i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
} )(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXX-X', 'auto');
ga('require', 'displayfeatures');
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[1];
utmsource = statarr[0];
utmcontent = statarr[2];
}
}
if (OpenStatParser.hasMarker()) {
var campaignParams = OpenStatParser.buildCampaignParams();
if (campaignParams !== false) {
ga('set', { 'campaignName': utmcampaign, 'campaignSource': utmsource, 'campaignMedium': 'cpc', 'campaignContent': utmcontent } );
}
}
ga('send', 'pageview');
</script>Шаг 2. Замените UA-XXXXX-X на идентификатор вашего сайта
Шаг 3. Возьмите этот фрагмент кода и вставьте в футер вашего сайта:
<!-- Universal Analytics events by Q-SEO start-->
<script type="text/javascript">
if (typeof jQuery != 'undefined') {
var filetypes = /\.(zip|exe|dmg|pdf|doc.*|xls.*|ppt.*|mp3|txt|rar|wma|mov|avi|wmv|flv|wav)$/i;
var baseHref = '';
if (jQuery('base').attr('href') != undefined) baseHref = jQuery('base').attr('href');
var hrefRedirect = '';
jQuery('body').on('click', 'a', function(event) {
var el = jQuery(this);
var track = true;
var href = (typeof(el.attr('href')) != 'undefined' ) ? el.attr('href') : '';
var isThisDomain = href.match(document.domain.split('.').reverse()[1] + '.' + document.domain.split('.').reverse()[0]);
if (!href.match(/^javascript:/i)) {
var elEv = []; elEv.value=0, elEv.non_i=false;
if (href.match(/^mailto\:/i)) {
elEv.category = 'email';
elEv.action = 'click';
elEv.label = href.replace(/^mailto\:/i, '');
elEv.loc = href;
}
else if (href.match(filetypes)) {
var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined;
elEv.category = 'скачивание';
elEv.action = 'click-' + extension[0];
elEv.label = href.replace(/ /g,'-');
elEv.loc = baseHref + href;
}
else if (href.match(/^https?\:/i) && !isThisDomain) {
elEv.category = 'исходящие';
elEv.action = 'click';
elEv.label = href.replace(/^https?\:\/\//i, '');
elEv.non_i = true;
elEv.loc = href;
}
else if (href.match(/^tel\:/i)) {
elEv.category = 'телефон';
elEv.action = 'click';
elEv.label = href.replace(/^tel\:/i, '');
elEv.loc = href;
}
else track = false;
if (track) {
var ret = true;
if((elEv.category == 'исходящие' || elEv.category == 'скачивание') && (el.attr('target') == undefined || el.attr('target').toLowerCase() != '_blank') ) {
hrefRedirect = elEv.loc;
ga('send','event', elEv.category.toLowerCase(),elEv.action.toLowerCase(),elEv.label.toLowerCase(),elEv.value, {
'nonInteraction': elEv.non_i ,
'hitCallback':gaHitCallbackHandler
} );
ret = false;
}
else {
ga('send','event', elEv.category.toLowerCase(),elEv.action.toLowerCase(),elEv.label.toLowerCase(),elEv.value, {
'nonInteraction': elEv.non_i
} );
}
return ret;
}
}
} );
gaHitCallbackHandler = function() {
window.location.href = hrefRedirect;
}
}
</script><!-- Universal Analytics events by Q-SEO end-->Шаг 4. Анализируйте полученные данные
Надеемся, что этот код облегчит вам жизнь при работе с Google Analytics, а полученные данные поспособствует улучшению ресурса и росту бизнеса!
