Funnels, Websites & Webinars: Veelgestelde vragen en problemen oplossen

Dit artikel bevat stappen voor het oplossen van veelvoorkomende problemen die optreden bij het gebruik van bepaalde functies binnen trechters, websites en webinars. Met deze stappen kun je problemen met tracking codes, aangepaste velden, afbeeldingen, renderingproblemen en meer oplossen.

INHOUDSOPGAVE

Veelvoorkomende problemen en stappen voor probleemoplossing

1. Head-trackingcode maakt geen deel uit van de -tag

Probleem

De head- en body-trackingcodes worden aan de clientzijde (browser) geïnjecteerd en verschijnen daarom niet in de <head>    -tag in de broncode. Wat je in de paginabron ziet, zijn de initiële HTML-gegevens die worden gebruikt om de pagina te renderen. Ons platform injecteert de trackingcodes dynamisch aan de clientzijde. Daardoor zijn ze niet aanwezig in de statische bronweergave.

Ook als je aangepaste trackingoplossingen implementeert, zoals Google Tag Manager (GTM), blijven deze scripts werken zoals verwacht. Injectie aan de clientzijde is compatibel met GTM en vergelijkbare tools.

Uitleg

Wat je in de broncode ziet, zijn de paginagegevens die worden gebruikt om de pagina te renderen, niet de dynamisch geïnjecteerde trackingcodes.

Stappen voor probleemoplossing

Bekijk de video-uitleg over hoe Voluit Suite head- en body-trackingcodes injecteert: Videolink

2. Bijgewerkte aangepaste velden worden niet gerenderd in de voorbeeldweergave/op de site

Probleem

Aangepaste veldwaarden worden niet op de site weergegeven wanneer ze via de backend worden bijgewerkt (bijvoorbeeld via automatiseringen en workflows).

Uitleg

  • Aangepaste velden worden opgeslagen in de contactdatabase, maar de site haalt veldgegevens uit lokale opslag of cookies om ze op de volgende pagina te renderen.

  • Wanneer een contactpersoon een formulier, enquête of bestelformulier invult, worden de ingevoerde waarden opgeslagen in de lokale opslag.

  • Als waarden van aangepaste velden, zoals scores of geschatte kosten, worden bijgewerkt via automatiseringen, workflows of andere backendprocessen, worden ze niet opgeslagen in de lokale opslag.

  • Deze velden worden daarom niet gerenderd op trechterpagina's, omdat de weergave aan de front-end afhankelijk is van gegevens die lokaal in de browser zijn opgeslagen.

  • Dit gedrag is bewust ontworpen voor snellere paginarendering en personalisatie van gegevens die rechtstreeks door gebruikers zijn ingediend.

Stappen voor probleemoplossing

  1. Controleer of de betreffende aangepaste velden worden ingevuld via formulieren/enquêtes of via backendautomatisering.

  2. Als ze via de backend worden bijgewerkt, worden ze niet weergegeven op de trechterpagina omdat er geen bijbehorende vermelding in de lokale opslag bestaat.

  3. Zo zorg je ervoor dat deze velden worden gerenderd:

    • Voeg de relevante velden toe aan het formulier of de enquête, zodat invoer van de gebruiker wordt opgeslagen in lokale gegevens.

    • Je kunt ook een aangepast script of aangepaste logica gebruiken om de via de backend bijgewerkte veldwaarden vóór het renderen naar de lokale opslag te schrijven.

⚠ Note - Only custom fields updated via direct user input (e.g., form or survey submissions) are saved to local storage and rendered on the funnel page.Fields updated through backend automation (such as score or CRM updates) will not appear on the site.

3. Wazige of langzaam ladende afbeeldingen

Probleem

Sommige afbeeldingen lijken wazig of laden langzaam door instellingen voor afbeeldingsoptimalisatie.

Uitleg

Afbeeldingsoptimalisatie verbetert de paginasnelheid, maar gebruikt één algemene kwaliteitsinstelling. Sommige afbeeldingen kunnen scherpte verliezen als de optimalisatie te agressief is.

Stappen voor probleemoplossing

  • Schakel afbeeldingsoptimalisatie voor specifieke afbeeldingen uit in de builder.

  • Schakel optimalisatie voor achtergrondafbeeldingen uit in de trechterinstellingen.

  • Upload afbeeldingen met een hogere resolutie om de scherpte na optimalisatie te behouden.

 voor afbeeldingselementen, ongeacht of Image Optimization is ingeschakeld.loading="lazy" voor afbeeldingselementen, ongeacht of Image Optimization is ingeschakeld.

4. Aangepaste waarden veroorzaken problemen of worden niet gerenderd in de voorbeeldweergave

Probleem

Aangepaste waarden worden niet goed gerenderd in de trechter.

Mogelijke oorzaken en oplossingen

Probleem met hyperlink:

  • Controleer of een aangepaste waarde in een tekstelement is omgezet in een hyperlink.

  • Verwijder hyperlinks uit de betreffende elementen, omdat ze de rendering verstoren.

Probleem met de opmaak van ChatGPT-antwoorden:

  • Door ChatGPT gegenereerde content kan speciale tekens bevatten, zoals

    \n

    , die de trechterpagina verstoren.

  • Werk de ChatGPT-prompt bij zodat deze content in HTML-opmaak retourneert.

  • Je kunt ook de actie “text formatter” gebruiken om

    \n

    te vervangen door

    <br/>

    .

5. De trechter, pagina of account van een live site identificeren

Stappen om het probleem te identificeren

  1. Open het tabblad Network in de browser.

  2. Wis de console en schakel het XHR-filter in.

  3. Laad de pagina opnieuw.

  4. Controleer de event-aanroep in de netwerklogboeken.

  5. Open het gedeelte met de payload om de vereiste gegevens te vinden.

