0

Facebook のようなポップアップを表示するコードをページに実装しました。このコードを自分のウェブサイトに挿入しました

<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&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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>

ここで、ユーザーがいつクリックしたかを覚えておく必要があります。Cookie などを作成して、どのユーザーが自分のページを好きで、誰が好きではないかを覚えておく必要があります。ユーザーが Facebook で私のページを気に入らなかった場合は、ポップアップを再度表示します。ユーザーがいいねを押した場合は、このポップアップを再度表示しません。誰でもこの問題を解決する方法を教えてもらえますか?

4

1 に答える 1

1

クライアント側でそれを行いたい場合は、以下を調べてlocalStorageください。

値を設定するには:

localStorage.setItem('liked', 'true');

値を取得するには:

value = localStorage.getItem('liked');

古いブラウザーをサポートする必要がある場合は、こちらのCookieに関する記事を参考にしてください。

于 2012-07-05T11:53:39.303 に答える