Social Media Popup — плагин социальных сетей для WordPress

Возникла идея реализовать плагин для сбора подписчиков в своих группах и сообществах в социальных сетях. Из всех существующих аналогов не нашёл того набора, который нужен мне, а именно: Facebook, ВКонтакте, Twitter, Google+, Одноклассники, Pinterest и Instagram. Для каждой социальной сети существует свой отдельный плагин для WordPress или же какой-то хитрый способ создать виджет, но единого комбайна с поддержкой всех социалочек фактически не существует. Именно по этой причине я и взялся за создание.

Плагин работает только на WordPress!
Плагин изначально разрабатывался под WordPress и нет планов по его дальшейшей доработке под другие CMS (Joomla, Drupal). Если вы разработчик под эти CMS – свяжитесь со мной, обсудим возможные варианты сотрудничества.

Как это работает?

 

Если окно плагина не отобразилось сразу, значит я выставил настройки показа на второй странице.
Обновите эту страницу и нажмите на кнопку ещё раз, тогда окно сработает.

Да-да, всех бесят всплывающие окна, но, тем не менее, они до сих пор остаются эффективным инструментом по привлечению подписчиков. При наступлении определённого события (просмотр N страниц сайта, прошествие M секунд, щелчок по указанному элементу на сайте, прокрутка страницы сайта или другие доступные события плагина) у посетителя откроется всплывающее окно с призывом вступить в группы подключенных социальных сетей.

Главное окно приложения
Виджет Google+
Виджет Twitter

В зависимости от подключенных социальных сетей будет то или иное количество закладок. Для каждой закладки — свой виджет социальной сети. При нажатии на кнопку закрытия окна в браузере посетителя сохраняется cookie с указанной в настройках датой. Как только этот интервал истечёт — окно появится вновь. Я думаю нет нужды подробно рассказывать, как работают подобные всплывающие окна, лучше сосредоточусь на реализованной функциональности. :-)

Поддерживаемые социальные сети

На сегодня поддерживаются 6 самых популярных социальных сетей:

  • Facebook, виджет Page Plugin
  • ВКонтакте, виджет Сообщества
  • Twitter, виджет Timeline и Follow Button
  • Google+, виджет Communities
  • Pinterest, вывод профиля пользователя
  • Одноклассники, виджет групп и сообществ

Скриншоты виджетов социальных сетей

Facebook

Используется виджет Page Plugin.

Пример 1Пример 2Пример 3
Вариант с отключенными публикациями и используемым заголовком.
Виджет Facebook Page Plugin
Вариант с отключенными публикациями и отключенным заголовком.
Виджет Facebook Page Plugin
Вариант со включенными публикациями и отключенным списком друзей.
Виджет Facebook Page Plugin

ВКонтакте

Используется виджет Сообщества.

Пример 1Пример 2
Классический вариант виджета Сообщества
Виджет ВКонтакте Сообщество
Виджет Сообщества без списка пользователей, но с изменённым оформлением
Виджет ВКонтакте Сообщество

Остальные социальные сети (Instagram, LinkedIn, YouTube и другие) либо не имеют удобной функциональности для встраивания, либо я пока не разобрался и не добрался до них. Если потребуется кому-то из пользователей плагина — добавлю.

Реализованная функциональность

  • Выбор порядка отображения закладок социальных сетей в панели навигации
  • Возможность закрытия окна при клике на любую область экрана и/или нажатием на кнопку Escape
  • Возможность выбрать место размещения кнопки закрытия — внутри виджета или на затемнённой области
  • Опциональная установка единого заголовка окна виджета
  • Возможность скрывать панель вкладок при активной только одной социальной сети
  • Опциональное выравнивание надписей на панели вкладок по центру
  • Дополнительная кнопка закрытия окна под виджетом с выбором оформления и надписи на ней
  • Возможность задания размеров (ширины и высоты) главного окна виджета
  • Возможность задать радиус скругления углов виджета, либо оставить его прямоугольным
  • Возможность выбрать цвет фоновой заливки полупрозрачной области под виджетом
  • Возможность задать изображение для фона основного окна виджета
  • Меню быстрого доступа для очистки куков плагина для удобной отладки и тестирования
  • Мобильная версия плагина
  • Поддержка иконок социальных сетей для табов и мобильной версии плагинов
  • После удаления виджет не оставляет никаких следов на вашем сайте и в базе данных
  • Имеется режим отладки для администратора сайта
  • Плагин оптимизирован для работы на высоконагруженных сайтах и порталах
  • Плагин не имеет проблем при работе с установленными кеширующими плагинами
  • Возможность автоматического закрытия окна после подписки на группу в Facebook или ВКонтакте
  • Плагин полностью русифицирован!

