Всплывающее окно с социальными кнопками

 Продвижению любого сайта или блога способствуют различные социальные кнопки и социальные плагины. Логика проста: чем больше людей поделится ссылками на Ваш сайт в социальных сетях, тем больше посетителей к Вам придет. Также Вы можете использовать анимированных персонажей или всплывающие (модальные) окна с социальными кнопками.

Авторы всплывающих окон предлагают несколько разных вариантов (каждый из которых Вы можете еще настроить, если немного знакомы с HTML).

Например, простые универсальные окна с социальными кнопками:

Полностью белое окно, закрывающее всё пространство сайта:

Интересно смотрится красное модальное окно:

Всплывающие окна для сайта с лайками с просьбой поддержать проект: 

Или вот такие оригинальные:

Для каждого окна есть просмотр примера онлайн.

Как добавить на сайт или блог всплывающее окно с социальными кнопками.

1. Сначала нужно выбрать на сайте вариант, который Вы будете устанавливать. 
2. Затем нажать кнопку Установить.

3. Далее выбираем шаблон.

     Например, у синего модального окна есть 3 шаблона: с крестиком, с таймером (закроется через 60 секунд), только кнопки.

4. Текст и социальные кнопки можно настроить. Для этого нужно выделить нужный элемент.

   Вид социальных кнопок (форма, размер, со счетчиком/без счетчика) настраивается справа.

5. Для предпросмотра - вставьте адрес своего сайта или блога, нажмите кнопку Посмотреть.

6. Выберите один из вариантов установки кода - зависит от платформы Вашего сайта. (Есть помощь в установке кода: WordPress, Joomla, uCoz)

Для блогов на платформе Blogger выбираем второй вариант - "Код в развернутом виде".

7. Установка кода.

Для установки всплывающего окна с социальными кнопками на Blogger создаем новый гаджет HTML/JavaScript (Дизайн -> Добавить гаджет -> HTML/JavaScript)

И вставляем в поле Содержание сначала код библиотеки:

<script async src="//cdn-library.su/plusonet/lib/plusonet-3.8.min.js"></script>

Затем ниже скопированный на сайте код скрипта.

  В коде скрипта можно настраивать:

  plusonet.mw.time.open      = 3000;          // через сколько появится модальное окно
  plusonet.mw.time.trigShare = 86400 * 30;    // Сколько времени не будет появляться модальное окно (указывать в секундах)
  plusonet.mw.time.trigTimer = 86400 * 7;     // Сколько времени не будет появляться модальное окно после окончания таймера
  plusonet.mw.time.trigCross = 86400 * 1;     // Сколько времени не будет появляться модальное окно после закрытия на крестик

После всех настроек (можно оставить по умолчанию), гаджет сохраняем (поле Название гаджета можно оставить пустым).

Желаю Вам увеличения потока посетителей при помощи социальных кнопок! :)