Toon Bootsrap modal op basis van gebruikersactie
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 400) {
if (Cookies.get('nl_popup') == null){
$('#newsletterModal').modal('show');
Cookies.set('nl_popup', 'yes', { expires: 365 });
}
}
});
if($(window).scrollTop() + $(window).height() > $(document).height() - 400) {
if (Cookies.get('nl_popup') == null){
$('#newsletterModal').modal('show');
Cookies.set('nl_popup', 'yes', { expires: 365 });
}
}
});
Note: Ik weet nog niet zeker of ik het modal toon wanneer de onderkant van de pagina wordt bereik of na een bepaald verstreken tijd?
Voor de verwerking van de data gebruik ik JQuery/AJAX en PHP. De gegevens die worden verwekt zijn: naam, e-mailadres, token (word gebruikt om de inschrijving te bevestigen en de aanmelding te activeren), aanmeldingsdatum en IP adres. Wat ik probeer te verwezenlijken is het volgende. Iemand meld zich aan voor het ontvangen van de nieuwsbrief. De volgende keer (sessie) dat deze persoon de website bezoekt wil ik deze persoon weer een modal tonen maar dit keer met een speciale aanbieding of een voucher (alleen als er een aanbieding door de admin/eigenaar geactiveerd is). Mensen die het modal hebben weggeklikt moeten het modal met aanbieding of voucher uiteraard niet te zien krijgen dus het tonen moet gebaseerd worden op een waarde uit de database en tegelijkertijd zou er wanneer het tweede modal word getoond ook weer een Cookie moeten worden geplaatst om te voorkomen dat het tweede modal opnieuw wordt getoond.
Ik ben al sinds vanmorgen aan het puzzelen wat de beste benadering zou kunnen zijn maar heb nog niet echt een helder moment gehad. Hoe zou ik dit het beste kunnen aanpakken?
Elke input is meer dan welkom. Alvast bedankt.
De vraag is dus een beetje "hoe identificeer ik een (terugkomende) bezoeker en hoe houd ik hier informatie over bij".
Mocht je 'm dan later nog weer iets anders willen laten zien, dan ga je naar nl_step=3, enz.
Evt. kun je bovenstaande nl_popup ook al in die nl_step verwerken (1 = popup gezien, 2 = aangemeld, 3 = aanbieding gezien, enz). Scheelt je weer een cookie.
@Rob. Ik snap/begrijp wat je zegt en kan het ook visualiseren alleen de uitwerking zie ik dus niet (ken je dat gevoel). Hoe bijvoorbeeld verwerk ik die twee (of meerdere) stappen in hetgeen ik nu al heb. In andere woorden hoe zou de Javascript eruit komen moeten komen te zien. Of zou ik dat in de database moeten verwerken? Zou je het misschien met een simpel voorbeeld kunnen laten zien?
Alvast bedankt