J'ai mis en place un code sur ma page qui affiche un pop-up facebook. J'ai inséré ce code dans mon site
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> <script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script> <link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" /> <script type="text/javascript"> </script> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited==false') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#mdfb"}); } }); </script> <div id="mdfb" style='padding:10px; background:#fff;'> <h3 class="mdbox-title">Кликни LIKE и стани наш фан да бидеш известен на твојот профил за сите попусти!<center><p style="line-height:3px;" >?</p></center></h3> <center> <iframe id="fb-like" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fshoppingkatalog&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.shoppingkatalog.com">Шопинг Каталог</a></p> </div>
Maintenant, je dois me rappeler quand un utilisateur clique, je dois créer un cookie ou quelque chose comme ça pour me rappeler quel utilisateur a aimé ma page et qui ne l'est pas. Si un utilisateur n'a pas aimé ma page sur Facebook, affichez le popup à nouveau, si l'utilisateur a appuyé comme si vous ne montrez pas ce popup à nouveau. Quelqu'un peut-il me dire comment résoudre ce problème?
Si vous souhaitez le faire sur le côté client, consultez localStorage
:
Pour définir la valeur:
localStorage.setItem('liked', 'true');
Pour obtenir la valeur:
value = localStorage.getItem('liked');
Si vous devez supporter d'anciens navigateurs, voici un article sur les cookies que j'ai trouvé utiles.