Социальный замок — установка, настройка, особенности

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

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

В этой нелегкой работе как раз поможет «социальный замок». За плагин большое спасибо Александру его команде, что дали возможность написать этот обзор. Кстати, он у меня первый. Так что это еще больше вдохновляет на креативную писательскую деятельность 

Преимущества социального замка для пользователей

---

 

Нельзя не упомянуть про те выгоды, которые получит пользователь установив его к себе на блог:

• Вы начнете привлекать подписчиков сразу как только установите это решение, при условии конечно, что у вас есть хоть какая-нибудь посещаемость.
• Существенно получите больше подписчиков из Вконтакте, Твиттера, Facebook. Вы и ваш сайт станете узнаваемым «брендом» и это не прикол и не шутка. Один расскажет двум, трем и о вас потом будут знать сотни человек и рекомендовать ваш блог.
• Устремитесь в ТОП 10 поисковых систем Яндекс и Гугл. Социальные сигналы от контента вашего блога, являются важным показателем по которому ваш проект будет лучше ранжироваться поисковиками. Если ваши статьи не «лайкают» и не делятся с другими значит тут что-то не так и вы останетесь на прежнем уровне в первой тридцатке выдачи или, не дай бог, уйдете за ТОП50, а это очень часто происходит. Так что игнорирование этого фактора – смерти подобно. Возьмите на заметку
• Социальный замок – востребованный инструмент продвижения сайтов зарубежом. Им пользуются свыше 10000 известных блоггеров и инфобизнесменов. Включен в ТОП 50 лучших плагинов по версии ManageWp. И, самое главное, что он теперь доступен на русском языке и имеет русскоязычную поддержку. Этот факт не может не радовать.
• 714% таков средний прирост социальный активности после установки социального замка на сайт через день его работы. Такова статистика от клиентов в режиме реального времени. Это просто здорово.
• Доступность основных социальных сетей – Вконтакте, фейсбук, твиттер, google+, linkedin, одноклассники. Причем вы можете самостоятельно определить на какую из этих сетей нужно нажать, чтобы контент открылся пользователю, либо на любую из них. Все это возможно задать через понятный интерфейс настроек. Без сложностей и заморочек.
• Есть интеграция с Google Analytics.Вы можете получать постоянные аналитические отчеты за разные периоды времени, чтобы отслеживать результаты и улучшать их
• SEO совместимость. Скрытый текст, невидимый для пользователей, доступен для поисковиков. Можно отключить эту опцию по желанию. Сайт все равно будет ранжироваться и индексироваться. За это не переживайте.
• 4 типа замков. Запирайте текст статей в любом месте с помощью коротких кодов (шорткодов) или настройке массовую блокировку благодаря 3 гибким режимам.
• Оптимизация под мобильные телефоны и устройства. Пользователи телефонов, планшетов одинаково хорошо могут просмотреть текст после его разблокировки наряду с владельцами ноутбуков и настольных компьютеров.
• Умный таргетинг. Вы можете показывать замок только на определенных страницах или только для незарегистрированных пользователей
• 5 тем после установки. Возможность выбора из 5 тем для своих страниц.
• Загрузка через Ajax. Скрытый социальным замком контент нельзя посмотреть в исходном коде. Только если пользователь выполнил действие тогда подгружается вся страница.
• Оптимизация под CMS WordPress. Не нагружает ваш блог как многие другие плагины. Это доказано тестами проверки скорости P3 и New Relic
• API для разработчиков. Создавайте свои собственные расширения на основе событий и хуков, которые есть в «социльном замке»

Это самые «вкусные» преимущества, которые вы получите воспользовавшись этим решением. Теперь приступим к практике

Установка социального замка на блог

---

 

Скачайте и установите плагин к себе на блог стандартным способом через вкладку Плагины -> Добавить новый

После установки активируйте его и вы увидите строчку «Соц.Замок» на панели wordpress

