Exkludera queryparametrar i Google Analytics 4

Matthias Kupperschmidt

Follow

17. May 2024

6 min read

GTM Tutorials GA4 Tutorials

I denna tutorial kommer du att lära dig hur du exkluderar queryparametrar från webbadresser i Google Analytics 4.

Jag har dock en annan tutorial om du vill blockera sidvisningar från GA-spårning på grund av deras URL-parametrar.

Du kan också använda denna tutorial för att rensa andra URL:er (t.ex. video- eller länkadresser) från querysträngar.

För att göra detta kommer vi att skapa en filterfunktion med Google Tag Manager (GTM). Den kommer att filtrera bort alla parametrar från en URL-sträng som vi definierar.

Om du letar efter en lösning för att inte skicka personuppgifter via queryparametrar till din GA4-egendom, läs vidare nedan under Redigera personuppgifter i GA4.

Denna guide kräver att du använder GTM för din spårning med GA4.

Innan vi börjar lösa problemet, låt oss först definiera vad queryparametrar är för att vara på samma sida.

Vad är en queryparameter?

Queryparametrar är en del av webbadressen för en webbsida.

En queryparameter börjar med ? efter den vanliga webbadressen och tilldelar värden till variabler. Flera queryparametrar resulterar i en querysträng.

Programmerare använder ibland querysträngar så att en server kan avgöra från parametrarna att den ska leverera en modifierad version av den begärda webbsidan.

Till exempel kan en querysträng se ut så här:

?site=bluerivermountains.com&referrer=google.com

Hela webbadressen inklusive queryparametrar ser då ut så här:

https://bluerivermountains.com?site=bluerivermountains.com&referrer=google.com

Med det avklarat, låt oss nu lära oss hur man skapar en filterfunktion för queryparametrar i GA4 med hjälp av Google Tag Manager (GTM).

Vad orsakar queryparametrar i Google Analytics-rapporter?

Användarinmatning

Varje gång en webbsida laddas, skickar GA4-biblioteket sidans URL till Googles server med en händelse.

Det betyder att vilken besökare som helst teoretiskt kan lägga till en parameter i URL:en och därmed skicka den till dina GA-rapporter.

Testa det. Lägg till följande queryparameter till slutet av en webbadress i webbläsaren och tryck på Enter:

?testParameter=true

Sidan laddas utan problem i de flesta fall. Och så skickades parametern också till Google Analytics när sidan laddades.

Spårningstjänster

Många verktyg och tjänster använder parametrar i URL:er för att spåra klick på länkar.

Exempel är t.ex. Google Ads, där parametern ?gclid= läggs till i länken när man klickar på en reklamlänk.

Ett annat exempel är UTM-parametrar, som används för kampanjspårning i Google Analytics.

Anledningen till att dessa parametrar inte visas i Google Analytics-rapporter är att de automatiskt filtreras bort eftersom parametrarna är en del av Googles spårningssystem.

Så alla andra icke-Google-parametrar från verktyg och tjänster filtreras inte automatiskt bort. Det finns otaliga exempel, eftersom parametrar för spårning är en vanlig lösning.

Här är en kort lista över spårningstjänster och tillhörande queryparametrar:

Så om någon tjänst lägger till sin egen anpassade spårningsparameter till en länk till din webbplats, kommer du senare att hitta den i Google Analytics-rapporterna.

Varför är queryparametrar ett problem?

Parametrar är inte nödvändigtvis ett problem. Men i vissa scenarier skapar de ett. Till exempel:

Dataskyddsproblem

Många webbplatssystem använder parametrar under registreringsprocessen för att skicka användardata till backend.

Om sådana webbplatser spåras med Google Analytics eller Facebook-pixeln, bryter du automatiskt mot Googles och Facebooks användarvillkor eftersom du skickar privata data till deras servrar via queryparametrar i webbadresserna.

Efteråt får du antingen varningar eller, i värsta fall, måste du räkna med att ditt konto blockeras. Dessutom bryter du också mot EU:s dataskyddsregler (GDPR).

