Как заставить Google Analytics отслеживать страницы, названные AJAX?

Ответ 1

Старый стандарт для загрузки Google Analytics был асинхронным методом:

var _gaq=[["_setAccount","UA-#######-#"],["_trackPageview"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));

Этот бит отслеживает начальную загрузку страницы, но не последующие вызовы AJAX. В любое время, когда вы хотите отслеживать загрузку страницы, добавьте следующий фрагмент:

// "_trackEvent" is the pageview event, 
_gaq.push(['_trackPageview', '/some-page']);

_trackPageview используется снова, но на этот раз мы предоставляем URL загруженного адреса AJAX. Использование небольшого фрагмента JavaScript выше позволяет вам отслеживать просмотры страниц так же, как если бы вся страница была перезагружена. Я бы порекомендовал использовать этот фрагмент с плагином MooTools History.

В сочетании с Ajax ваш код должен быть похож на это:

jQuery(document).ajaxComplete(function(e, xhr, settings){
  var d = document.location.pathname + document.location.search + document.location.hash;
  _gaq.push(['_trackPageview', d]);
});

Если вы хотите использовать код Universal Analytics, синтаксис для виртуальных загрузок страниц будет другим.

Это синтаксис для отслеживания виртуальных просмотров страниц в UA:

ga(‘send, ‘pageview, ‘path to your virtual page);

Примеры:

<a href="http://www.example.com/gu/dw/seo-beginners-guide.pdf" onClick="ga(‘send, ‘pageview, ‘/virtual/guides/download/seo-beginners-guide.pdf);"> Download SEO Beginners Guide</a> 

Поэтому, когда пользователь нажимает на ссылку "Скачать руководство для начинающих SEO", UA создает виртуальный просмотр страницы под названием "/virtual/guides/download/seo-beginners-guide.pdf.

Источники:
http://davidwalsh.name/ajax-analytics
fooobar.com/questions/381443/...
http://www.optimizesmart.com/event-tracking-guide-google-analytics-simplified-version/

Ответ 2

Html

<a class="ajax-load" href="home.html" >Home</a>

Javascript

jQuery(document).ready(function($) {
    $(".ajax-load").click(function(event) {
        event.preventDefault();
        var href = $(this).attr("href");
        $.ajax({
            url: href,
            type: 'post',
            dataType: 'html',

        })
        .done(function(response) {
            $(".somediv").html(response);
            // now send page view
            ga('send','pageview','/virtual/....');
        })
        .fail(function() {
            // show error dialog
        })
    });
});

Ответ 3

У вас могут быть проблемы, поскольку те, кто получает Ajax, не ожидают или не обрабатывают Javascript.

Google имеет этот протокол в качестве решения:

POST/сбор HTTP/1.1 Хост: www.google-analytics.com

payload_data​​p >

подробности здесь:

https://developers.google.com/analytics/devguides/collection/protocol/v1/devguide#proxy-server-tracking

Вам понадобится использовать метод POST или GET с использованием языка сценариев. Если вы придумаете ответ и рабочее решение, сообщите мне! Я делаю все, что в моих силах, чтобы заставить это работать.

Ответ 4

Этот ответ только для новых фрагментов GA

Ответ с поправкой не сработал для меня, вот слегка измененная версия этого ответа, которая работает для меня

if ("ga" in window) {
    tracker = ga.getAll()[0];
    if (tracker) {
        tracker.set("page", '/some-page');
        tracker.send("pageview");
    }
}

Ответ 5

Я рекомендую использовать другую службу для аналитики AJAX: http://discrete.li/

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