Социальный замок

социальный замок для WordPress Всем привет! Как проходят майские праздники? У нас в Питере наконец-то лето, радуемся солнцу и теплу, катаемся на байке.

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

Содержание:

  • Что такое социальный замок для сайта
  • Обзор бесплатных плагинов социального замка
  • «Заплати «Лайк»-ом» — скрипт с кнопкой ВКонтакте
  • Онлайн-редактор замка

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

Итак, социальный замок – это скрипт, скрывающий часть контента до того момента, как посетитель вашего блога не выполнит одно из предложенных действий в какой-то из соцсетей. Речь идёт о привычных для всех опциях «лайк» и «поделиться». После того, как пользователь разместит ссылку на ваш материал на своей странице в социальной сети, скрытая информация автоматически становится видимой. Ссылка на ваш сайт, рекомендуемая посетителем, заинтересует определенное количество его «друзей». Те, в свою очередь, перейдут по ней на ваш ресурс и могут разместить её на своих страницах в социальных сетях. Таким образом читатели блога сами приведут на ваш сайт новых посетителей. Это повлечет за собой рост аудитории и увеличение количества внешних ссылок. Данная технология весьма эффективна и известна как вирусный маркетинг. Как видите, социальный замок – очень полезный инструмент для улучшения посещаемости интернет-ресурса и сбора новых подписчиков.

Плагины социального замка для WordPress.

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

Начнем с англоязычного, но простого в управлении плагина Like To Keep Reading. Добавляем его через админку Вордпресс, устанавливаем и активируем. 

Like To Keep Reading

В консоли появляется одноименный пункт меню. Переходим в раздел настроек плагина по ссылке «LT Keep Reading» — «Box Settings». Здесь скрипт социального замка предоставляет следующие возможности для формирования блока, скрывающего контент:

  • выбрать скрытие защитного блока после «лайка»;
  • вписать текст, озвучивающий условие, при котором скрытый контент станет видимым;
  • задать цвет фона для блока и стили для его рамки;
  • указать url продвигаемого материала (т.е. что, собственно, и «лайкнет» посетитель).

Заполняем поля формы, жмем кнопку «Save Changes».

Box Settings (настройки)

Далее приступаем к настройкам кнопок, которые будут предлагаться пользователю на сайте. Для этого переходим в раздел «Button Settings».

Функционал Like To Keep Reading

Функционал Like To Keep Reading предполагает только самое основное. Поэтому доступен выбор самих кнопок соцсетей и отсутствует возможность настроить их внешнее отображение. Данный плагин позволяет вывести на страницы блога кнопки «Like» для Facebook, «+ 1» для Google Plus и «Tweet» для Twitter.

Для того чтобы скрыть определенный контент защитным блоком, переходим в нужную запись и открываем её для редактирования. Выделяем часть материала, который хотим спрятать, и жмем на кнопку в редакторе «Like To Keep Reading» (кнопка была создана плагином автоматически при активации).

скрываем контент

Обновляем публикацию.  Выделенный текст будет автоматически помещен внутри шорткода скрипта Like To Keep Reading.

шорткод скрипта

Теперь на сайте отобразится защитный блок социального замка.

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

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

Тех, кому немаловажно, какой вид будут иметь кнопки социальных сетей на страницах веб-ресурса, заинтересует скрипт социального замка OnePress Social Locker.

социальный замок OnePress Social Locker

Устанавливаем плагин из репозитория Вордпресс. В консоли админ-панели переходим в радел настроек: «Social Locker» — «All Lockers». Здесь уже создан один социальный замок по умолчанию. Если на своем блоге вы планируете размещение замка только одного вида, то можете просто изменить дефолтный вариант по своему вкусу. Если же вы хотите, чтобы разные локеры продвигали в соцсетях разные страницы или статьи сайта, необходимо создать соответствующее количество уникальных скриптов социального замка. Для этого выберите пункты: «+ New Locker» — «+ New Item».

На странице редактирования локера мы можем выбрать:

  • заголовок блока, скрывающего контент (например, призыв к какому-то действию);
  • комментарий (текст, поясняющий, что получит посетитель в обмен на «лайк»);
  • тему визуального оформления защитного блока;
  • какие кнопки социальных сетей будут предоставлены на выбор;
  • надпись на каждой из кнопок, отличную от дефолтной.

Там же, в разделе настроек замка, доступен предпросмотр готового варианта.
Social Locker настройки

внешний вид локера

В пункте меню «Global Settings» мы можем выбирать язык кнопок.

Чтобы применить социальный замок, открываем в редакторе WordPress статью, выделяем нужный участок контента, жмем на значок «OnePress Social Locker» и выбираем в выпадающем списке один из созданных нами вариантов. Сгенерированный шорткод с уникальным id сделает текст недоступным для читателей.