Problem med Facebook-händelsematchning

Om du kör Facebook-spårning via webbläsaren och via servern med hjälp av Facebooks Conversion API, måste spårningsdata dedupliceras. Bland annat används webbadresser för dedupliceringen. Queryparametrar som innehåller personuppgifter filtreras ofta bara bort i en av de två datakällorna, det vill säga antingen i webbläsaren eller på servern. Således sjunker poängen för händelsematchning på Facebook.

Problem med dataanalys

Spårningsverktyg behandlar mestadels URL:er som vanliga strängar. Detta innebär att parametrar inte filtreras bort automatiskt. Detta skapar problem i dataanalysen eftersom data för samma sidväg inte grupperas.

Se följande tabell som ett exempel:

Som du förhoppningsvis kan se i tabellen ovan är det svårt att räkna samman antalet visningar för en video när videons URL innehåller parametrar.

Hur man exkluderar queryparametrar i GA4

Hur kan vi filtrera bort queryparametrar från webbadresser i Google Analytics 4?

Först kommer vi att skapa en JavaScript-variabel som tar bort hela queryparametern om det finns en tidigare definierad parameter i URL:en. Vi skickar sedan URL:en till Google Analytics utan queryparametrar.

Nu kör vi!

1. Ta bort queryparametrar i GTM

För att ta bort frågetecknet ? i slutet av webbadressen och resten av querysträngen, är det första vi gör i Google Tag Manager att skapa en ny anpassad variabel av typen "Custom JavaScript" kallad Page Location - Custom.

Nästa steg är att lägga till följande anpassade JS-kod:

function() {
    // definiera parametrar att exkludera
    var excludeStrings = [
        "hsa_acc",
        "fbclid",
        "wbraid",
        "hsa_cam",
        "hsa_grp",
        "hsa_ad",
        "hsCtaTracking",
        "submissionGuid",
        "hsa_src",
        "hsa_tgt",
        "hsa_kw",
        "hsa_mt",
        "hsa_net",
        "hsa_ver",
        "li_fat_id",
        "q",
        "msclkid",
        "ref",
        "cache",
        "_x_tr_sl",
        "_sm_nck"
    ];
    var addressString = new URL(document.location);
    var queryString = addressString.search;

    // kontrollera om frågesträngen innehåller några parametrar, annars returnera URL utan dem
    if (queryString.indexOf("?") != -1) {
        // https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
        var getQueryParamsFromURL = function getQueryParamsFromURL() {
            var match,
                search = /([^&=]+)=?([^&]*)/g,
                decode = function decode(s) {
                    return decodeURIComponent(s);
                },
                query = addressString.search.substring(1);

            var urlParams = {};

            while ((match = search.exec(query))) {
                urlParams[decode(match[1])] = decode(match[2]);
            }

            return urlParams;
        };
        // skapa param-objekt från frågesträng
        var urlParams = getQueryParamsFromURL();

        // om det innehåller någon av de definierade parametrarna, ta bort nyckeln och behåll resten
        Object.keys(urlParams).map(function (key) {
            if (excludeStrings.includes(key)) delete urlParams[key];
        });

        // Skapa filtrerad frågesträng
        var queryString = new URLSearchParams(urlParams).toString();

        // lägg till ? till frågesträngen om den inte är tom
        if (queryString != "") queryString = "?" + queryString;
    }

    // returnera rensad URL
    return addressString.origin + addressString.pathname + queryString;
}

Titta nu på den tredje kodraden, som definierar variabeln excludeStrings:

En array med en lista över parametrar för filtrering definieras. Var och en av dessa strängar representerar namnet på en frågeparameter. Om en av parametrarna dyker upp i webbadressen kommer den att tas bort.

Resten av URL:en och frågesträngen förblir intakta så att viktiga parametrar som gclid (Google Ads) eller UTM (kampanjspårning) inte av misstag tas bort.

