Веб-издатели и производители контента экспериментируют с "cash-менее” модель оплаты, где люди могут использовать социальные сети для оплаты премиум-продуктов, таких как электронные книги, песни, купоны на скидку, докладов, научных исследований и др.

Говорят, ты написал небольшую книгу по конкретной теме. Теперь вместо того, чтобы задавать 99¢ за копию, вы можете, дайте кто-нибудь скачать вашу книгу, либо в обмен на щебетать, как на Facebook или +1 на Google Планета Плюс. Покупатель делает публичное рекомендации вашего продукта в социальной сети, и вы наградой им бесплатную копию.

Прежде чем попасть в реализации, нажмите здесь для демо (скриншот). Вы можете выполнить Как, сделать +1 или почтовое сообщение, и это действие будет разблокировать ссылку, чтобы скачать PDF-файл.

Разблокировать Контент класса " Премиум " с Щебетать, Как или +1

Для интеграции социальной выплаты на ваш веб-сайт, копировать все, что между <body>) тегами от фрагмент кода, приведенный ниже, и это добавить ваш сайт шаблон. Также изменить строку блоков 13 (URL file), 56 (текст сообщение), 61 (URL к +1) и 65 (вашей Странице Facebook).

  1. ***********************************************************************************************************************************
  2.  <html xmlns:fb="http://ogp.me/ns/fb#">
  3.  в<head>
  4.  <title>Платить с Щебетать, Facebook, Как Google или +1</title>
  5.  /* Социальные Выплаты на Цифровые Вдохновение (2013 г.) */
  6.  /* Вы можете свободно использовать, изменять или публиковать этот код */
  7.  </head>
  8.  <body>
  9.  <div id="ФБ-root"></div>
  10.  <script тип="text/javascript">
  11.  
  12.  функция labnol() {
  13.  // Файл, URL, что посетители могут скачать после их Как/tweet/+1
  14.  var url = "http://www.labnol.org/"; 
  15.  url = "<a href='" + url + "'>Кликните здесь</a>, чтобы загрузить файл.";
  16.  документ.getElementById("restricted").innerHTML = url;
  17.  }
  18.  
  19.  окно.fbAsyncInit = функция() {
  20.  FB.init({ статус : true, "cookie" : true, xfbml : true });
  21.  FB.Событие.подписаться('edge.create', функция(ответ) { labnol(); });
  22.  };
  23.  
  24.  (функция(d, s, id) {
  25.  var js, fjs = d.getElementsByTagName(s)[0];
  26.  если (d.getElementById(id)) возвращение;
  27.  js = d.createElement(s); js.id = id;
  28.  js.src = "//connect.facebook.net/en_US/all.js";
  29.  fjs.parentNode.insertBefore(js, fjs);
  30.  }(документ, 'script', 'facebook-jssdk'));
  31.  
  32.  окно.twttr = (функция (d,s,id) {
  33.  var т, js, fjs = d.getElementsByTagName(s)[0];
  34.  если (d.getElementById(id)) возвращение; js=d.createElement(s); js.id=id;
  35.  js.src="//platform.twitter.com/widgets.js"; 
  36.  fjs.parentNode.insertBefore(js, fjs);
  37.  возвращение окно.twttr || (т = { _e: [], готов: функция(f){ т._e.нажмите(f) } });
  38.  }(документ, "сценарий", "twitter-wjs"));
  39.  
  40.  twttr.готов(функция (twttr) {
  41.  twttr.события.bind('чирикать', функция(событие) {
  42.  labnol();
  43.  });
  44.  });
  45.  
  46.  (функция() {
  47.  var po = документ.createElement('script'); 
  48.  po.тип = 'text/javascript'; po.async = true;
  49.  po.src = 'https://apis.google.com/js/plusone.js';
  50.  var s = документ.getElementsByTagName('script')[0]; 
  51.  s.parentNode.insertBefore(po, s);
  52.  })();
  53.  </script>
  54.  
  55.  <div id="restricted">
  56.  
  57.  // Добавить по умолчанию текст в сообщение и ваш Twitter ручка 
  58.  <a href="https://twitter.com/share" 
  59.  данные-текст="Цифровые Вдохновение-это мой любимый как-блог http://labnol.org" 
  60.  данные-через="labnol" класс="Твиттер-акции-кнопку" данные-lang="en"></a>
  61.  
  62.  // URL-адрес страницы, на которой посетитель нужно +1 на Google Планета Плюс
  63.  <g:plusone размер="средний" обратного вызова="labnol"
  64.  href="http://www.labnol.org/"></g:plusone>
  65.  
  66.  // Полный URL вашей Странице Facebook идет здесь
  67.  <fb:как href="http://www.facebook.com/digital.inspiration" отправить="ложная" 
  68.  макет="button_count" ширина="220" show_faces="ложная"></fb:как>
  69.  
  70.  </div>
  71.  </body>
  72.  </html>

