Google Analytics 4 paigaldus WordPressile – koodiga, pluginaga ja õigesti

Google Analytics 4 paigaldamine tundub lihtne. Kopeerid mõõtmiskoodi, kleebid WordPressi – valmis. Tegelikkus on natuke keerulisem, sest paigaldusviis mõjutab otseselt lehe kiirust.

Vaikimisi laadib GA4 skript välisest Google serverist igal lehe laadimisel. See tähendab täiendavat HTTP päringut, mis lisab laadimisajale 100–300 millisekundit ja mõjutab Google PageSpeed Insights skoori. Täiendavalt on see üks põhjuseid, miks PSI sageli hoiatab “Reduce the impact of third-party code” all.

Lahendused on olemas – vaatame kõiki variante.

Variant 1 – koodiga otse, delayed load

Kõige puhtam lahendus neile, kes eelistavad pluginata lähenemist. Kood läheb child theme’i functions.php faili.

// GA4 delayed load – laadib pärast kasutaja interaktsiooni või 3 sekundi pärast
function hundikuu_ga4_delayed() {
    $measurement_id = 'G-XXXXXXXXXX'; // Asenda oma Measurement ID-ga
    ?>
    <script>
    (function() {
        var loaded = false;

        function loadGA4() {
            if (loaded) return;
            loaded = true;

            var script = document.createElement('script');
            script.src = 'https://www.googletagmanager.com/gtag/js?id=<?php echo esc_js( $measurement_id ); ?>';
            script.async = true;
            document.head.appendChild(script);

            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '<?php echo esc_js( $measurement_id ); ?>');
        }

        // Laadi pärast kasutaja interaktsiooni
        ['mousedown', 'keydown', 'touchstart', 'scroll'].forEach(function(event) {
            document.addEventListener(event, loadGA4, { once: true });
        });

        // Või 3 sekundi pärast kui interaktsiooni pole
        setTimeout(loadGA4, 3000);
    })();
    </script>
    <?php
}
add_action( 'wp_footer', 'hundikuu_ga4_delayed' );

See lähenemine laadib GA4 alles pärast esimest kasutaja interaktsiooni – hiire liigutus, klahvivajutus, puudutus või kerimine. Kui kasutaja on täiesti passiivne, laadib 3 sekundi pärast automaatselt. PSI skoor ei kannata, sest skript ei blokeeri esimest lehe laadimist.

gtag.js variant on lihtsam aga ilma delayed load-ita:

function hundikuu_ga4_gtag() { ?>
    <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', 'hundikuu_ga4_gtag' );

See töötab, aga mõjutab PSI skoori. Sobib kui kiirus ei ole prioriteet.

Variant 2 – RankMath Pro sisseehitatud integratsioon

RankMath Pro sisaldab Google Analytics integratsiooni otse pluginas. Seadistused → General Settings → Analytics → sisesta GA4 Measurement ID.

RankMath laadib koodi optimeeritud viisil ja võimaldab seadistada, millal skript laadib. Lihtne lahendus neile, kes juba RankMathi kasutavad – pole vaja eraldi koodi ega pluginat.

Variant 3 – Perfmatters lokaalne GA

Perfmatters plugin sisaldab funktsiooni, mis laadib GA skriptifaili lokaalselt – see tähendab, et skript kopeeritakse Google serverist su enda serverisse ja uuendatakse automaatselt öösiti.

Tulemus: vähem väliseid HTTP päringuid, parem PSI skoor, ~150–200ms kiirem laadimine. Seadistused → Analytics → Local Analytics → aktiveeri.

See on üks parimaid PSI skoori parandusi väikese tööga – eriti kui kasutad Perfmattersi juba muude optimeerimiste jaoks.

Variant 4 – PixelYourSite

PixelYourSite on populaarne plugin, mis haldab korraga GA4, Facebook Pixel ja teisi jälgimiskoode. Tasuta versioon katab GA4 põhifunktsionaalsuse.

Sobib hästi neile, kes haldavad mitut jälgimiskoodi korraga ja eelistavad visuaalset liidest koodikirjutamise asemel. WooCommerce sündmuste jälgimine (ostud, ostukorvi lisamine) on samuti olemas – tasuta versioonis piiratud, Pro versioonis täielik.

Kumb variant valida

Arendaja või tehniline kasutaja – koodiga delayed load variant. Puhtaim lahendus, täielik kontroll, ei sõltu pluginatest.

RankMath Pro kasutaja – RankMathi sisseehitatud integratsioon. Üks plugin vähem, kõik ühes kohas.

Perfmatters kasutaja – lokaalne GA variant Perfmattersis. Parim PSI skoor, lihtne seadistada.

Mitu jälgimiskoodi korraga – PixelYourSite. Üks koht kõige haldamiseks.

GA4 seadistamise põhisammud pärast paigaldust

Paigaldus on alles algus. Enne kui andmed midagi tähendavad, tasub seadistada:

Konversioonisündmused – GA4 jälgib vaikimisi lehe vaatamisi, aga konversioonid tuleb märkida käsitsi. Kontaktvormi täitmine, ostu sooritamine, telefoni klikk – need on sündmused, mida tahad eraldi jälgida.

Sisemise liikluse filtreerimine – lisa oma kontoribüroo IP aadress filtrina, et oma külastused statistikat ei moonutaks. Admin → Data Streams → Configure Tag Settings → Define internal traffic.

Search Console ühendamine – GA4 + Search Console integratsioon annab otsinguandmed otse GA4 liideses. Admin → Search Console Links.

Säilitusperiood – vaikimisi säilitab GA4 andmeid 2 kuud. Muuda see 14 kuule: Admin → Data Settings → Data Retention.

Vajad enda ettevõtte veebilehele Google Analytics paigaldamisel? Võta ühendust ja loome kvaliteetsed lahendused.