Действие данного плагина очень простое: когда пользователь заходит на сайт, автоматически открывается поп ап окно, в котором расположены кнопки социальных сервисов (Facebook, Google+ и Twitter), если пользователь воспользуется одним из сервисов, то окно больше не будет ему показываться (сохранение по кукам).
Заливаем папку socban к себе на сайт.
На нужных страницах сайта перед </body>
ставим
Код
<link type="text/css" rel="stylesheet" href="/socban/css/socialmodal.css">
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="/socban/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/socban/js/jquery.socialmodal.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});
</script>
Ели вы хотите чтоб окно было только для гостей то заключаем в оператор:
Код
<?if($LOGIN_LINK$)?><?endif?>
Получается вот так:
Код
<link type="text/css" rel="stylesheet" href="/socban/css/socialmodal.css">
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="/socban/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/socban/js/jquery.socialmodal.js"></script>
<?if($LOGIN_LINK$)?><script language="javascript">
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});
</script><?endif?>
Для редактирования количества секунд измените на свое значения count: 20в скррипте
Код
<script language="javascript">
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});
</script>