Предприниматели, аналитики, маркетологи и 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 в правом верхнем углу блока с кодом)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
<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. Возьмите этот фрагмент кода и вставьте в футер вашего сайта:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
<!-- 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, а полученные данные поспособствует улучшению ресурса и росту бизнеса!