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

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

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

Легкий JQuery Плагин Социальный замок shareIt.js – очень простой в использовании инструмент для скрытия контента (например, ссылки для скачивания) и последующей его разблокировки за Лайк или Публикации вашего контента в Социальных медиа. Плагин автоматически откроет содержимое и предоставит доступ к премиум контенту, после того, как ваш посетитель кликнет по одной из представленных Социальных медиа.

Социальный замок shareIt.js отличный инструмент для распространения ссылки на ваш сайт по Социальным медиа.

Скачать   |   Демо

Особенности shareIt.js

Список особенностей фронтенда shareIt.js

  • Кнопка Like от Facebook
  • Вы можете добавить Любой URL к кнопке Like. Например: Вы можете использовать свой URL Страницы Facebook.
  • Кнопка поделится от Facebook
  • Кнопка Tweet Твиттера
  • Кнопка Follow Твиттера
  • Кнопка Поделится LinkedIn
  • Google +1 кнопка
  • Подсчет Лайков и публикаций Facebook
  • Подсчет Tweets и Followers
  • Подсчет публикаций Google +1
  • Подсчет публикаций LinkedIn

Для использования плагина вам понадобится: ID APP Facebook и Ключ API Google

Необходимы идентификаторы Приложений Facebook и Google +1, чтобы инициализировать кнопки Facebook Like/ Share и Google +1.

Шаг # 1: Включите библиотеку JQuery и shareIt.js код в нижней части страницы.

<script type=»text/javascript» src=»assets/js/jquery.min.js»></script>
<script type=»text/javascript» src=»assets/js/shareIt.js»></script>

Шаг # 2: Включите ShareIT библиотеку CSS в верхней части страницы.

<link href="assets/css/shareIt.css" rel="stylesheet"/>

Шаг # 3: Конфигурация Плагина

var options = {
title: "Share/Like/Follow to Download", //Heading of Content Locker
text: 'Choose Any Social Social Network from below to share our content and Download it.', //Subheading of Content Locker
facebook:{
url: window.location.href, //Your Content Page Url
pageId: "https://www.facebook.com/MyCodingTricks", //Your Facebook Page Url
appId: 676027382527018 //Your Facebook App ID
},
twitter:{
via: 'mycodingtricks', //Twitter Username
url: window.location.href,
text: document.title
},
googleplus:{
apikey: 'AIzaSyD_H_TgxVsG0jMy6dMTKjkhHilxIk_bQBk', //Google App API key
url: window.location.href,
},
linkedIn:{
url: window.location.href
},
buttons:["facebook_share","facebook_like","twitter_tweet","twitter_follow","googleplus","linkedin"]
};

$(".lock").shareIt(options);

Шаг # 4: Инициализация HTML кода

<div class="lock mct_shareit_locker">
I Have to Lock this content
</div>

Шаг # 5: Добавьте код Google Analytics на странице.

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
Aliexpress INTAliexpress INTAliexpress INT

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

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