Бесплатный скрипт социального замка для landing page

Социальный замок для сайтаДрузья, привет. Как проходят праздники? Сегодня хочу с вами поговорить о таком элементе на сайте, как социальный замок. Наверняка вы встречались с подобной ситуацией, когда нельзя получить доступ к контенту, пока не нажмешь на одну из кнопок социальных сетей. Есть много плагинов для CMS, но недавно у меня возникла необходимость внедрить подобный функционал на landing page.

Конечно, тема очень деликатная. Уверен, найдется много противников данной идеи, и я на вашей "темной стороне силы" 🙂 Действительно, использование такого элемента, как социальный замок в большинстве случаев, не целесообразно и может негативно влиять на конверсию, показатель отказов, usability лендинг пейдж и другие важные показатели.

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

Естественно, подобный социальный замок может использоваться и приносить пользу и выгоду. Например, это может быть доступ к бонусу, дополнительной услуге, или еще чему-то подобному. Когда вы оставляете открытым доступ к основному товару (контенту), а в качестве дополнительной услуги предлагаете что-то ценное, но для получения нужно поделиться страницей в социальных сетях. Главное правильный подход.

Не нужно прятать весь материал под социальный замок или предлагать "кота в мешке". Подробно опишите, что человек получит, после нажатия на кнопку социальных сетей. Это должно быть действительно что-то полезное. Поработайте над текстом предложения, проведите А/Б тестирование и не используйте социальный замок в тематиках, далеких от веба.

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

Но на сайте вызова эвакуатора, заказа рассады оптом и подобных тематиках не стоит применять подобную защиту контента или информации. Надеюсь, все это понимают 🙂 Ладно, что-то я заболтался. Переходим к подключению скрипта социального замка.

Бесплатный скрипт социального замка

Итак, естественно я не планирую писать свой скрипт социально замка, а предлагаю воспользоваться онлайн сервисом plus-plus.net. Тут до безобразия все просто, интуитивно понятно, так как сервис предлагает очень удобный визуальный редактор.

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

Экран разбит на 2 части. Слева сайдбар с настройками, а справа визуальное отображение того, как на текущий момент выглядит ваш социальный замок, ползунок ширины области замка и возможность вмешаться в html код шаблона и кнопок. Очень круто.

Давайте пробежимся по меню настроек:

Бесплатный скрипт социального замка

На первом шаге нам предлагают выбрать шаблон. Вариантов достаточно много, есть анимированные и шуточные, что не может не радовать.

Далее нужно выбрать дизайн кнопок и настроить их размер. На выбор здесь около 15 вариантов. Плюс имеется возможность вмешаться в код и настроить все под себя. Но 95% пользователей будет достаточно предложенных стилей.

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

Теперь можете залезть в "Дополнительные настройки". Там можно изменить жизнь cookie и выбрать охват разблокировки замков. То есть при нажатии на кнопку социальной сети пользователю будет доступен весь контент, который был под замками на всем сайте, только на текущей странице или только под текущим замком на данной странице.

Если дополнительного вмешательства в html код не требуется, то можно переходить к установке скрипта на сайт. На сайте подробная инструкция, и я не буду повторять ее тут, так как скажу ровно тоже самое. Все очень просто и сводится к копированию нескольких строчек кода.

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

vktarget

Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 10

  1. Кирилл

    DIMADV7. Здравствуй.
    Во-первых, классные статьи. Мне очень нравятся. Много полезного нахожу для себя. Особенно понравилась статья про АА тест. Я и не знал про такое!
    Во-вторых. Понимаю, что статья написано давно, но все же, задам вопрос.
    А есть ли скрипт, который прячет контент, содержимое какого-то блока ?
    То есть не всю страницу, а именно часть?

    • dimadv7

      Здравствуй, спасибо. Не совсем понял, просто нужно скрыть часть контента, без всяких условий? Ну, конечно можно. В css написать display: none; нужному элементу и он исчезнет. Или динамически, при помощи js подключать нужным классам или Id это css свойство. Еще более все упроститься, если использовать jquery.

  2. Кирилл

    Не совсем. Мне нужно, что бы контент этого блока не появился, пока человек не поделиться записью в социальных сетях!

    • dimadv7

      Так а скрипты взятые с сайта, о котором в статье речь идет чем не подходят?

  3. Кирилл

    Этот скрипт скрывает всю страницу. Этим и не подходит(

    • dimadv7

      Да нет, там же разные есть. Можно и нужную область скрывать, можно всю страницу, можно только видео. Посмотри: _http://plus-plus.net/gallery/sl/

  4. Кирилл

    Вот я балда невнимательная.
    А я по картинкам смотрю. Вижу, что там весь экран закрыт. И думал, что просто это как внешний вид.
    Спасибо большое, DIMADV7.
    А то я уже думал, что придется свой написать, какой нибудь не сложный. Уже нашел, некоторые заготовки и наброски!
    Спасибо!
    Если в скором времени напишу, поделюсь))

  5. Юрий

    Кирилл,не получается у меня установка кода. Сможете помочь?

  6. Вадим

    В первые на данном сайте, но очень благодарю Автора за этот сервис. Т.к. Искал как реализовать плагин соц замка на системе DLE — подобного не мог найти. А тут Куча плюшек и еще бесплатно. Так это вообще Круто. Спасибо за сэкономленное мое время на поиск. Еще раз спасибо

    • dimadv7

      Здравствуйте. Заходите еще)))

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