Personalisaties troubleshooten

1 Personalisatie laadt traag in
2 Personalisatie flickert
3 Personalisatie toont niet
- 3.1 Verkeerde instellingen
- 3.2 Verkeerde queryselector
4 Varianten worden niet gelijk verdeeld

Personalisatie laadt traag in

Dit is meestal het gevolg van je website die andere scripts eerst inlaadt, waardoor Squeezely en je personalisaties moeten wachten hierop. Je kan de laadtijden aanzienlijk verbeteren door deze richtlijnen te hanteren:

Plaats onze trackercode zo hoog mogelijk in de headtag.
Plaats deze rechtstreeks in je code, in plaats van een externe container zoals Google Tag Manager te gebruiken.

<head>
<script type="text/javascript">
(function(s,q,z,l,y){s._sqzl=s._sqzl||[];l=q.createElement('script'),
y=q.getElementsByTagName('script')[0];l.async=1;l.type='text/javascript';
l.defer=true;l.src=z;y.parentNode.insertBefore(l,y)})
(window,document,'https://squeezely.tech/tracker/SQ-ID/sqzl.js');
</script>

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ID');</script>
</head>

Gebruik je Google Tag Manager, moet eerst GTM ingeladen worden en je tags verwerkt worden, voor Squeezely inlaadt, dit zorgt voor merkbare vertraging.

Je kan nog steeds je events via GTM versturen, het gaat specifiek om de trackercode (deze laadt de personalisaties in) die je het beste apart inlaadt, voor je de GTM code inlaadt.

Personalisatie flickert

Sommige personalisaties vervangen je bestaande HTML elementen, echter kan onze tracker je bestaande element pas onzichtbaar maken zodra de tracker ingeladen is. Vervolgens vervangen we meteen je personalisatie, dit kan voor een flicker effect zorgen.

Daarom hebben we een erg licht script, wat alle potentieel te verbergen elementen zo snel als mogelijk verbergt, eigenlijk al bij het inladen van de pagina. Dit moet je apart inladen, bovenaan in je headtag voor alle andere scripts (dit werkt ook als je de tracker wel via GTM inlaadt).

Vervang je persoonlijke merchant ID bij de m parameter:

<script async type="text/javascript" src="https://squeezely.tech/p?hqs=1&m=SQ-ID"></script>

Komt de bezoeker niet in aanmerking voor de personalisatie en moet het oorspronkelijk element terug tonen? Dan tonen we het verborgen element opnieuw waarbij we trachten een flicker effect te vermijden.

Personalisatie toont niet

Verkeerde instellingen

Om de instellingen uit te sluiten kan je tijdelijk de personalisatie zo instellen dat de enige voorwaarde is dat de URL een bepaalde parameter bevat die alleen jij gebruikt. Bijvoorbeeld:
URL bevat: mypersotest

Vervolgens voeg je dit toe aan de pagina die je wenst te testen, bijvoorbeeld:
https://www.squeezely.tech/nl/features?mypersotest

Verschijnt de personalisatie dan wel? Controleer dan al je instellingen en zoek je profiel op om te kijken of het in aanmerking komt.

Verkeerde queryselector

Een veelvoorkomende oorzaak voor het niet zien van de personalisatie, is dat onze tracker je opgegeven queryselector niet kan vinden. Mogelijke problemen:

Het element laadt trager in dan onze tracker.
Je HTML structuur verschilt per apparaat of browser.
Je gebruikt een queryselector die van teveel elementen afhankelijk is.

Het laatste scenario valt vooral voor als je de automatische queryselector gebruikt, bijvoorbeeld:

Automatische queryselector:

html>body>div#page>div#content>div>div#primary>main#main>ul>li:nth-of-type(1)>a:nth-of-type(2)

Manuele queryselector:

Bij de automatische ben je van zoveel elementen afhankelijk die op hun beurt dan weer per apparaat / browser / thema wijzigingen anders kunnen zijn, zodoende is een specifiek ID of klasse selecteren de beste optie.

Varianten worden niet gelijk verdeeld

Het indelen van gebruikers bij controlegroep of variant gebeurt al wanneer de tracker initialiseert en is bij het evalueren van de personalisatie al bepaald. Het is echter tijdens het evalueren dat we pas kunnen bepalen of gebruikte variabelen aanwezig zijn of aan de voorwaardes voldoen. Dit houdt in dat als je gebruik maakt van variabelen of productinformatie, je opgegeven distributieverhoudingen niet altijd gerespecteerd kunnen worden door technische beperkingen.

Zie voor meer informatie en een workaround:

Distributie gelijk verdelen bij variabelen