генерация шорткода

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

Бесплатная версия OnePress Social Locker дает возможность поделиться ссылкой только в трех соцсетях: Facebook, Twitter, Google + . Премиум-версия обладает гораздо более расширенным функционалом.

Существует и адаптированный под рунет вариант OnePress Social Locker. Демо-версию «Социального замка» можно скачать бесплатно на официальном сайте sociallocker.ru. Бесплатный пакет плагина имеет в наличии кнопку ВКонтакте «Поделиться». Все настройки, интерфейс и документация повторяют англоязычный аналог и переведены ф русский язык. Поэтому разобраться не составит труда.

Следует обратить внимание на установку app id для Вконтакте в блоке «Общие настройки». Без идентификатора приложения кнопка от данной соцсети работать не будет. Ссылки на видеоуроки по регистрации приложения в ВКонтакте и получению app id размещены сразу возле соответствующих полей настроек.

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

Еще один плагин, имеющий в своем арсенале кнопку «Лайк» от ВКонтакте – Заплати «Лайк»-ом. Его нет в репозитории Вордпресса. Скачать архив этого социального замка можно бесплатно на просторах интернета – https://yadi.sk/d/vjZ4WhT7rVBRM. Загружаем скачанный архив, активируем плагин, находим его в «Настройках» консоли админ-панели.

Заплати Лайком

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

Далее следуют настройки самих кнопок социальных сетей. Плагин Заплати «Лайк»-ом предлагает кнопки Facebook, Twitter, Google + , Linkedin и ВКонтакте. Для того, чтобы «Лайк» от ВКонтакте функционировал, необходимо указать уникальный идентификатор виджета. Для этого пройдем по указанной в настройках ссылке.

идентификатор виджета вконтакте

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

VK для разработчиков

В списке «Виджеты для сайтов» находим «Мне нравится».

виджет «Мне нравится»

В поле «Сайт/приложение» выбираем из выпадающего списка «Подключить новый сайт». Указываем название, адрес и основной домен сайта. Жмем «Сохранить».

Подключить новый сайт

После сохранения настроек в поле «Код для вставки» будет сгенерирован уникальный идентификатор. Копируем его, возвращаемся на страницу настроек социального замка и вставляем полученный api id в поле «Идентификатор виджета».

Идентификатор api id

Устанавливаем остальные параметры, сохраняем изменения и переходим к использованию замка в постах блога. Если мы откроем для редактирования необходимую статью, то справа от редактора увидим виджет «Заплати «Лайк»-ом». В нем будут отображены глобальные настройки скрипта на текущий момент. 

виджет Заплати Лайком

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

Если мы хотим скрыть какую-то конкретную часть контента внутри статьи, выделяем эту часть текста в редакторе и жмем кнопку «Заплати «Лайк»-ом». В результате необходимый блок материала обрамляется шорткодом. Все, что находится между тегами шорткода, будет скрыто от посетителя до тех пор, пока он не поставит «лайк». 

вставка шорткодаПо умолчанию социальный замок Заплати «Лайк»-ом отображается следующим образом:

отображение замка

Управление внешним представлением замка возможно только посредством редактирования css стилей плагина. Файл стилей находится по следующему пути: «корень сайта» — «wp-content» — «plugins» — «pay-with-a-like» — «css» — «front.css». Правила css снабжены комментариями, из которых понятно, к каким элементам они относятся.

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

pro-wordpress.ru

Преимущества OnePress Social Locker

Плагинов социальных замков существует довольно много: только под WordPress их больше десятка. Я перебрал их все и остановился на лучшем, по крайней мере лично для меня — OnePress Social Locker.

Вот его основные преимущества:

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

Великолепный дизайн и визуальные эффекты.
Такой плагин приятно иметь на любом сайте, он его не уродует, а украшает. Я установил OnePress более чем на 10 сайтах — на всех этот плагин смотрелся отлично!

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

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

Неограниченное количество замков.
Можно гибко использовать разные виды замков на разный контент. Лично я пока этим не пользовался, но по другой причине — я применяю 2 замка. В других статьях я раскажу об этом подробнее (не забывайте вступать в группу — вы не пропустите выход новых полезных материалов).

Отличная техподдержка.
На любой ваш вопрос (естественно, на английском) ответят практически в течение дня. И для этого даже не надо покупать платную версию плагина (есть и такая, но о ней чуть ниже).

Конечно, плагин Onepress Social Locker не лишен недостатков, например, в нем нет кнопок Вконтакте, Одноклассники или Мейл.ру. Но я решил так: мне они и не нужны, так как с точки зрения SEO гораздо выгоднее клики на Google Plus, Twitter и Facebook, чем на Вконтакте и Одноклассники, куда наверняка шла бы львиная доля всех кликов из рунета. А если пользователь реально заинтересован в вашем материале, так неужели он не воспользуется мировыми соцсетями? В том числе это хороший повод завести там аккаунт, все равно рано или поздно пригодится.

