Jak použít Google Analytics a AJAX?

U běžných stránek (bez AJAXu) není problém. Stačí vygenerovaný Google Analytics kód vložit na každou jednotlivou stránku. Při každém zobrazení stránky se JavaScriptový kód zavolá a zaznamená návštěvu.

Problém nastane, pokud máte web postavený na technice AJAX. Protože se mění pouze určité části stránky, Google Analytics se nezavolá a vy tím přicházíte o zaznamenávání návštěvnosti – drasticky se znehodnocuje statistika.

Jak na to: Google Analytics a AJAX

Řešení je naštěstí snadné.  Stačí na místě, kde zpracováváte AJAX, zavolat jeden řádek z Google Analytics kódu:

xhr.onreadystatechange = function()
{
  if (xhr.readyState == 4)
  {
    if (xhr.status == 200)
    {
      write_html(element_id, xhr.responseText);
      // Google Analytics
      pageTracker._trackPageview('/clanek/5-informace/');
    } else {
      alert('error: ajax');
    }
  }
};

Jako parametr _trackPageview uveďte URL adresu (bez domény) – bude se vám zobrazovat ve statistikách Google Analytics.

_trackPageview v AJAX části je třeba volat až po vygenerování kompletního Google Analytics kódu, protože kompletní kód mj. nastavuje identifikátor vašeho účtu: _gat._getTracker(„UA-XXXXXXX-XX“) – bez něj by AJAX volání nefungovalo.

V praxi to vypadá tak, že klasicky vygenerujete stránku s Google Analytics kódem, a poté (po akci uživatele) přes ajax voláte jen výše uvedený _trackPageview.

Asynchronní měřící kód a AJAX

Přes ajax můžete volat i nový asynchronní měřící kód. Více se dočtete v článku Google Analytics: Asynchronous Tracking a AJAX.