Виджет Всплывающее окно социальных сетей для инстант 2

+35
7.74K
Виджет через заданное время после открытия страницы сайта выводит всплывающее окно, в котором можно вывести виджеты социальных сетей: вконтакте, одноклассники, фейсбук. Одному пользователю окно показывается один раз.

Иллюстрация

Принцип работы

В процессе загрузки виджета, на компьютере пользователя сохраняется cookies, поэтому он увидит всплывающее окно только раз, оно не будет его беспокоить на остальных страницах. Всплывающее окно основано на встроенных в цмс скриптах, поэтому нагрузки дополнительной не создает.

Настройки виджета

В настройках виджета можно указать размер всплывающего окна, время до всплытия окна после открытия страницы.

Иллюстрация

В остальных вкладках можно указать коды виджетов трех социальных сетей: Вконтакте, Одноклассники, Фейсбук.

Иллюстрация

Режим тестирования

В настройках виджета есть галочка " режим тестирования", включение которой заставит окно выводится при каждой загрузке страницы. Пригодится при настройке размеров окна или смене кода виджетов социальных сетей.

Как устанавливать?

Через пакет-инсталлятор, как обычно.

Требования

Стандартные для инстант 2.

Поддержка и обновление

Все будущие обновления для покупателей будут бесплатны. Виджет делается для своего портала, поэтому обновляться будет.

Демо

granitsnet.ru/

Цена

Стоимость виджета 100р.

Запрос на покупку можно сделать в личку, в icq 382-563-702, e-mail: evg.bulakh@gmail.com или через форму контактов на моем сайте www.zau4man.ru/kontakty.html

Возник ряд вопросов. Отвечу на них

Код в поле можно указывать любой. Не обязательно фейсбука, вк, одноклассников.
Можно заполнить только одно из них.
Можно поставить код любой другой социальной сети. Или, например, вставить во всплывашке свою картинку (хтмл-кодом разумеется).

UPDATE 13.03

Добавлена настройка время жизни куки. Теперь виджет можно использовать еще более гибко.
0
R161Net R161Net 9 лет назад #
Хорошая штука! :)) Обязательно возьму!
+3
Jestik Jestik 9 лет назад #
Как же бесит меня такая штука (как пользователя)
0
nedoriko nedoriko 9 лет назад #
я с тобой согласен. бесит это еще мягко сказано. но посмотри на него с другой стороны. если в таком окне будет всплывать текст -предупреждение типа (18+) и тому подобное.
хотя я и сам понимаю что это глупповатое предложение я сейчас сделал. но тоже вариант))
+1
wportal wportal 9 лет назад #
нужная вещь! Но очень жаль, у меня 1.10.1. Возможно есть что-то похожее для 1.10?
+7
WebMan WebMan 9 лет назад #
Двоякое впечатление от поста...
С одной стороны, в некоторых (редких) проектах это может действительно пригодиться.
С другой, реклама на сайтах становится всё более навязчивой и агрессивной. Особенно задалбывают подобные всплывающие окошки с любым содержимым. Я лично сразу закрываю подобные сайты и стараюсь к ним не возвращаться.
+4
Странник Странник 9 лет назад #
аналогично. если попадаю на такой сайт - сразу закрываю вкладку. считаю такое вывешивание рекламы поверх контента хамством по отношению к посетителю.
+3
Олег с клещами Олег с клещами 9 лет назад #
Я обычно сразу бегу с таких сайтов с попапами. Ни за что не поставлю такое.
+1
WebMan WebMan 9 лет назад #
Zau4man, может быть будет лучшим вариантом сделать такой виджет с всплывающим окошком не автоматическим, а появляющимся при щелчке мышкой по надписи "Присоединяйтесь к нам в соцсетях!" или любым текстом, задаваемым админом в настройках и имеющим оформление через стили?
Это был бы компромисный вариант, устраивающий всех. Работа-то выполнена хорошо, жаль минусовать. Я поставил плюс за работу и как задаток на будущее, если Вы сделаете вариант с показом по клику. smile
+1
WebMan WebMan 9 лет назад #
Да, по поводу платности виджета. Если делать такой виджет на продажу, тогда есть смысл сделать его более универсальным. Например, дать админам возможность добавлять другие соцсети (то есть сделать редактируемый список соцсетей) с галочками включения/отключения показа каждой соцсети. А рядом с надписью "Присоединяйтесь ...!" на странице (при скрытом окне) показывать значки включённых соцсетей. Может быть это было бы удобнее.
0
DeeMon DeeMon 9 лет назад #
Я бы ещё добавил выбор страницы или раздела где он будет всплывать, например в профиле пользователя или при завершении регистрации. Просто на главной не вариант 100%.
0
Zau4man Zau4man 9 лет назад #
это виджет. Вы можете настроить его вывод на нужных вам страницах + у каждого виджета есть настройки по группам.
Создайте в списке виджетов специальную страницу, укажите в ее настройках нужные url, разместите виджет на ней.
Мыслите шире joke
+3
eoleg eoleg 9 лет назад #
+ за работу.
Всплывающие окна бесят!
+1
Fenix Fenix 9 лет назад #
Всплывающие окна бесят!
согласен! в браузере куча "обвесов" препятствующих их появлению, но если уж проскакивают - на "крестик закрывания" сайта... но за проделанную работу все же плюс.
+1
Zau4man Zau4man 9 лет назад #
Возник ряд вопросов. Отвечу на них.