Плюсы платной версии.

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

[Дополнение от 14 марта 2015] Ура! Появилась платная русская версия плагина со всеми русскими соцсетями, русским интерфейсом и русской ценой — всего 590 руб. (на данный момент всего около 9$). Спешите купить, пока курс выгодный!

[Дополнение от 02.07.2018] Итак, платная русская версия от sociallocker приказала долго жить :no:

Теперь платную версию со всеми функциями качайте тут https://codecanyon.net/item/social-locker-for-wordpress/3667715

Что можно отметить реально полезного в платной версии:

Подгрузка контента через AJAX.
То есть в исходном коде по CTRL + U не будет виден ваш «скрытый» контент.

Дополнительные кнопки.
Если в бесплатной версии вы можете только лишь оставить Твит, Лайк и +1, то в платной добавлены кнопки: Follow (стать подписчиком на Твиттер), Share (поделиться с друзьми в Фейсбуке) и Google Share (поделиться с друзьями в Google Plus — эта опция, в бета-разработке и пока толком не функционирует).

Сбрасывание истории.
Возможно выставить интервал и через какое-то время «забывать» клики. То есть оставившему лайк через месяц, например, если он захочет опять скачать ваш контент с данной страницы, нужно будет заново кликнуть на кнопку соцсетей и порекламировать ваш сайт еще раз.

Размытие контента.
Можно включить специальный режим Blurring и скрытый контент будет не полностью скрываться за стандартным виджетом, а размываться. По заверению разработчика это повышает кликабельность в несколько раз, так как посетитель как бы лучше понимает, что он получит за лайк.

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

Читайте весь обзор «7 лучших платных фишек в русской версии OnePress Social Locker», там есть все, чтобы принять правильное решение о покупке.

А пока продолжаем знакомиться с бесплатной версией этого социального замка.

Установка и настройка.

Она очень проста и занимает всего несколько шагов.

Шаг 1

Устанавливаем плагин из репозитория (как обычный плагин WordPress).

И входим в настройку замка.

Настройка Onepress social locker

Шаг 2

Входим в настройки. Там уже будет создан один вид социального замок по умолчанию (вам этого более чем достаточно).

Так что начинаем изменять этот замок под свои нужды.

Настройка onepress-social-locker2

Шаг 3

В статьях выделяем контент, который хотим закрыть и кликаем на значок OnePress Locker.

Настройка onepress-social-locker3

Сохраняем статью и наслаждаемся результатом.

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

Вывод и итоги.

OnePress Social Locker — лучший бесплатный плагин на сегодняшний день, который позволяет ставить социальные замки на любой контент в блоге или сайте под WordPress.

Скачать русскую версию социального замка OnePress с русскими соцсетями (Вконтакте, Одноклассники) можно в платной версии плагина. Покупать плагин или нет? Подробный обзор платной версии.

Быстрый, понятный, красивый, стабильный, обновляемый. Одним словом, рекомендую!

moytop.com

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


 

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

  • Вы начнете привлекать подписчиков сразу как только установите это решение, при условии конечно, что у вас есть хоть какая-нибудь посещаемость.
  • Существенно получите больше подписчиков из Вконтакте, Твиттера, 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. Массовая блокировка. Настраиваемый элемент. В него мы зайдем чуть позже.

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

 

Возможности и фишки

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

Задержка замка в записях старше определенного количества дней

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

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


 

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

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

 

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

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

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

Тонкие настройки Твиттера

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

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

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

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

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

Настройка кнопки "мне нравится"

 

  • Гугл плюс

разбираем вкладку google plus

 

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

Вкладка "поделиться" в фейсбуке

 

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

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

Вкладка "читать нас" в твиттере для следования за автором

 

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

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

гугл плюс "поделиться"

 

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

  • Для Linkedin

Разбираем linkedin

 

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

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

Кнопка "нравится" от вконтакте

 

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

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


 

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

как добавить id для вконтакте

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

Создание приложения для получения id

 

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

Подключаем новый сайт

 

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

Подтверждение через СМС

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

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

уникальный номер id нашего приложения

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

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

Вставляем ID в настройки плагина

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

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

Сохранение всех изменений

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

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


 

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

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

Подключаем социальный замок к записи

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

Иконка отображается на панели редактирования

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

выделяем нужный фрагмент текст и скрываем его замком

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

Как выглядит закрытый замком контент в браузере

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


 

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

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

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

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

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

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

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

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

Статистика открываний контента

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

smarticle.ru

You May Also Like

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.