miércoles, 24 de diciembre de 2014

on 1 comment

Social locker


Buenas, hoy os traigo un código para poder bloquear contenido descargable en vuestro blog y para permitir la descarga sea necesario una interacción en las redes sociales.


El código lo debes colocar desde la pestaña HTML que aparece al redactar una entrada nueva:


 Al introducir el código debemos cambiar lo que está en azul por nuestros datos, lo que está en naranja no es necesario cambiarlo.

Aquí os dejo el código:

<div id="paybox">
 <div id="paytittle">
                     Haz un Tweet, Like o +1 para poder descargar
 </div>
 <div id="fb-root">
 </div>
 <script type="text/javascript">
  
   function habilitar() {  
    var url = "miweb.com/descargas/archivo.mp3";  
    url = "<a href='" + url + "'>Click here to download the file.</a> ";
    document.getElementById("restricted").innerHTML = url;
   }
  
   window.fbAsyncInit = function() {
    FB.init({ status : true, cookie : true, xfbml  : true });
    FB.Event.subscribe('edge.create', function(response) { habilitar(); });
   };
  
   (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js";
    fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
  
   window.twttr = (function (d,s,id) {
    var t, js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
    js.src="//platform.twitter.com/widgets.js"; 
    fjs.parentNode.insertBefore(js, fjs);
    return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
   }(document, "script", "twitter-wjs"));
  
   twttr.ready(function (twttr) {
    twttr.events.bind('tweet', function(event) {
     habilitar();
     });
   });
  
   (function() {
    var po = document.createElement('script'); 
    po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(po, s);
   })();
  </script>
  
 <br />

 <div id="restricted">
  <a class="twitter-share-button" data-lang="en" data-text="hola mundo, esto es una prueba." data-via="habilitar" href="miweb.com"></a>
    
  <g:plusone callback="habilitar" href="https://plus.google.com/b/000000000000/" size="medium"></g:plusone>
    
  <fb:like href="https://www.facebook.com/mipaginaenfacebook" layout="button_count" send="false" show_faces="false" width="220"></fb:like>
  
 </div>
</div>

1 comentario: