Jak podłączyć Google Analytics pod instalację WordPressa?

Sposobów na integrację Analyticsa z WordPressem jest kilka – wtyczki, stworzenie motywu potomnego i dołączenie „na żywca” kodu w nagłówku(lub stopce), dodanie funkcji i zapewne jeszcze kilka innych sposobów, które są lepiej lub gorzej opisane w sieci.

Jeśli mamy tyle opcji, to dlaczego by nie stworzyć wtyczki specjalnie dla siebie? Specjalnie utworzona mała wtyczka dostosowana do naszych potrzeb, bez dodatkowego, niepotrzebnego kodu.

Wbrew pozorom stworzenie takiej prostej wtyczki nie wymaga żadnej specjalistycznej wiedzy – przekonajcie się czytając artykuł poniżej.

Jeśli szukacie innego, szybkiego i prostego rozwiązania, to polecam wtyczkę GA Google Analytics – jest lekka, zoptymalizowana, całkiem rozbudowana, posiada najważniejsze dla śledzenia funkcje i jest bardzo prosta w użytkowaniu.

Co będzie nam potrzebne?

* Edytor tekstowy, np. Notepad++(mogą być też inne – Atom, Sublime lub cokolwiek innego, zwykłego notatnika lepiej unikać).
* Aplikacja do kompresji plików(7zip lub Winrar w zupełności wystarczą) lub połączenie FTP/SFTP(zalecam łączyć się poprzez SFTP – artykuł na wikipedii powie wam dlaczego) z serwerem, jeśli mamy wyłączone zarządzanie wtyczkami.

Tyle wystarczy. Więc zaczynamy.

Tworzenie wtyczki Google Analytics

1. Tworzymy nowy plik, np. o nazwie analytics.php(nazwa nie ma większego znaczenia, byle bez liter zawierających znaki diakrytyczne).
2. Otwieramy utworzony plik w edytorze tekstowym.
3. Następnie wklejamy do niego poniższy kod:

<?php
/*
Plugin Name: Kod Analytics
Plugin URI: http://mojastrona.pl
Description: Dodaje kod google analytics do nagłówka podpinając się pod wp_head
Author: ---
Version: 1.0
 */
 
function w3wg_google_analytics() { ?>
 
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

<?php }
add_action( 'wp_head', 'w3wg_google_analytics', 10 );

add_action( 'wp_head', 'remove_my_action' );
function remove_my_action(){
    remove_action( 'wp_footer', 'w3wg_google_analytics', 11 );
}

4. Podmieniamy własny kod śledzący analyticsa(po zalogowaniu do Analyticsa znajdziemy go klikając na „Administracja” w lewym panelu zarządzania, następnie ze środkowej kolumny(USŁUGA (NP. WITRYNA LUB APLIKACJA)) wybieramy usługę, klikamy na „Informacje o śledzeniu” i wybieramy na „Kod śledzenia„. Myślę, że jest oczywiste co dokładnie musimy podmienić.

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

5. Zapisujemy wprowadzone zmiany. Następnie tworzymy nowy folder, przykładowo o nazwie „analytics„.
6. Do wspomnianego folderu wrzucamy nasz plik.
7. Folder pakujemy za pomocą zipa bez kompresji(programem winrar, 7zip lub czymkolwiek innym, co obsługuje kompresję zip).
8. Tak powstałą paczkę (czyli analytics.zip) instalujemy jak normalną wtyczkę.

* Alternatywnie możemy po prostu wrzucić folder(FTP/SFTP) nie pakując go w ogóle do /wp-content/plugins/, a następnie w panelu administracyjnym wtyczkę aktywować.

W ten sposób mamy gotową wtyczkę z minimum niezbędnego kodu – nie ma potrzeby jej aktualizacji i jesteśmy pewni co się w niej znajduje.

Powyższa wtyczka w domyślnej formie ma jeden problem – raportuje ona również nasze wejścia nasze(administratorów) i jednakowo zalogowanych/niezalogowanych. Prowadzi to zwyczajnie do niekoniecznie pożądanych wyników w raportach.

Więc co zrobić, żeby wtyczka „działała” tylko i wyłącznie dla niezalogowanych?

Należy zmodyfikować oryginalny kod:

<?php
/*
Plugin Name: Kod Analytics
Plugin URI: http://mojastrona.pl
Description: Dodaje kod google analytics do nagłówka podpinając się pod wp_head
Author: ---
Version: 1.0
 */
 
function w3wg_google_analytics() {

$analytics_code = "<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>";

   if (!is_user_logged_in()) {
      echo $analytics_code;
   }

}
add_action( 'wp_head', 'w3wg_google_analytics', 10 );

No dobrze ale co w przypadku, kiedy mój serwis jest oparty właśnie na społeczności użytkowników i chcę monitorować również ich ruch wykluczając mój własny(administratora)?

Nic prostszego – zmieniamy warunek if (!is_user_logged_in()) { na if (!current_user_can(’manage_options’)) {, zawartość wtyczki będzie wyglądała w ten sposób:

<?php
/*
Plugin Name: Kod Analytics
Plugin URI: http://mojastrona.pl
Description: Dodaje kod google analytics do nagłówka podpinając się pod wp_head
Author: ---
Version: 1.0
 */
 
function w3wg_google_analytics() {

$analytics_code = "<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>";

   if (!current_user_can('manage_options')) {
      echo $analytics_code;
   }

}
add_action( 'wp_head', 'w3wg_google_analytics', 10 );

Jak widać podpięcie Analyticsa na własny sposób wcale nie musi być trudne 🙂 Nie potrzebujemy do tego ciężkich wtyczek, ani też nie musimy specjalnie bawić się w motywy potomne, aby podpiąć sam kod GA.

Źródła:
How to Add Google Analytics to WordPress With a Simple Plugin
Avoid Logged in User Tracking with Google Analytics in WordPres