****************************************************************************************************************************************

  1.  <html xmlns:fb="http://ogp.me/ns/fb#">
  2.  <head>
  3.  <title>Pay with a Tweet, Facebook Like or Google +1</title>
  4.  /* Social Payments by Digital Inspiration (2013) */
  5.  /* You are free to use, modify or republish this code */
  6.  </head>
  7.  <body>
  8.  <div id="fb-root"></div>
  9.  <script type="text/javascript">
  10.  
  11.  function labnol() {
  12.  // The file URL that visitors can download after their Like/tweet/+1
  13.  var url = "http://www.labnol.org/"; 
  14.  url = "<a href='" + url + "'>Click here</a> to download the file.";
  15.  document.getElementById("restricted").innerHTML = url;
  16.  }
  17.  
  18.  window.fbAsyncInit = function() {
  19.  FB.init({ status : true, cookie : true, xfbml : true });
  20.  FB.Event.subscribe('edge.create', function(response) { labnol(); });
  21.  };
  22.  
  23.  (function(d, s, id) {
  24.  var js, fjs = d.getElementsByTagName(s)[0];
  25.  if (d.getElementById(id)) return;
  26.  js = d.createElement(s); js.id = id;
  27.  js.src = "//connect.facebook.net/en_US/all.js";
  28.  fjs.parentNode.insertBefore(js, fjs);
  29.  }(document, 'script', 'facebook-jssdk'));
  30.  
  31.  window.twttr = (function (d,s,id) {
  32.  var t, js, fjs = d.getElementsByTagName(s)[0];
  33.  if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
  34.  js.src="//platform.twitter.com/widgets.js"; 
  35.  fjs.parentNode.insertBefore(js, fjs);
  36.  return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
  37.  }(document, "script", "twitter-wjs"));
  38.  
  39.  twttr.ready(function (twttr) {
  40.  twttr.events.bind('tweet', function(event) {
  41.  labnol();
  42.  });
  43.  });
  44.  
  45.  (function() {
  46.  var po = document.createElement('script'); 
  47.  po.type = 'text/javascript'; po.async = true;
  48.  po.src = 'https://apis.google.com/js/plusone.js';
  49.  var s = document.getElementsByTagName('script')[0]; 
  50.  s.parentNode.insertBefore(po, s);
  51.  })();
  52.  </script>
  53.  
  54.  <div id="restricted">
  55.  
  56.  // Add the default text of the tweet and your Twitter handle 
  57.  <a href="https://twitter.com/share" 
  58.  data-text="Digital Inspiration is my favorite how-to blog http://labnol.org" 
  59.  data-via="labnol" class="twitter-share-button" data-lang="en"></a>
  60.  
  61.  // The URL of the page that visitor need to +1 on Google Plus
  62.  <g:plusone size="medium" callback="labnol"
  63.  href="http://www.labnol.org/"></g:plusone>
  64.  
  65.  // The full URL of your Facebook Page goes here
  66.  <fb:like href="http://www.facebook.com/digital.inspiration" send="false" 
  67.  layout="button_count" width="220" show_faces="false"></fb:like>
  68.  
  69.  </div>
  70.  </body>
  71.  </html>

*****************************************************************************************************************************************

Вот как этот код работает:

Когда пользователь нажимает на любом из социальных кнопки, мероприятие будет схвачен, а затем, используя простой JavaScript, ссылка для скачивания файла добавляется на месте). Если пользователь откроет сообщение диалог, но решает не отправлять одно, что "отмена” действие не разгадать тайну связи.

Есть готовые доступные решения, Платить с Щебетать является популярным один, но они требуют слишком много шагов для пользователя, чтобы завершить сделку. Вот, это так же просто, как нажать кнопку обычного - "щебетать”, или кнопку "нравится”.

Также, любое лицо, имеющее технические навыки легко можете обнаружить скачать исходный HTML-код, но большинство веб-пользователей не могут делать этого.