668 145 480 info@jacekjagusiak.pl

W sieci znajdziecie całą masę przykładów jak dodawać kod Google Analitics do swojej strony opartej o CMS WordPress, ale wiele z tych rozwiązań sprawi Wam w przyszłości więcej problemów niż korzyści.

Dla przykładu, wszyscy polecają wkleić kod między zamykający tag a otwierający i tu wszyscy zazwyczaj otwierają do edycji plik header.php i przystępują do dzieła. Ale co teraz się stanie jak zaktualizujecie motyw? Podczas aktualizacji jest duże prawdopodobieństwo, że kod pliku header.php zostanie nadpisany, a wy dopiero po pewnym czasie będziecie się głowić dlaczego przez ostatnie ileś tam dni GA nie zbiera dla Was żadnych danych o wejściach na stronę.

Nie ma kodu, nie ma danych – to powinno być oczywiste.

Kolejny przykładem jest użycie wtyczki do implementacji kody GA, ale czy rzeczywiście do tak błahej rzeczy potrzebujecie sobie śmiecić całą instalację WordPressa? Obciążać stronę?

Jak dodać kod GA do strony?

Dla mnie najlepszym rozwiązaniem jest dodanie go w pliku functions.php i jeśli macie poprawnie wgrany motyw, bądź twórca strony nie nawalił i stworzył motyw potomny („Child”) to rozwiązanie będzie na wieki. Bez względu na to czy aktualizujecie motyw czy nie, kod GA zostanie nienaruszony, ale pamiętajcie, że mówimy o pliku functions.php znajdującym się w folderze z motywem potomnym. Aktualizacje motywu zawsze będą robione na motywie głównym dzięki czemu potomny zostanie nienaruszony.

Otwieramy do edycji plik functions.php w motywie potomnym i na samym końcu, przed zamknięciem kodu PHP czyli ?> dodajemy:

function google_analytics_tracking_code(){

	$propertyID = 'UA-XXXXX-X';

	if ($options['ga_enable']) { ?>

		<script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', '<?php echo $propertyID; ?>']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		</script>

<?php }
}

Za UA-XXXXX-X podstawiamy identyfikator usługi przypisanej w panelu Google Analitics do naszej strony.

Dalej już tylko pozostaje nam zdecydować czy chcemy dodać kod w sekcji HEAD, jeśli tak wklejamy do functions.php dodatkowo ten kod:

add_action('wp_head', 'google_analytics_tracking_code');

Czy też chcemy, aby kod był w stopce strony, jeśli tak wklejamy do functions.php dodatkowo ten kod:

add_action('wp_footer', 'google_analytics_tracking_code');

Mam nadzieje, że teraz nikt nie będzie miał problemów z implementacją kodu Google Analitics na swojej stronie opartej o WordPress.

5/5 - (1 vote)
5/5 - (1 vote)