Installation af Inspectlet på WordPress

Hvad er inspectlet?

Inspectlet er et fantastisk værktøj hvis du ikke har råd til løbende brugertest af din hjemmeside. Inspectlet optager den besøgendes adfærd på din hjemmeside. Ved blot at følge med i få brugeres interaktion på din hjemmeside vil du hurtigt kunne se et mønster i hvordan dit bruger segment regner med din hjemmeside fungere. Er der for eksempel man der bruger at klikke på et bestemt stykke tekst eller leder brugeren efter ”Gå til bestilling” knappen.
Et eksempel på en optagelse lavet med Inspectlet kan ses i dette lille eksempel fra www.recuvio.dk. Vi følger brugerens pil på skærmen og deres færden på siden – intet mindre end uvurderlige oplysninger når vi skal øge konverteringerne på en hjemmeside.

Sådan gør du

1. Gå ind på www.inspectlet.com og opret dig som bruger
2. Under oprettelsen vil du blive præsenteret for et stykke kode der ligner dette:

<!– Begin Inspectlet Embed Code –>
<script type=”text/javascript” id=”inspectletjs”>
window.__insp = window.__insp || [];
__insp.push([‘wid’, 12345678]);
(function() {
function __ldinsp(){var insp = document.createElement(‘script’); insp.type = ‘text/javascript’; insp.async = true; insp.id = “inspsync”; insp.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://cdn.inspectlet.com/inspectlet.js’; var x = document.getElementsByTagName(‘script’)[0]; x.parentNode.insertBefore(insp, x); }
if (window.attachEvent) window.attachEvent(‘onload’, __ldinsp);
else window.addEventListener(‘load’, __ldinsp, false);
})();
</script>
<!– End Inspectlet Embed Code –>

3. Du skal nu logge ind i WordPress admin og navigere til ”Udseende” –> “Editor”
4. I højre side vælges nu ”Header(Header.php)”
5. Find nu den linje der står i </head>
6. Indsæt inspectlet koden lige op over således at slutningen af din <head> sektion kommer til at se nogenlunde sådan ud:
<!– Begin Inspectlet Embed Code –>
<script type=”text/javascript” id=”inspectletjs”>
window.__insp = window.__insp || [];
__insp.push([‘wid’, 12345678]);
(function() {
function __ldinsp(){var insp = document.createElement(‘script’); insp.type = ‘text/javascript’; insp.async = true; insp.id = “inspsync”; insp.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://cdn.inspectlet.com/inspectlet.js’; var x = document.getElementsByTagName(‘script’)[0]; x.parentNode.insertBefore(insp, x); }
if (window.attachEvent) window.attachEvent(‘onload’, __ldinsp);
else window.addEventListener(‘load’, __ldinsp, false);
})();
</script>
<!– End Inspectlet Embed Code –>

</head>
7. Tryk på den blå knap “Opdater fil”
8. Nu kan du gå tilbage til inspectlet og vente på den første ”rotte går i fælden” og du kan kigge med over skulderen på dine brugere

Hvorfor ikke bruge det officielle inspectlet plugin til WordPress?

Der findes et officielt inspectlet plugin til WordPress, du finder det her: https://wordpress.org/plugins/inspectlet-heatmaps-and-user-session-recording/
I bund og grund er det et helt okay plugin – og det fungere som det skal. Men jeg er imod blot hovedløst at installere en masse forskellige plugins i WordPress, af to grunde:
1. Jo flere plugins du har på din side, jo langsommere bliver den
2. Jo flere plugins du har på din side, jo flere opdateringer og sikkerheds huller skal du holde styr på.

Ved at implementere inspectlet koden direkte i din wordpress design skabelon skaber du ikke noget sikkerhedshul og din sides hastighed bliver minimalt påvirket.
Jeg håber denne guide har hjulpet dig. Spørg endelig løs i kommentar feltet nedenfor hvis der er noget der driller.
Ha’ en god dag 🙂

Baseret på tørre tal og statistik løfter vi hos Intelligo din virksomheds salg. Privat bor jeg sammen med min kæreste på Frederiksberg og nyder lange cykelture på de danske og franske landeveje bl.a. som en del af Team Rynkeby.

Leave a Comment

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

*
*