6. Site wordt niet goed gerenderd (uitlijningsproblemen, laadlussen enzovoort)

Probleem

De site wordt niet goed weergegeven. Elementen staan verkeerd uitgelijnd of de pagina wordt steeds opnieuw geladen.

Stappen voor probleemoplossing

  • Verwijder alle aangepaste code in code-elementen, head-/footer-trackingcode en aangepaste CSS.

Aangepaste code-elementen vinden:

  1. Open de builder.

  2. Bekijk de paginavoorbeeldweergave.

  3. Gebruik Ctrl + F (Windows) of Cmd + F (Mac) om te zoeken naar

    c-custom-code

    .

  4. Als je aangepaste code-elementen vindt, verwijder je deze en controleer je of het probleem blijft bestaan.

Controleren op specifieke problemen:

  • Controleer of voor geen enkele sectie, kolom of element de optie sticky is ingeschakeld. Sticky CSS werkt alleen in de voorbeeldweergave.

  • Verwijder verlopen timer-elementen, omdat deze weergaveproblemen kunnen veroorzaken.

  • Open de browserconsole en controleer op fouten.

  • Als er een hydration error verschijnt, escaleer je het probleem als supportticket.

7. Paginasnelheidsscore of snelheid is te laag

Probleem

De pagina laadt langzaam of snelheidstools geven lage prestatiescores terug.

Opmerking

Het developmentteam biedt geen debuggingondersteuning om de paginasnelheid rechtstreeks te verbeteren.

Aanbevolen tools

Deze tools helpen je de prestaties van een pagina te analyseren en verbeteringen voor te stellen.

Stappen voor probleemoplossing en optimalisatie

  • Controleer op externe scripts of CSS die via trackingcode of aangepaste code-elementen worden geladen.

  • Beoordeel de lengte en inhoudsdichtheid van de pagina.

  • Optimaliseer afbeeldingen met de schakelaar Image Optimization van Voluit Suite of comprimeer ze handmatig.

  • Best practice: Afbeeldingen die boven de vouw worden geladen, moeten kleiner zijn dan 200kb om goede LCP-scores op mobiel te helpen behalen.

  • Schakel Optimize JavaScript in om de hydration van niet-essentiële JS en trackingcodes uit te stellen. Dit verbetert TBT (Total Blocking Time).

  • Zoek naar aangepaste code-elementen die widgets van derden of JavaScript injecteren.

  • Verplaats zware elementen, zoals formulieren, agenda's, reviewwidgets en kaarten, onder de vouw.

Benchmark

Een goed geoptimaliseerde Voluit Suite-pagina scoort doorgaans:

  • Boven 80 op mobiel

  • Boven 95 op desktop

Dit geldt ook in scenario's waarin trackingcodes en afbeeldingen met een hoge resolutie aanwezig zijn.

8. Beveiligingsheaders blokkeren site-assets

Probleem

Pagina's of trechterstappen kunnen scripts, afbeeldingen of stijlen niet laden wanneer beperkende of ongeldige beveiligingsheaders zijn ingesteld op het tabblad Security onder Sites → Trechters (Funnels) → specifieke trechter met het probleem.

Veelvoorkomende oorzaken

  • Verkeerd geconfigureerde of te beperkende

    Content-Security-Policy

    -waarden.

  • Regeleinden of ongeldige tekens in de headerwaarde.

  • Beperkende directives die assets van de CDN van Voluit Suite of integraties van derden blokkeren.

  • Onjuiste URL-configuratie na het bewerken van de headers.

Stappen voor probleemoplossing

  1. Ga naar Sites → Settings → Security tab.

  2. Controleer aangepaste headers, zoals

    Content-Security-Policy

    ,

    Strict-Transport-Security

    ,

    X-Content-Type-Options

    ,

    X-Frame-Options

    .

  3. Verwijder of wis tijdelijk alle aangepaste headers en laad de pagina opnieuw.

    • Als de pagina correct laadt, wordt het probleem veroorzaakt door een van de headerconfiguraties.

  4. Controleer of er geen regeleinden of nieuwe regels in de headerwaarde staan.

    • Headerwaarden moeten als één doorlopende regel worden ingevoerd.

  5. Gebruik geen beperkende of niet-ondersteunde regels tenzij je volledig begrijpt wat het effect ervan is.

    Voorbeeld van een geldige indeling:

    default-src 'self'; img-src *; script-src 'self' https://example.com;

  6. Als de homepage problemen blijft geven, probeer dan tijdelijk een ander URL-pad toe te wijzen.

  7. Wis na de aanpassingen de cache of test in Incognitomodus om te controleren of het probleem is opgelost.

Tips voor probleemoplossing

  • Controleer de syntaxis van elke header en bevestig dat er geen ongeldige of niet-ondersteunde directives worden gebruikt.

  • Als de klant ongeldige waarden opnieuw invoert, vraag je de klant deze te verwijderen of eenvoudiger te maken.

Benchmark

Een correct geconfigureerde pagina met geldige beveiligingsheaders moet:

  • Alle Voluit Suite-assets laden zonder blokkeringen.

  • Geen “Refused to load”- of “Blocked by CSP”-fouten in de browserconsole tonen.

Validatietip

Gebruik CSP Evaluator by Google om te controleren of het geconfigureerde Content-Security-Policy geldig en veilig is.

Heeft dit je vraag beantwoord? Bedankt voor de feedback! Er was een probleem bij het versturen van je feedback. Probeer later nog eens.

Gerelateerde artikelen