Работа с событиями

  • Отображение виджета после просмотра сайта N секунд
  • Отображение виджета при клике на указанный CSS селектор (ID элемента или имя класса)
  • Отображение виджета при прокрутке страницы больше N процентов
  • Отображение виджета при попытке уйти со страницы (другая вкладку, перемещение мыши за границы окна)
  • Выбор времени повторного показа виджета после закрытия (в днях)
  • Отображение виджета после просмотра нескольких страниц на сайте
  • Отображение виджета авторизованным пользователям на сайте в зависимости от их роли

Совместимость с другими плагинами

Плагин корректно работает со следующими кеширующими плагинами:

  • WP Super Cache
  • W3 Total Cache
  • Hyper Cache
  • WP Rocket

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

Скриншоты плагина

Несколько примеров оформления плагина.

Пример 1Пример 2Пример 3Пример 4Пример 5Пример 6Пример 7Пример 8
Social Media Popup — пример окна
Social Media Popup — пример окна
Social Media Popup — пример окна
Social Media Popup — пример окна
Social Media Popup — пример окна
Social Media Popup — пример окна
Social Media Popup — пример окна
Social Media Popup — пример окна

Скриншоты настроек плагина

Общий интерфейс настроек главного окна и поведения плагина изображены на этих скриншотах:

ОбщиеВнешний видВнешний видМобильные настройкиСобытияСобытия
Общие настройки плагина Social Media Popup
Настройка внешнего вида Social Media Popup
Настройка внешнего вида Social Media Popup
Настройка мобильной версии Social Media Popup
Настройка событий Social Media Popup
Настройка событий Social Media Popup

Для каждой социальной сети существует свой персональный набор настроек. Практически для каждой социальной сети вам предварительно придётся получить так называемый Application ID, либо API для установки виджета. Но это не будет проблемой — есть подробные инструкции, как этот плагин настраивать и использовать.

Инструкции по настройке виджетов социальных сетей

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

Обзорное видео по версии 0.7.5 от 30 июня 2016 г.

Что будет, если плагин на моём сайте не заработает?

Если по каким-то причинам плагин не заработает — я приму активное участие в поиске неисправности. Чаще всего проблема в других установленных плагинах, которые используют кривой код JavaScript. Бывали случаи, когда используемая тема на сайте клиента не использовала библиотеку jQuery, это проблема разработчика темы. Но я при любой ситуации готов протянуть вам руку помощи и настроить-таки плагин.

Пока не было ни одного случая, чтобы мне не удалось настроить плагин на сайте клиентов. Всё работает именно так, как ожидали пользователи. Можете быть уверены в том, что не останетесь наедине с новым для вас плагином. Ручаюсь своей репутацией! :-)

Как получить плагин?

Плагин платный, стоимость составляет 990 рублей. Оплатить можете любым удобным вам способом по предложенным ниже реквизитам. Отправка плагина производится вручную и только после подтверждения вами адреса электронной почте в личной переписке.

Для оплаты через процессинговый центр Яндекс.Денег воспользуйтесь формой ниже. В форме оплаты обязательно укажите ваш адрес электронной почты, только на него будут приходить все обновления плагина и информационная рассылка с новостями. Никакие ваши личные данные не будут переданы третьим лицам, т.к. взаимодействие происходит по зашифрованному протоколу.

Оплата ручным переводом средств на мои кошельки

Если вам неудобна автоматическая оплата, я готов предложить вам ручной перевод на любые из предложенных в списке электронные кошельки без комиссий и переплат:

  • Webmoney Rub: R231261297679 (BL 83)
  • Webmoney USD: Z134746590187 (конвертация по курсу на день оплаты)
  • Яндекс.Деньги: 41001600396009
  • PayPal: gruz0.mail@gmail.com

Оплата на карту Сбербанка России

Если вы хотите оплатить на карту Сбербанка России — свяжитесь со мной, я вышлю номер карты для перевода средств.

После ручной проверки оплаты на ваш электронный адрес придёт письмо с подтверждением, ссылкой на скачивание плагина и вся необходимая информацию по его использованию. Если вдруг письмо не пришло в короткое время — напишите мне на support@gruz0.ru, возможно не пришло уведомление от платёжной системы или я просто не увидел ваш платёж.

Если мне не подошёл плагин — могу я вернуть деньги?

Я готов вернуть вам деньги, если в течение трёх суток после получения плагина вы поняли, что он вам не подошёл, опишите полностью причины, что именно было не так. Тогда я вышлю вам деньги обратно под ваше честное слово не распространять плагин третьим лицам. Но за всё время не было ни одного возврата по причине неработоспособности или неудовлетворительному качеству.