Код в поле можно указывать любой. Не обязательно фейсбука, вк, одноклассников.
Можно заполнить только одно из них.
Можно поставить код любой другой социальной сети. Или, например, вставить во всплывашке свою картинку (хтмл-кодом разумеется).

Я обычно сразу бегу с таких сайтов с попапами. Ни за что не поставлю такое.
я тоже бегу. Но для обычного пользователя работает...
0
reload reload 9 лет назад #
Отличная штука +
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст
-3
Евгений Евгений 9 лет назад #
Спасибо за помощь и любезно предоставленный виджет. Народ в соцсети начал прибывать через виджет !
Работу можно посмотреть ТУТ

СПАСИБО ЗА ВИДЖЕТ !
+1
SEOrigin SEOrigin 9 лет назад #
Опять на халяву для "социального проекта" выпросил продукт и вновь спамишь ссылкой на свой сайт?
0
Mr.Andreius Mr.Andreius 9 лет назад #
хм... хоть popunder'ы и зло, но вариант имеет место на жизнь. ИМХО, предпочел бы иметь настройку - сменить тип поведения на, например выезжающий сбоку экрана контейнер...
0
Zau4man Zau4man 9 лет назад #
Тогда придется навешивать дополнительные скрипты. А этого ой как не хочется. Тут итак некоторые шаблоны по 2 метра продают. Добавьте туда еще пару скриптов.
0
Artamos Artamos 9 лет назад #
А можно добавить опцию отключения показа на мобильных устройствах? Судя по инструментам оптимизации гугла на мобильных это окно лучше отключить, т.к. для работы с ними модальное окно не адаптировано.
0
Zau4man Zau4man 9 лет назад #
Привязка к размера экрана подойдет?
Настройки виджета теперь выглядят так

""


Если экран меньше 800 пикселей, окно выведено не будет. Размер можно задать любой.
0
Artamos Artamos 9 лет назад #
Ну как вариант да, можно минимальное разрешение экрана указывать.
0
Artamos Artamos 9 лет назад #
А лучше сделать опцию "Не показывать если разрешение экрана по ширине или высоте менее размера модального окна". Думаю так будет даже удобнее, чтобы не указывать размеры несколько раз.
0
Zau4man Zau4man 9 лет назад #
Это точно не вариант. Размеры модального окна считаются хитрО, в зависимости от размеров содержимого, размера экрана.
0
Artamos Artamos 9 лет назад #
где можно скачать обновление?
0
Zau4man Zau4man 9 лет назад #
Вы его покупали у меня? Если да, то в пн будет обновление разослано.
0
varer4ik varer4ik 9 лет назад #
Для 1.10.3 у кого-нибудь есть ?
0
wportal wportal 9 лет назад #
мне бы под 1.10.1

Еще от автора

Элемент Вопросы/Ответы для конструктора блоков Zbuilder
В приложении к посту архив, при установке которого в компонент Zbuilder будет добавлен элемент Вопросы/ответы, который используется на демо
Конструктор блоков Zbuilder
Я уже делал и использовал на нескольких проектах шорткоды. Мне не понравилось. Потом были просто блоки. Собрал из них несколько проектов.
Про дочерние шаблоны в 2.17.0
В ближайшее время состоится релиз InstantCMS 2.17.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.