Bestimmte Seite bei wiederholten Besuchen basierend auf Benutzerauswahl anzeigen

Question

Ich habe ein Modal, das beim Laden der Seite startet und fragt die Benutzer ein paar Fragen (das ist sie zu qualifizieren, weil unser Produkt für viele Branchen geeignet ist. Sobald sie eine Option wählen das Modal, werden sie auf eine Seite gebracht, die auf ihre Branche ausgerichtet ist). ** Dies ist eine Webseite und keine App.

Ich bin ein Anfänger, so dass jede Hilfe willkommen ist. Ist es möglich, ihre Wahl in Erinnerung zu behalten? Wenn sie also auf die Webseite zurückkehren würden, würde sie direkt zu dieser Zielseite gehen, anstatt sie jedes Mal mit dem Popup herauszufordern. Ich nehme an, dass dies mit Cookies gemacht werden kann, aber ich bin mir nicht sicher, wo ich damit anfangen soll.

<div id="myModal" class="modal fade"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h4 class="modal-title">What Best Describes You?</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Please choose which best describes you so you can see content relevant to your industry.</p> 
      <ul class="list-unstyled list-spacing"> 
       <li>I am a</li> 
       <li>I am a</li> 
       <li>I am a</li> 
       <li>I am a</li> 
      </ul> 
     </div> 
    </div> 
</div> 

<script> 
    $(document).ready(function() { 
      $("#myModal").modal('show'); 
     }); 
</script> 

Answer 1

Ja, Sie können Benutzer speichern eingegebenen Daten im lokalen Speicher und bis der Benutzer sie löscht, wird es immer zur Verfügung stehen. So auf der Seite laden Sie die Daten aus dem lokalen Speicher überprüfen, wenn es verfügbar ist, verwenden Sie andernfalls den Benutzer zur Eingabe der Details.

um Daten zu speichern - localStorage.setItem('key', val); in Ihrem Fall versuchen Sie, sich mehrere Werte zu merken, also besser ein Objekt zu erstellen und dasselbe zu speichern.

für exmpale -

var userDataOnLoad = localStorage.getItem('userData'); 

    // check if userDataOnLoad defined  
    if(userDataOnLoad) { 

     // take the values out of the object 
     var username = userDataOnLoad.userName, 
      industry = userDataOnLoad.industry; 

    } else { 

     // prompt user to enter data and save it here in local storage 
     var data = {}; 
     data.userName = 'abc'; 
     data.industry = 'information technology'; 
     // other details. 

    // save the entire user data object to local storage 
    localStorage.setItem('userData', data); 
    }