Остались вопросы? Задайте их!

Свяжитесь со мной любым удобным вам способом, я практически круглосуточно в сети:

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Комментарии

  • Александр, уменя вот такая проблемка вылезла, с чем это может быть связано, что подправить надо — это после установки? Даю ссылку: https://yadi.sk/i/uCTnWXV0uaeAR

    • Забавно :-)
      Не встречал за всё время, чтобы подобная ошибка проявлялась у пользователей.

      Зайдите в каждый из виджетов, сначала включите каждый из них, а потом отключите ненужные.
      Это решит проблему. А я пока со своей стороны гляну, где я промахнулся и почему это вылезло у вас.

      • Его выключаю — все нормально, включаю — вновь вылазит? В чем же проблема? У меня такое случается с некоторыми плагинами?

        • Евгений, давайте мы с вами созвонимся в обед по Скайпу и обсудим интересующие вопросы.
          Наберите меня после 11 MSK, мой логин: gruz3g, проконсультирую и помогу настроить. :-)

        • В двух словах: эти ошибки вылазят при активированном режиме отладки в самом WordPress, когда все ошибки и отладочная информация плагинов выводится прямо на сайт. На рабочей версии сайта этого быть не должно и, скорее всего, это недоработка вашего программиста, который устанавливал WP и забыл отключить WP_DEBUG в файле wp-config.php.

          То, что плагин выводит свои сообщения — это моя недоработка, однозначно.
          И исправить её не будет особой проблемы, чтобы она не докучала вам. :-)

          • Ошибки ушли, после того как я ввел данные всех соцсетей (по крайней мере их нет), но окно плагина я так еще ни разу не видел, что не так?

          • Прошу прощение, уже разобрался, пока полет нормальный! Спасибо! И еще раз простите за то, что немного вас сегодня отвлек!:-)

            • Буду ждать любой фидбек по работе плагина — что нравится, что не нравится или работает не так, как хотелось бы :-)

              • Александр, а подскажите, я вот twitter вбил, но он при вылете окна не отображается, сверху только мой ник с собачкой и все, что может быть не так? Вбил и id и свой логин. Спасибо!

                • Попробуйте указать ник без собачки :-)

                  • Так и сделал, без собачки, но результата нет. У меня и кнопка твиттера, которую я установил на сайте, тоже через раз появляется — мистика.

                    • То есть, с другими виджетами такая же проблема была?
                      Пришлите мне на support@gruz0.ru доступ к админке вашего сайта, я посмотрю, что может быть.
                      Если есть технический сайт (полная копия боевого), то это будет даже лучше.

  • Пришло! :-)

  • Александр, все нормально, письмо пришло, только теперь подвис на пунктах 3 и 4 — не приходит письмо с паролем и ссылкой на вход в админку вашего сайта!

    • Напишите мне ответным письмом, чтобы не продолжать дискуссию тут и перейти уже в личные сообщения :-)
      Я вышлю пароль и доступ. Видимо с почтой что-то не так, раз письма не приходят оперативно.

  • Не приходит письмо с подтверждением о регистрации…

  • Простите, вы про меня не забыли?

  • Александр, Добрый день, подскажите, пожалуйста, работает ли на данный момент плагин (из того, что вы обновили инфу в статье, я понял, что работает)? Сколько окончательная цена? Хочу оплатить вебмани, только долларами! Спасибо! Ах да, и как его я смогу его получить?

    • Добрый день, Евгений!

      Да, плагин работает и цена на сегодня — 990 рублей.
      Если оплачивать удобно WMZ, то просто конвертните по курсу на сегодня.
      Номер WMZ-кошелька: Z134746590187.

      Сейчас работает всё то, что перечислено на этой странице и в ближайшую неделю выйдет новая версия плагина. :-)

      • То есть, мне надо просто перечислить деньги на ваш кошелек? А что насчет обновления — плагин сам затем обновится?

        • Что касается Вебмани — да, обычный ручной перевод по номеру кошелька.

          В данный момент реализован механизм автоматического обновления плагина, но в боевом режиме он ещё не работает, т.к. всплывают нюансы на некоторых сайтах, что не позволяет мне массово активировать данную опцию. Когда выходит новая версия плагина, я рассылаю информационное письмо всем клиентам со ссылкой на архив с новой версией плагина, которую потом просто надо установить поверх установленной и плагин сам мигрирует настройки для совместимости с новой версией. :-)

          Если есть какие-то вопросы — можем созвониться через Скайп.

  • Здравствуйте, пробую FREE-версию, у меня на сайте, когда вбил все свои данные, ооочень медленно прогружается, подскажите почему так?

    • Добрый вечер. А что именно медленно прогружается? Само окно? Виджет Фейсбука или что?

      • Уже лучше, я писал про виджет фейсбука, а теперь постоянно появляется окно, хотя я задал в настройках, чтобы раз в 30 дней?

        • Я понял, что про виджет Фейсбука. Бывает так, что сам виджет со стороны Фейсбука долго загружается из-за проблем на их стороне. Поэтому я и уточнил, что именно не так.

          Окно всплывает каждый раз по той причине, что вы, скорее всего, не отключили «Режим отладки» в настройках.

          • Не отключил, и правда! Спасибо! Буду собирать деньги на ваш плагин…

            • Простите, вот тестирую, уже отключил отладку, но баннер все равно вылазит после каждого обновления, хоть я и указал в настройках через 30 дней… Спасибо.

              • Здравствуйте. А вы какую версию тестируете?

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

                    • Я Вас понял. Спасибо.

                    • Простите, а такую форму подписки Вы можете создать, я так понял, что это ручками склепали, не плагин, даю ссылку, в сайдбаре форма подписки с разными соцсетями: http://fotorelax.ru/
                      Заранее спасибо за ответ!

                    • Мне тоже кажется, что это самостоятельно свёрстано без плагина.
                      На самом деле — ничего сложного для программиста или верстальщика.

                    • А сколько такая «подписка» может потянуть, это я про деньги? :-)

                    • Если для конкретно клиента, то порядка 10-12 тысяч. Если же на массового пользователя, то после разработки продавал бы копию за 900-1000 рублей для человека. Есть вариант собрать несколько заинтересованных, скинуться и я напишу плагин, когда появится время в графике. :-)

                    • 1. Сколько стоит на данный момент плагин?
                      2. Хочу оплатить через рублевый кошелек WebMoney, как Вас оповестить об оплате, как вы вышлите плагин?
                      Спасибо!

                    • Здравствуйте. В данный момент плагин не продаётся, т.к. требуется внесение значительных изменений. Выявил проблемы на высоконагруженных сайтах и это придётся исправлять.

                    • Я Вас понял! Спасибо за оперативный ответ!

  • Добрый день! Будут ли версии плагина для других CMS?

    • Добрый день, Светлана! Скорее всего нет, если только я не найду время переписать плагин как сервис, не привязывая его к WordPress. Но и это будет не так скоро, как хотелось бы — рук не хватает на всё. :-)

  • Если есть вопросы по плагину — задавайте в комментариях! ;-)

  • Почему же вы мне не отвечаете по моей проблеме с неработоспособностью виджета вконтакте на моем сайте. НУ ладно бы там написали проблема в других плагинах или еще что-то, а так два моих письма и в ответ молчок.

    • Не знаю, как и куда надо смотреть, но я не вижу ваших писем, в упор. Последнее письмо у меня датировано 6 апреля. Пробуйте писать мне на gruz0.mail@gmail.com, возможно письма на support@gruz0.ru не доставляются по непонятным мне причинам.

      По ситуации с плагином: сейчас всё, что было оговорено ранее — исправлено, но я не готов выкатить новую версию из-за косяков с виджетом Page Plugin от Facebook, который заменил собой виджет Like Box (он помечен как deprecated). Виджет не поддаётся кастомизации из-за ограниченного API со стороны Facebook. Попросту не удаётся установить нужные значения ширины и высоты для виджета.

      В том виде, как всё сейчас есть — я не могу выгружать для обновления, т.к. практически все пользуются виджетом этой соц. сети и возникнут гораздо бОльшие проблемы, чем сейчас. Поэтому я попросту жду обновления API со стороны соц. сети. Такие дела, в общем.

      Есть два варианта, как поступить: дождаться, что удастся каким-нибудь образом повлиять на эти настройки, либо я просто верну вам оплаченную сумму, чтобы не выглядеть дураком в ваших глазах. Как решите — так и поступим. :-)

    • Я вообще не это сообщение писал. но почему-то дублировалось предыдущее сообщение.

  • Почему же вы мне не отвечаете по моей проблеме с неработоспособностью виджета вконтакте на моем сайте. НУ ладно бы там написали проблема в других плагинах или еще что-то, а так два моих письма и в ответ молчок.

    • Добрый день, Тимофей!
      Что вы такое говорите? Я всегда отвечаю на письма в кратчайший срок.

      Вы написали мне 19 марта, я вам ответил сразу же в этот же день. Текст моего ответа:
      «Здравствуйте, Тимофей. Напомните номер заказа и через какой сервис покупали плагин».

      Проверьте входящую почту или папку «Нежелательные сообщения», бывает они попадают не во Входящие.

  • А можно посмотреть плагин в действии?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: