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.

Комментарии

  • Напишите мне на почту support@gruz0.ru или в любую социальную сеть, готов выслать вам свежую версию плагина для тестирования перед покупкой :-)

  • Отлично, спасибо! На днях буду заказывать.

  • Отлично, спасибо! На днях буду заказывать.

  • Приветствую, Илья! Да.

  • Добрый день! Плагин еще разрабатывается / поддерживается?

  • В самом начале написали, что есть Instagram, а его нет у вас. =\

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Пришло! :-)

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

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

  • Напишите мне в Скайп: gruz3g, обсудим голосом.

  • Евгений, я письмо выслал, как и обещал.
    Проверьте папку «Спам», возможно оно угодило туда.

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

  • Отправил письмо, Евгений. Проверьте почту, пожалуйста :-)

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

  • Простите, но я уже оплатил, как я могу получить продукт? Спасибо! Моя почта: zod4ix@gmail.com

  • Я уже проплатил:-) Надеюсь все будет отлично — станет и будет работать!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Free. Добрый вечер!

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

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

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

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

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

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

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

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

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

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

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

  • Спасибо! буду ждать

  • Добрый день, Тимофей. Да, сделаю. Накачу мелкие правки сегодня и завтра к обеду будет обновление. Сегодня протестирую всё то, что есть. Но я сразу предупреждаю — что Фейсбук будет сбоить в этой версии, чтобы потом не было претензий :-)

  • Фейсбук мне не интересен, а Вот Одноклассники и Вконтакте актуальны. Можно мне обновление для этих соц. сетей? Чтобы Вконтакте отображались правильно

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

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

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

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

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

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

  • Первый прецедент:)

  • У меня подключен «Google для доменов», никто пока не жаловался на доставляемость писем, а пишут мне регулярно. Ежедневно по несколько писем. :-)

  • Все спасибо. Буду ждать обновления. А с отправкой моих писем через Рамблер непонятно. Как я понимаю ваш почтовый ящик работает через сервер хостинга. Может там спам-фильтр жесткий стоит. Последнее время хостеры этим грешить стали.

  • Проблема уже решена в текущей версии, осталось подготовить архив и выслать обновление по базе. В письме написал об этом, ловите ответ :-)

  • Значит точно в спаме. Вы же мне на этот ящик отвечаете. Жду ответа. Надеюсь что вместе решим проблему. Плагин супер. Аналогов не нашел

  • Сейчас вижу, готовлю ответ :-)
    Со стороннего ящика письмо пришло, а с прошлых — нет.

  • Это письмо от вас получил. И сразу же отправил вам данные по заказу. Возможно мои письма попали к вам в спам? Продублировал еще раз с двух разных e-mail.

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

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

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

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

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

  • Перейдите два раза между страницами и подождите 30 секунд, окно плагина всплывёт на странице.

  • к сожалению так и не увидел действие плагина на вашем сайте :(

  • Специально отключили его для мобильных устройств с предыдущей версии.

  • С ноутбука всплывает, всё ок, а с планшета нет не вижу окна

  • Да, он подключен на этом сайте. Перейдите на любую другую страницу и подождите 10 секунд, всплывёт окно :-)

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

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

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

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

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