Ovanstående parameterlista från kodsnutten har över tid utvecklats från Hubspot och Facebook parametrar. Om du vill kan du ta bort alla parametrar och sedan lägga till dina egna parametrar. Observera dock syntaxen: "parameter1", "parameter2", "parameter3" osv.

Till exempel, om du ville lägga till en personlig parameter som heter myPersonalParam, skulle arrayen se ut så här (se slutet):

    // define parameters to exclude
    var excludeStrings = [
        "hsa_acc",
        "fbclid",
        "wbraid",
        "hsa_cam",
        "hsa_grp",
        "hsa_ad",
        "hsCtaTracking",
        "submissionGuid",
        "hsa_src",
        "hsa_tgt",
        "hsa_kw",
        "hsa_mt",
        "hsa_net",
        "hsa_ver",
        "li_fat_id",
        "q",
        "msclkid",
        "ref",
        "cache",
        "_x_tr_sl",
        "_sm_nck",
        "myPersonalParam"
    ];

Vi är nästan klara. Fortsätt.

2. Set GA4 configuration

Nästa steg är att gå till taggarna i vår Google Tag Manager-container och öppna GA4 configuration taggen.

Lägg nu till fältet page_location till fälten som ska definieras och definiera vår skapade JavaScript Page Location - Custom som värdet:

Denna inställning skriver över webbadressen vi skickar till Google Analytics med vår egen anpassade webbadress.

Det betyder att om frågeparameternamnet specificerades i kodsnutten innehåller denna anpassade webbadress inte längre parametern.

Färdigt.

Filter out all query parameters in GA4

Den tidigare lösningen bygger på antagandet att vi inte har någon möjlighet att veta vilka parametrar som kommer att läggas till URL:erna och om de ska filtreras bort eller inte.

Analytikern måste först märka parametrarna i GA4-rapporterna, sedan besluta om de behöver tas bort och slutligen utöka parameterns lista i JS-variabeln.

Å ena sidan ger lösningen användaren kontroll, eftersom varje filtrering övervägs åtminstone en gång; å andra sidan kan uppdateringen av listan vara besvärlig.

En alternativ lösning är att filtrera bort alla frågeparametrar, förutom den som krävs av Google Analytics (nämligen gclid- och utm- kampanjparametrar).

Nackdelen med detta tillvägagångssätt är dock att kontrollen över de filtrerade parametrarna går förlorad. Egentligen vet du bara vilka parametrar som behålls (gclid och utm-parametrar) och inget mer.

En sådan lösning säkerställer konsekventa webbadresser i Google Analytics utan manuellt arbete. Därför, om du är villig att ge upp en del av kontrollen, kan du lägga följande JS-kod i Page Location - Custom variabeln istället för ovanstående skript:

function() {
    // define parameters to keep if available
    var includeStrings = [
        "gclid",
        "utm_",
        "gtm_debug"
    ];
    var addressString = new URL(document.location);
    var queryString = addressString.search;

    // check if query string holds any parameters, otherwise just return the url without them
    if (queryString.indexOf("?") != -1) {
        // transpile ES2016 => ES2015
        var _defineProperty = function (obj, key, value) {
            if (key in obj) {
                Object.defineProperty(obj, key, {
                    value: value,
                    enumerable: true,
                    configurable: true,
                    writable: true
                });
            } else {
                obj[key] = value;
            }
            return obj;
        };

        // https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
        var getQueryParamsFromURL = function getQueryParamsFromURL() {
            var match,
                search = /([^&=]+)=?([^&]*)/g,
                decode = function decode(s) {
                    return decodeURIComponent(s);
                },
                query = addressString.search.substring(1);

            var urlParams = {};

            while ((match = search.exec(query))) {
                urlParams[decode(match[1])] = decode(match[2]);
            }

            return urlParams;
        };

        var filterParamsFromList = function filterParamsFromList(obj, list) {
            var urlParamKeysFinal = [];
            var urlParamKeys = Object.keys(obj);

            // test each param for availability and create array with final keys
            for (var i = 0; i < list.length; i++) {
                urlParamKeysFinal.push(
                    urlParamKeys.filter(function (key) {
                        return key.includes(list[i]);
                    })
                );
            }

            // merge all keys into one list
            // https://stackoverflow.com/questions/10865025/merge-flatten-an-array-of-arrays
            urlParamKeysFinal = [].concat.apply([], urlParamKeysFinal);
            return urlParamKeysFinal.reduce(function (cur, key) {
                return Object.assign(cur, _defineProperty({}, key, obj[key]));
            }, {});
        };

        // create param object from query string
        var urlParams = getQueryParamsFromURL(); // Create filtered query string

        queryString = new URLSearchParams(
            // remove any non-matching keys from param object
            filterParamsFromList(urlParams, includeStrings)
        ).toString();

        // add ? to querystring unless it's empty
        if (queryString != "") queryString = "?" + queryString;
    }

    // return cleaned URL
    return addressString.origin + addressString.pathname + queryString;
}

Observera att i början av skriptet definieras variabeln includeStrings med alla parameternamn som definitivt alltid ska behållas i URL:en: gclid och utm-parametrar.

Om det finns andra parametrar som du vill ignorera, lägg bara till dem i arrayen.

Jag lade också till parametern gtm_debug. Den signalerar Google Analytics när en sida besöks i GTM debug-läge. Som ett resultat filtreras sidvisningar bort från GA-rapporterna under felsökning.

Filter query strings from other event parameters in GA4

Du kan också använda ovanstående skript för andra händelseparametrar i GA4. Till exempel för Video URLs eller URL:er till externa länkar.

Nästan i början av min kod definierar jag variabeln addressString.

var addressString = new URL(document.location);

Nu skapar du istället variabeln från GTM-variabeln som outputar video-URL:en:

var addressString = new URL({{Video URL}});

Skriptet kommer från och med nu att ta bort frågesträngarna från video-URL:en.

Då kan du ersätta {{Video URL}} i GA4-händelsetaggen med den nya JavaScript-variabeln.

Var försiktig när du filtrerar gclid-parametrar och UTM-parametrar

Gclid parametrar är frågeparametrar som Google Ads lägger till webbadressen för landningssidan när en annons klickas på. För attribuering i Google Analytics är det viktigt att dessa parametrar förblir i URL:en så att klicket kan hänföras till den betalda sökkanalen.

UTM parametrar är kampanjparametrar som Google Analytics-användare lägger till länkar till din webbplats. Med hjälp av utm-parametern kan användaren senare se i Google Analytics-rapporterna exakt vilken webbplats eller kampanj en besökare kom från.

Gclid parametrar och UTM parametrar filtreras automatiskt bort av Google Analytics under databehandlingen och är inte synliga i rapporterna. Dessa parametrar behöver därför inte filtreras bort manuellt med Google Analytics.

Redact Personal Information in GA4

GA4 har nyligen släppt en ny Gtag-funktion: Datacensurering för frågeparametrar.

Det betyder att om din webbplats plockar upp personlig information eller helt enkelt oönskade data i frågeparametrar, har du nu ett enkelt sätt att säga till GA4 att ignorera värdena på dessa frågeparametrar.

Gå till GA4:s administrationspanel och hitta den nya funktionen här:

Admin -> Data Streams -> Choose your stream -> Redact Data

Detta är ett snabbt och enkelt sätt att säkerställa att du inte skickar personlig data till Google Analytics servrar.

Det hjälper dig dock inte med andra tjänster som Facebook. För tredjepartsplattformar måste du fortfarande använda ovanstående lösning för att rensa URL-strängar innan de skickas.

Så här ser URL:en ut efter att GA4 har censurerat värdena:

FAQ

Referenser

• Vad är UTM-parametrar?
• Googles bästa praxis för att undvika att skicka PII
• Läs mer om Google Analytics syn på PII-data i deras användarvillkor i Sektion 7, "Privacy"

Matthias Kupperschmidt

Follow

17. May 2024

6min read

share