Určitě jste už slyšely o Javascriptovom frameworku JQuery. Je to silná a inovativní knižnice, která už v základní verzi bez jakýchkoliv rozšíření (kterých jsou mimochodem stovky) dokáže dost podstatně ulehčit programátorovi život.

Google Analytics představovat nemusím, každý správný webmaster, který to myslí jen trošku vážně ho určitě používá na svých stránkách. Jeho hlavní výhodou je cena (zdarma) a velké množství přehledů, tabulek a grafů o návštěvnicích vašich stránek.

Zkombinováním těchto dvou služeb dostane webmaster do ruky silný nástroj na skutečně cílené monitorování návštěvnosti bez nutnosti (velkého) zásahu do už napsaného kódu. Ukažme si praktický příklad na defaultní instalaci WordPressu 2.3.3 (dodává se spolu s jQuery verzí 1.1.4, i když v době psaní tohoto článku je nejnovější verze 1.2.3).

Chceme monitorovat odchozí linky z už napsaných článků a článků je napsaných už velké množství. Zde je jednoduchý postup bez nutnosti zásahu do naspaného textu:

• Vytvoříme si cíl, „goal“ v účtu Google Analytics, pojmenujme si ho třeba „/out“
• Do záhlaví WordPress šablony vložíme následovný kód (do HEAD před BODY):

  <script src="/wp-includes/js/jquery/jquery.js?ver=1.1.4" type="text/javascript" />
  <script type="text/javascript">
  <!--
    jQuery(document).ready(function(){
      jQuery("div.post a").click(function(){
        urchinTracker("/out");
      });
    });
  //-->
  </script>
  

Vysvětlení: předpokládáme, že články jsou uloženy v tagu DIV s nastaveným class=“post“. Pomocí JQuery nastavíme všem odkazům v těchto blocích event handler onclick na funkci, která zavolá Google Analytics kód „urchinTracker(‚/out‘);“.

Šablonu uložíme a hotovo! JQuery se nám automaticky postará o korektní zavolání Analytics kódu a my nemusíme přepisovat každý článek a vkládat „onclick“ atributy do každého odkazu. Jako bonus navíc dostaneme kompatibilitu ve všech používaných prohlížečích.