Нажав на него мы попадаем на приветственное окно, где нас попросят ввести регистрационный ключ, чтобы стать полноправными обладателями лицензии. Если ключа нет, то нажмите на кнопку «Получить ключ за 590 рублей»

 

У меня уже есть ключик я его ввожу в поле и нажимаю на кнопку «Отправить»

 

После этого действия мне предлагают обезопасить мой лицензионный ключ социального замка, введя адрес электронной почты для привязки, надо полагать. Там же можете нажать на кнопку получать новости и уведомления по почте. Тут уже по усмотрению. Я оставлю галочку по умолчанию. Нажимаем «защитить ключ и создать учетную запись»

 

Далее нам говорят,что учетная запись успешно создана и нам нужно подтвердить данные, высланные на наш почтовый ящик.Как только проверили все данные, нажимаете на кнопку «Хорошо сделано»

 

Проверяем почту и видим следующее

 

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

После всех проделанных движений возвращаемся в окно плагина социальный замок и видим следующее

 

Давайте взглянем как удобнее использовать этот плагин

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

Он описывает основные возможности программы и мастер настроек.

 

Следующим этапом я пробегусь по основным разделам настроек скрипта «Социальный замок»

Настройки и разделы

---

 

Давайте посмотрим что внутри у этого социального «зверя»

Мы видим следующее:

1. Список замков
2. Создание нового замка
3. Общие настрйоки
4. Статистика и отчеты
5. Как использовать
6. Дополнения

Заходим в первый пункт

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

 

Давай зайдем внутрь шаблона «Замок по умолчанию».

 

Вкратце по пунктам:

1. Заголовок шаблона социального замка, то что увидите вы в админке плагина
2. Заголовок самого замка, то, что увидит читатель при переходе внутрь статьи. Можете менять по своему вкусу или оставить по умолчанию
3. Текст сообщения, призывающий поделиться записью с ближними своими, чтобы открыть «ларец» с содержимым
4. Ручная блокировка. С помощью шорткода в окошке [sociallocker][/sociallocke>] вы можете обернуть тот участок с текстом, который хотите закрыть, выборочно для отдельной статьи.
5. Массовая блокировка. Настраиваемый элемент. В него мы зайдем чуть позже.

Скроллим дальше(извините, все не уместилось в скриншоте) вниз на этой же странице.

 

6. Выбор темы (из предложенных 5 тем). Дизайн нашей области с блокированным контентом.
7. Режим наложения: Либо полностью скрываем, либо делаем текст прозрачным, либо добавляем эффект размытия. Два последних нам не нужны, просто закрываем содержимое социального замка.
8. Настойки отображения.

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

• Relock. Будучи ранее открыт замок снова сработает через указанный интервал
• Мобильный. Если включен, то пользователи увидят скрытый контент через свои мобильные устройства.

Настройки социальных кнопок

---

 

Это отдельная область и в ней нужно тоже растолковать каждый отдельный пункт.Вот как она выглядит.

 

Приступим к разъяснениям. В этом окошке вам доступны самые популярные социальные сети. Их список. Вы его можете менять перетаскивая любой из элементов и ставя на нужно место. Первый стоит твиттер, можете его сместить ниже и поставить Вконтакте «подписаться» или «поделиться».

Чтобы вы не запутались мы разбираем пример для Твиттера. В этой вкладке вы выбираете активировать или нет этот сервис, копируете и вставляете адрес желаемой страницы, задаете текст, например «чтобы продолжить изучение материала сделайте ретвит записи». Если оставляете это поле пустым, то по умолчанию будет отображаться название страницы и ссылка.

Продолжаем разбор вкладки Твиттера

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

Via. Употребление значка собачки перед вашим ником в этом сервисе в моем случае это @max_metelev. Необязательное поле.

Текст кнопки. Оставьте без изменений.

Те же самые действия вы предпримите для остальных вкладок.

• Facebook (кнопка нравится)

 

• Гугл плюс

 

• Поделиться в Фейсбук

 

