blog.nayma.pl


Dla miłośników WordPress, WooCommerce, HTML5, CSS3 oraz JS.

Podziel się


Tagi


Google Analitycs dla Ghost

Instalujemy GA dla Ghost

W pierwszej kolejności przechodzimy na stronę GA i dodajemy nasza stronę:

Zaloguj się do Google Analitycs

Po dodaniu naszej strony do panelu w Google Analitycs musimy zlokalizować nasz kod śledzenia, który wygląda mniej więcej tak:

<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','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXXX-X', 'nazwa_strony.pl');
  ga('send', 'pageview');
</script>  

Jeśli masz kłopot ze znalezieniem kodu polecam skorzystać z pomocy od Google:

Zobacz Poradnik

Kod możemy umieścić w zakładce "Code Injection" w panelu administracyjnym:

Kod zostanie dodany do każdej strony zawierającej znacznik {{ghost_head}} i pozwoli nam zbierać statystyki.

Google Analitycs a performance

Jako, że GA jest ładowane z zewnętrznego serwera w testach Google PageSpeed Insights dostaniemy stosowna uwagę, żeby wydłużyć czas cache dla pliku analitycs.js. Co możemy z tym zrobić ??

Możemy ładować plik analitycs.js lokalnie. Aby jednak był on aktualny musimy wykonać kilka operacji. najpierw tworzymy prosty plik analitycs.php i wrzucamy go do głównego katalogu naszej strony.

<?php

// Full Location To File
$location = '/home/nazwa_uzytkownika/websites/nazwa_katalogu_strony/js/analytics.js';
$analytics = file_get_contents('http://www.google-analytics.com/analytics.js');

file_put_contents($location, $analytics);

?>

Teraz możemy go odpalić w przeglądarce internetowej i zobaczyć czy działa poprawnie:

https://nazwa_strony.pl/analitycs.php  

Jeżeli plik został poprawnie ściągnięty możemy zmienić jego lokalizację w skrypcie śledzącym:

<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://nazwa_strony.pl/js/analytics.js','ga');

  ga('create', 'UA-XXXXXXXX-X', 'nazwa_strony.pl');
  ga('send', 'pageview');
</script>  

Na sam koniec dodajemy polecenie do serwerowego CRON żeby plik dziennie mógł się synchronizować. Oczywiście polecenie może wyglądać troszkę inaczej w zależności od usługodawcy hostingu.

/usr/local/php-5.6/bin/php -n -q /home/nazwa_uzytkownika/websites/nazwa_katalogu_strony/analitycs.php >/dev/null 2>&1

Po wykonaniu tych kilku prostych kroków mamy z głowy problemy z GA i wpływem na performance naszej strony. Ten poradnik można tak naprawdę zastosować dla każdej strony HTML lub CMS typu WordPress. Gorąco polecam bo na pewno doda nam kilka punktów więcej do wyników w wszelkiego rodzaju testach.

Nayma.pl Dariusz Okoń
Dodane przez

Nayma.pl Dariusz Okoń

Komentarze