jQuery Social Modal Box Dle
Данный хак подойдет на любую версию DLE да и вообще любую страницу.
Описания:
Действие данного плагина очень простое: когда пользователь заходит на сайт, автоматически открывается поп ап окно, в котором расположены кнопки социальных сервисов (Facebook, Google+ и Twitter), если пользователь воспользуется одним из сервисов, то окно больше не будет ему показываться (сохранение по кукам).
Если просто дождаться окончания таймера, то при следующей перезагрузке страницы окно опять появится. Из функциональной части скрипта можно выделить возможность полного редактирования CSS стиля окна, сохранение куков пользователей, поддержка трёх социальных сервисов, вывод предупреждения если куки отключены, возможность выставить появление окна в автоматическом режиме или по клику определённого елемента на страницах. Совместимость, по словам разработчика: jQuery 1.4, jQuery 1.5 и браузеры IE8, IE9, Firefox 4, Safari 4, Safari 5, Opera, Chrome.
Способ установки скрипта:
1. Первым делом загрузить папки css, img, js, в директорию Вашего сайта.
2.Между тегами
<head></head>
страниц сайта поместить следующий код:<link type="text/css" rel="stylesheet" href="/css/socialmodal.css">
<script type="text/javascript" src="/js/jquery.js"></script>
<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="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery.socialmodal.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<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="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery.socialmodal.js"></script>
3.Дальше, просто сделать вызов функции на тех страницах, где планируется показ окна:
Для редактирования количества секунд измените на свое значения count: 25 где 25 это и есть то количество секунд !
<script language="javascript">
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 25,
});
});
</script>
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 25,
});
});
</script>
Делаем так что бы Pop окно вылезало только на главной.
В админ панели заходим Управление рекламными материалами
Создаем новое рек место !
Вставляем код
<link type="text/css" rel="stylesheet" href="/css/socialmodal.css">
<script type="text/javascript" src="/js/jquery.js"></script>
<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="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery.socialmodal.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});
</script>
<script type="text/javascript" src="/js/jquery.js"></script>
<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="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery.socialmodal.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});
</script>
Ставим галочку Показывать только на главной (несквозной баннер)
Радуемся ! Если вы ствите только на главной то пункт 2 и 3 делать не нужно
Для чего он ?
Я поставил для повышения трафика ведь соц трафик довольно не плохой !
Так же есть возможность добавить свои кнопки например VK
Demo
jquery-social-modal-box-dle.rar [56.11 Kb] (cкачиваний: 211)
MD5: c63ef7ada2e4bc9d6ea78ffbece19865
MD5: c63ef7ada2e4bc9d6ea78ffbece19865
Главная