Здесь маленький нюанс. Вы должны иметь уникальный ID для кнопки «поделиться» не путать с кнопкой «нравится» и этот идентификатор должен быть привязан к вашему домену.

• Читать в твиттере

 

Не путайте с пунктом «твитнуть» в этой вкладке. Отличие в том, что контент откроется тогда, когда пользователь станет вашим читателем и будет следить за вашими новыми твитами. Указывается ссылка на ваш профиль, не на заметку!

• Поделиться google+

 

Небольшой нюанс есть и здесь. Лучше оставьте это поле пустым и не трогайте настройки этой вкладки.

• Для Linkedin

 

Тот же набор действий, берете адрес нужной страницы и вводите в поле. Текст оставляете без изменений.

• Кнопка «Нравится» от Вконтакте

 

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

Как добавить идентификатор App ID от Вконтакте?

---

 

Для этого нам нужно зайти в «Общие настройки» социального замка и пройти по ссылке, как указано на этом скриншоте

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

 

Мы должны придумать название, пусть и произвольное, например Social Locker или по другому, тут уж как ваша фантазия разыграется. Отметить радио кнопку, что это будет веб-сайт. Как только вы это сделаете вам будет предложено указать урл вашего сайта. Указываем свой. Вот как это сделал я

 

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

Далее все очень просто вводим код и нажимаем «отправить код».

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

Копируем эти цифры и возвращаемся в наш плагин.

Вставляем их в соответствующее поле.

Аналогичным образом проделываете для Фейсбука, ничего сложного в этом нет 🙂

После всех действий с добавлением ID спускаемся в самый низ и нажимаем на «сохранить изменения».

После этого система скажет, что все изменения успешно сохранены и обновлены. Самая важная часть по настройкам считайте что сделана. Теперь приступим к добавлению социального замка в наши записи. Тут будет несколько вариантов: массовое «запирание» контента всех ваших статей и страниц, или же создание уникального замка под конкретные страницы и с конкретными социальными кнопками. Это будет самая интересная часть нашего урока обзора.

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

---

 

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

Первым делом идем в записи и добавляем новую или тренируемся на уже добавленной. Я задействую последний вариант.

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

Далее нам предстоит очень простая операция — мы просто берем и выделяем тот участок который мы хотим «завернуть в замок» и нажать на этот значок и не забываем нажать на «Обновить», чтобы изменения вступили в силу.

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

Нюансы в работе плагина социального замка

---

 

В момент установки плагина к себе на блог я заметил одну штуку — у меня не корректно работала кнопка «Поделитья» от Вконтакте. Если у вас вдруг будет такая же штука не расстраивайтесь, просто были выявлены небольшие недочеты и плагин конфликтовал со сторонней кнопкой поделиться. Все это оперативно устранил Александр и его команда разработчиков, за что я им очень и очень благодарен. Быстро нашли, исправили и дали рекомендации — все сделал и теперь у меня все прекрасно работает. В общем, я наслаждаюсь работой этого замечательного продукта и всем советую.

Плагин поставляется в двух решениях — Обычная лицензия и Бизнес лицензия.

Стоимость первой — 590 рублей, распространяется на один компьютер. Премиум решение обойдется в смешную сумму — 1290 рублей и будет установлено на 3 компьютера.

Для тех, кто еще не готов на такую покупку существует кардинально простое решение. Вы можете скачать и попробовать этот продукт бесплатно с пакетом Starter!

В бесплатной версии есть возможность установки как на движок WordPress, так и на статичные html странички и на другие движки (Drupal, Blogger, Joomla).

Данный плагин в бесплатном варианте привлекает новых пользователей на сайт и улучшает ранжирование сайта. Единственное имеет ограниченный функционал. Среди доступных кнопок — Вконтакте «Нравится», Твиттер «Твитнуть», Facebook “Нравится» и одна тема в качестве оформления на вашей страничке.

Более полные возможности вы получите в одной из платных версий.

Кстати вот моя статистика по открытию заблокированного контента. Я думаю всем это интересно:

Начните пользоваться социальным замком прямо сейчас