Я пытаюсь создать домашнюю страницу с большим количеством контента в разделе Isotope.
чтобы отображать каждое изменение хэша как просмотр страницы в Google Analytics. Изначально я собирался сделать это как события, но на самом деле это должны быть просмотры страниц.
Итак, я настроил модифицированный GA:
(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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', {'allowAnchor': true});
ga('send', 'pageview', { 'page': location.pathname + location.search + location.hash});
В Google Analytics теперь я вижу хэш-тег, если кто-то переходит к конкретному примеру URL: http://www.example.com/#pet-health Если они перезагрузят страницу, я увижу этот хэш в GA, но не если они нажмут на ссылку «nav» Isotope, чтобы перейти к нему. Если они щелкнут, я просто увижу "/"
При обжиге изотопов то, что у меня есть, похоже, не работает:
//Sets up filtering on click of Isotope navigational elements
$('#isotopeFilters a, .subnav a, #isotopeContainer .isotopeNav a, .page-template-page-home-php #logo').click(function(){
var selector = $(this).attr('data-filter');
var prettyselector = selector.substr(1);
ga('send', 'pageview', location.pathname+location.search+location.hash);
location.hash = prettyselector;
$('#isotopeFilters a, .subnav a').removeClass('active');
$('a[class="' + prettyselector + '"]').addClass('active');
$container.isotope({
filter: selector,
itemSelector: '.item',
masonry: {
columnWidth: 270
},
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
return false;
});
Я думал, что эта строка в функции щелчка поможет:
ga('send', 'pageview', location.pathname+location.search+location.hash);
Мой синтаксис неверен или чего-то не хватает?
//Fires Isotope functionality when hash/URL changes
$(window).hashchange( function(){
if(location.hash!=''){
var hashfilter = '.' + location.hash.substr(1);
}else{
var hashfilter = '.home';
}
$container.isotope({
filter: hashfilter,
itemSelector: '.item',
masonry: {
columnWidth: 270
},
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
isotopeSubNav();
});
if(location.hash!=''){
var hashfilter = '.' + location.hash.substr(1);
ga('send', 'pageview', location.pathname+location.search+location.hash);
$(hashfilter).addClass('active');
}
Здесь используется тот же синтаксис, поэтому я предполагаю, что если я исправлю его, копирование синтаксиса в функцию хеш-изменения также приведет к получению этой записи.