Blog overzicht

Hoe u kunt controleren of de gebruiker zich op de startpagina of een specifieke pagina bevindt

Je kunt Javascript gebruiken om te controleren of de gebruiker zich op de homepage of een andere specifieke pagina bevindt. In dit voorbeeld kijken we of de gebruiker op de homepage staat. Als, en alleen dan, openen we automatisch de Web Widget na 5 seconden om een specifiek Event te activeren.

Om de code te laten werken, zullen we deze opnemen door 3 stappen te volgen:

  1. Maak een functie om te controleren of op de gebruiker op de homepage is
  2. Gebruik de functie om te controleren of op de gebruiker op de homepage is
  3. Voeg een vertraagde opening en Event Trigger toe

Javascript kan ook gebruikt worden om te controleren of de gebruiker op een Desktop of Mobile device is, of je kunt functies combineren om te checken of de gebruiker op de homepage is met een desktop.

Desktop en Mobile Chatbot

1. Maak een functie om te controleren of op de gebruiker op de homepage is

Laten we beginnen met het maken van een functie om te controleren of de gebruiker zich op de homepage bevindt. Om dat te doen kunnen we de pathname gebruiken. Als de gebruiker op de homepage is moet de pathname gelijk zijn aan “/”. Elke andere pagina zal bestaan uit extra tekens in de pathname. Als je een specifieke pagina wilt toevoegen, kun u de “/” vervangen door de pathname van je pagina, bijvoorbeeld “/blog”.

<script>
  window.homepagecheck = function() {
    var check = false;
    if(document.location.pathname === "/"){
      check=true;
      }
    return check;
  }
</script>

2. Gebruik de functie om te controleren of op de gebruiker op de homepage is

De functie is gemaakt en we kunnen hem nu activeren. De functie retourneert een booleaanse waarde (true of false). De onderstaande code kan worden vertaald naar iets als: Als het waar is dat die gebruiker op de homepage staat dan …

<script>
if(window.homepagecheck()){
  // add code here
}

</script>

3. Voeg een vertraagde opening en Event Trigger toe

Laten we nu de vertraagde opening toevoegen en een event activeren.

<script>
  // Delayed Opening
  setTimeout(function() {
   __flowai_webclient_app.open()
  }, 5000) // 5 secs
  
  // Trigger Event
  window.__flowai_webclient_autoTriggerEvent = 'START_CHAT'

</script>

Vind de volledige code hieronder

<script>
  window.homepagecheck = function() {
    var check = false;
    if(document.location.pathname === "/"){
      check=true;
      }
    return check;
  }


  if(window.homepagecheck()){
    setTimeout(function() {
      __flowai_webclient_app.open()
      }, 5000) // 5 secs
      
    window.__flowai_webclient_autoTriggerEvent = 'START_CHAT'
  }

</script>
Demo aanvragen