Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Alertas y notificaciones tipo Twitter

Alertas y notificaciones tipo Twitter 03.SEP.15

Gianfranco Lemmo
Fundador WebBizarro

Se trata de nectar.ninja, un proyecto que permite a los webmasters mostrar notificaciones (en verde) o alertas (en rojo) dentro de su sitio web, gestionando el contenido y el momento de publicarse directamente desde Twitter.

Lo primero que tenemos que hacer es copiar el script de nectar ninja en nuestro sitio web, un script en el que aparecerá el nombre del usuario desde donde se enviará el contenido.

<script>
  (function(){
  var handle = '@placeholder';
  var a = document.createElement('script');
  var m = document.getElementsByTagName('script')[0];
  a.async = 1;
  a.src = 'https://nectar.ninja/api/v1/' + handle.slice(1);
  m.parentNode.insertBefore(a, m);
  })();
</script>

Una vez hecho, podemos enviar un tweet a @NectarNinja con el siguiente formato:

@NectarNinja Este es el texto que aparecerá en nuestra web como #alert

Inmediatamente después, en la esquina inferior derecha, aparecerá la notificación o alerta (eso dependerá del tag usado) tal y como se muestra en la siguiente captura:

Cada notificación puede incluir un botón “Read more” para que el usuario pueda pulsar en él y acceder a otro enlace, por lo que el formato podría ser también el siguiente:

@NectarNinja Este es el texto con link que aparecerá en nuestra web como #notification http://webbizarro.com

Dicha notificación podrá cerrarse en cualquier momento, aunque no es posible cambiar el idioma de estos botones (ni de Close ni de Read more).

Una muy original forma de mostrar alertas, sin duda.