Kako Instalirati Google Analytics u WordPress Web-stranicu

Google Analitika

Ažurirano: 06.07.2018.

Google Analytics je standard kada se radi o alatima za web-analizu. No, mnogi se početnici bore s WordPressom kada dođe vrijeme za dodavanje istoga na web-stranicu.

Nije bitno ako imate blog sa 100 posjetitelja dnevno ili blog sa 100 milijuna pregleda dnevno, morate imati neki alat koji će vam pomoći pratiti promet.

Prvo ću vam pokazati najjednostavniji način za dodavanje Google Analyticsa pomoću besplatnog WordPress dodatka, kako biste mogli pregledavati osnovnu statistiku o vašoj web-stranici unutar vaše WordPress nadzorne ploče.

Zatim ću vam pokazati još dva načina:

  • kako ručno dodati kod izravno u temu,
  • i za malo naprednije – napravit ćemo jednostavan WordPress dodatak.

 

Zašto svaka web-stranica treba Google Analytics

Zbog toga što možete pratiti kako se korisnik kreće po vašoj web-stranici, koliko dugo ostaje i koliki je bounce rate ili stopa napuštanja početne stranice.

Bounce rate je postotak korisnika koji odlazi s vaše web-stranice prilikom prvog posjeta i vrlo je važan za SEO. Za više detalja pročitajte kako napraviti SEO optimizaciju.

Nadalje, analitika vam pokazuje otkuda je posjetitelj došao, npr. s tražilica, direktnih veza, veza s drugih web-stranica ili društvenih mreža. Prikazuje vam se i postotak posjetitelja iz svakog od tih izvora i još mnogo toga.

 

Izrada računa

1. Izradite račun

Najprije morate izraditi Google Analytics račun. Za početak treba vam Gmail račun, ako ga nemate izradite ga, besplatan je i koristi ga preko 500 milijuna korisnika.

Vidjet ćete zaslon poput ovoga ispod, kliknite na “izradite račun

 

izrada računa

 

2. Prijavite se

Nakon što se prijavite putem svog Gmail računa, prebacit će vas se na zaslon sličan ovome ispod. Prijavite se putem svog Gmail računa. Kliknite na “prijava“.

 

prijavite se

 

3. Konfigurirajte račun

Na sljedećem zaslonu imat ćete mogućnost izbora između web-stranice ili mobilne aplikacije. Provjerite da li je odabrana web-lokacija.

Nakon toga morate unijeti naziv računa, naziv web-stranice, URL web-stranice (ako ste instalirali SSL certifikat odaberite https), kategoriju djelatnosti, zemlju i vremensku zonu.

 

konfiguriranje računa

 

Kliknite na “dohvati ID praćenja” i prihvatite ugovor o uvjetima pružanja usluge.

 

4. Kopirajte kod

Na sljedećem zaslonu prikazat će vam se Google Analytics kod. Taj kod morate kopirati u WordPress web-stranicu.

Kod možete pronaći i ako u nadzornoj ploči kliknete na ikonu (zupčanik), zatim na podatke o praćenju/tracking info te kod za praćenje/tracking code.

 

kod analitike

 

Instaliranje pomoću WordPress dodatka

MonsterInsights je najpopularniji besplatni dodatak za Google Analytics, više od milijun web-stranica ga koristi. Ostali dobri dodaci uključuju Google Analytics Dashboard for WP, GA Google Analytics i Slimstat Analytics.

1. Prvo trebate instalirati i aktivirati MonsterInsights. Ako vam treba pomoć oko instalacije, pročitajte članak kako instalirati dodatak.

2. Nakon aktivacije dodatak će dodati novu stavku u nadzornu ploču tj. izbornik naziva “Insights“. Kliknite na Insights » Settings kako biste konfigurirali postavke.

3. Na sljedećem zaslonu kliknute gumb “Authenticate with your Google account” kako biste ga povezali s vašom WordPress web-stranicom.

4. Preusmjerit će vas se na Google račun, prijavite se ili odaberite Google račun ako ste već prijavljeni.

 

prijavite se u monsterinsights

 

5. Dopustite MonsterInsightsu pristup vašem računu.

 

dopustite pristup monsterinsightu

 

 

6. Odaberite naziv računa koji želite pratiti tj. odaberite svoju web-stranicu, kliknite gumb “Complete authentication” da biste nastavili.

 

odaberite svoju web stranicu

 

7. U posljednjem koraku preusmjerit će vas se natrag na vašu web-stranicu. Kliknite na gumb “save changes” na dnu stranice.

Čestitam, uspješno ste instalirali i postavili Google Analytics.

Ako želite vidjeti izvješće u svojoj nadzornoj ploči, kliknite na Insights » Reports.

Imajte na umu da će Analyticsu trebati neko vrijeme prije prikazivanja statističkih podataka.

 

Ručno dodavanje koda

1. Ručno dodavanje u child temu

Ako odaberete ručnu instalaciju u WordPress, neophodno je da koristite child temu.

U suprotnom će vaš kod za praćenje biti prebrisan svaki put kada ažurirate temu. Najlakši način je postavljanje koda za praćenje u <head> oznaku (u header.php datoteku).

Kopirajte vaš kod i kliknite na Appearance » Editor, odaberite header.php datoteku vaše child teme.

Zalijepite kod za praćenje ispred </head> taga. Kliknite na gumb “update file“.

 

ručno dodavanje koda u header datoteku teme

 

2. Ručno dodavanje uz pomoć dodatka

Prvo morate instalirati i aktivirati Insert Headers and Footers dodatak. Nakon aktivacije, kliknite na Settings » Insert Headers and Footers.

U scripts in header odjeljak, zalijepite kod, koji ste ranije kopirali. Ne zaboravite kliknuti na gumb “save“.

 

kod za praćenje zalijepljen u scripts in header

 

Za napredne – izrada jednostavnog WordPress dodatka

Google predlaže da se kod za praćenje ubaci u <head> element na svaku stranicu (na web-stranici), ali dobra vijest je da s WordPressom ne morate to učiniti.

Možete izraditi jednostavan dodatak koji će kod automatski umetnuti u svaku novu stranicu koju ćete izraditi na vašoj web-stranici.

Prvo pronađite mapu “wp-content/plugins”, unutar nje izradite novu mapu s PHP datotekom. Ja sam svoju PHP datoteku nazvao “WPDeveloperi-GoogleAnalitika.php“.

U uređivaču koda (može i notepad) otvorite tu datoteku i zalijepite sljedeći kod:

<?php
/*
Plugin Name: Dodatak za Google Analytics
Plugin URI: https://wpdeveloperi.com.hr
Description: Dodatak koji dodaje Google Analytics kod na svaku stranicu.
Author: Marko Dandic
Version: 1.0
*/
?>

Sada ispod tog koda dodajte funkciju koja sadrži i vaš kod za praćenje analitike:

<?php
function wpdeveloperi_google_analitika() { ?>
<script async src=”https://www.googletagmanager.com/gtag/js?id=XXXXXXXXXX”></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());

gtag(‘config’, ‘id=XXXXXXXXXX’);
</script>
<?php }
add_action( ‘wp_head’, ‘wpdeveloperi_google_analitika’, 10 );

Sada spremite (save) datoteku i ulogirajte se kao administrator u nadzornu ploču. Kliknite na Plugins » Installed Plugins i aktivirajte svoj dodatak.

 

dodatak za google analytics