Социальный замок: как установить на любой сайт

Что такое

Социальный замок (Social Lock, "заплати лайком") был популярен на сайтах несколько лет назад, но и сейчас не некоторых можно встретить подобные решения. Социальный замок скрывает часть текста и медиоконтента от посетителей до тех пор, пока они не поделятся постом в социальных сетях.

В данной статье я сделаю небольшой обзор плагинов wordpress, а также вы узнаете, как встроить “Заплати лайком” на blogspot или любой другой сайт без сторонних плагинов.
Идея Социального замка проста – получение дополнительных ссылок с социальных сетей и привлечения дополнительного трафика.
Плюсы:

• увеличивает количество социальных сигналов.
• возможность привлечения пользователей с соц.сетей.

Минусы:

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

Плагины Социального замка для wordpress

1. Like-to-keep-reading бесплатный плагин. Скачать можно здесь https://wordpress.org/plugins/like-to-keep-reading/
2. OnePress Social Locker также распространяется бесплатно. Существует pro версия. Ссылка для скачивания https://ru.wordpress.org/plugins/social-locker/

3. Go Viral — social locker, social chat, open graph, reactions, fake share & view counters. Многофункциональный плагин, одной из функций которого является скрытие контента до шаринга контента. Бесплатный. Ссылка https://ru.wordpress.org/plugins/go-viral/

4. Social Share & Locker Pro WordPress Plugin. Платный. Подписка стоит 20$.

Как поставить на Blogger

Много плагинов разработано для wordpress, про многие вы можете прочитать на тематических блогах, посвящённых ведению блога на данной СМС. Для пользователей blogger приходится искать обходные пути.

1. Перед началом изменений сделайте резервную копию.
2. В админпанели Blogger перейдите во вкладку "Тема" -> изменить HTML:
   
3. Если у вас в шаблоне не установлен код библиотеки JQuery, то вставьте и его перед тегом </head>:
   

   <script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

4. Выполните поиск по шаблону (CTRL + F) и найдите тег </head> . Вставьте перед ним следующий код:
   

   <link href='https://spishu.ru/files/social-locker.css' rel='stylesheet'/> <script src='https://spishu.ru/files/social-locker.js' type='text/javascript'/>
   <script type='text/javascript'>
   //<![CDATA[
   $(function(){
   $('.socialLocker .to-lock').sociallocker({
   buttons: {order:["facebook-like","twitter-tweet"]},
   twitter: {url:"https://twitter.com/medical_news"},
   facebook: {url:"https://www.facebook.com/vseakcii/"},
   text: {
   header: "Скрытый контент",
   message: "Чтобы разблокировать, поделись или подпишись."
   },
   locker: {close: false, timer: 0,},
   theme: "secrets"
   });
   });
   //]]>
   </script>

5. Измените ссылки на аккаунты twitter и facebook на свои (выделены в коде красным). Вы можете изменить кнопки социальных сетей в Social Locker. Для этого достаточно изменить строчку в коде (выделена синим) buttons: {order:["facebook-like","twitter-tweet"]}. Нужно дописать кнопки или удалить ненужные.
   - "facebook-like" - лайк страницы фейсбук (для набора подписчиков),
   - "facebook-share" - поделиться в фейсбук,
   - "twitter-tweet" - поделиться в твиттер,
   - "twitter-follow" - подписаться на твиттер-аккаунт,
   - "linkedin-share" - поделиться в Linkedin.
6. Теперь вставьте в статью в нужное место код со скрытым контентом. Вставлять в режиме HTML!
   

   <article class="socialLocker"> <div class="to-lock" style="display:none;"> -- Здесь ваш скрытый текст -- </div> </article>

Сервисы Заплати лайком

Вы можете воспользоваться бесплатными сервисами, чтобы установить социальный замок на любой сайт - вордпресс, joomla, dle, blogger и другие.

1. Usocial.pro - предлагает ограниченный функционал в бесплатном тарифе, но для повседневных целей его вполне достаточно. Если вам необходим полноценный плагин, который будет проверять наличие совершенного действия, то за это вам придется заплатить. Плюс в платной версии вы сможете скрывать контент в видео HTLM-кода.
2. krotovroman.ru - соцзамок для шаринга скрытого контента.