Archivos para la categoria Curso en vídeo aplicaciones Facebook

jQuery Script: Clic en me gusta de Facebook para descargar o ver contenido premium

Es común hoy día ofrecer contenido premium o descargas a cambio de un me gusta. En la Web podemos encontrar varios scripts o plugins que nos permiten este objetivo.

Ver Demo.

Navegando la Web me encuentro con este completo script creado por “easyjquery”, que esta desarrollado en jQuery y el cual nos permite, ofrecer contenido en descarga o premium a cambio de “me gusta” en Facebook, un Tweet o un G+ de Google.

Su implementación es sencilla solo debes seguir estos pasos:

1. Creas un archivo html y entre las etiquetas <head> … </head> pegas lo siguiente:

<script language="Javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="Javascript" type="text/javascript" src="http://api.easyjquery.com/easyjquery.js"></script>
<!-- facebook like by easyjquery.com --->
<script language="Javascript" src="http://api.easyjquery.com/easyjquery.facebook.js"></script>
<link rel="stylesheet" type="text/css" href="http://api.easyjquery.com/facebook_like.css">
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<!-- end facebook like --->

En la primera línea del código hemos incluido la libraría jQuery, en la segunda línea el plugin “easyjquery.js” desarrollado por easyjquery, en las siguientes se incluyen los archivos necesarios para crear el botón “me gusta” y dar estilo a la ventana emerjente, así como archivos para acceder a determinadas funcionalidades de facebook y twitter.

Después del salto los demás sencillos pasos, y el enlace para descargar el código de ejemplo.

Leer el resto de la entrada »

Facebook: Botón de suscripción para sitios Web

suscriberEn septiembre Facebook introdujo la suscripción, con el objetivo de que las personas compartan sus publicaciones no solo con los amigos, creando así un grupo de suscriptores. Ahora el turno es para el “Botón de suscripción” el cual podrá ser implementado en cualquier sitio Web, brindando la posibilidad de que cualquier persona se pueda suscribir y así conocer las publicaciones a través de su muro.

Su funcionamiento es muy similar al botón like, una ves la persona se suscribe podrá ver las publicaciones, además las personas que ven estas actualizaciones en los news feeds también podrán suscribirse desde allí, incrementando la viralidad de los anuncios.

Para implementarlo solo debes ir aquí y conocer los ejemplos, podrás usar el API de Javascript de facebook, HTML5 o los famosos iframes.

Sin duda ideal si queremos darle más relevancia y viralidad a nuestros anuncios, de igual forma ideal para crear comunidad por medio de grupo suscriptor, interesados en un tema en particular.

Enlace:

Facebook’s Subscribe Button for Websites is Now Live (Vía Inside Facebook)

Introducing the Subscribe Button for Websites (Blog para Desarrolladores)

FasterDev: Desarrollar aplicaciones para Facebook rapidamente

FasterDevCon el avance de la Web 2.0 sin duda lo que cada ves gana más terreno, es el uso de las redes sociales y sin lugar a duda Facebook se encuentra en la cumbre, gracias a su API que lo ha hecho extender su funcionalidad a limites inesperados, desde LoqueNecesita hemos iniciado un curso que cubre el desarrollo de aplicaciones para esta red, el cual ha estado quieto pero que sin duda continuará. Navegando la Web una vez más me encuentro esta interesante aplicación llamada “FasterDev” y que permite básicamente probar nuestras aplicaciones para Facebook, sin necesidad de subirlas directamente a la plataforma de Facebook.

FasterDev permite la simulación de usuarios de la apliacación, creando un ambiente como si de Facebook se tratará, de igual forma permite compartir mensajes y otras funcionalidades propias de la red.

De momento el servicio es muy nuevo y esta libre para prueba, pero se espera que después de un tiempo tendría un costo anual.

Enlace: FasterDev (Sitio oficial)

10. Crear aplicaciones Facebook “Login y registro en Web propia con FB connect”

En este vídeo iniciaremos con nuestra primera aplicación, la cual consiste en crear una Web que permite hacer login a través de un formulario propio o usando Facebook connect, al mismo tiempo el usuario podrá registrase en nuestra Web con los datos de la cuenta de Facebook.

En esta primera aproximación presentaremos el proceso y la aplicación en concreto, así también veremos ejemplos de Web que cuentan con este sistema, también donde documentarnos y a partir del próximo vídeo iniciaremos la implementación del código.

09. Crear aplicaciones Facebook connect II

En el vídeo anterior hemos realizado una conexión mediante nuestro sitio Web y Facebook, gracias a una librería llamada “facebook-connect-php5-library”, que simplifica el trabajo con Facebook connect.

Ahora en este vídeo veremos con un poco de más detalle, el archivo index.php y los diferentes métodos que usa, así también veremos los métodos que podremos usar para nuestras aplicaciones y donde encontrarlos.

En el próximo vídeo empezaremos a crear nuestra primera aplicación completa, para dar repaso a lo que hemos visto en lo que va del curso y así también aprender nuevas cosas del mundo de las aplicaciones Facebook.

Descargar: Librería + Ejemplo

08. Crear aplicaciones Facebook “Facebook connect en su sitio Web”

En este vídeo veremos una librería para inicio rápido en Facebook connect, llamada “facebook-connect-php5-library”, que nos permite loguearnos en nuestros sitios Web con los datos de Facebook, así también podremos mostrar información de nuestras cuentas de Facebook, como amigos, publicar comentarios, entre otros.

La librería cuenta con la API PHP de facebook con la que hemos trabajado, además viene con un demo totalmente funcional, el cual podremos adaptar según nuestras necesidades.

En el vídeo 6 vimos facebook connect con la ayuda de JavaScript, con esta librería lo haremos a través de PHP.

En el vídeo mostramos su uso he instalación creando una aplicación desde cero, todo se ve en poco más de 10 minutos.

Descargar: Ejemplo + librería

Enlace: Librería en Google code

07. Crear aplicaciones Facebook “Internacionalización”


En esta nueva entrega veremos temas de I18n “Internacionalización”, que es permitir soporte de varios idiomas en una aplicación, tambien veremos L10n “Localización”, que es adaptar las aplicaciones a diversas regiones, además veremos como agregar soporte para varios idiomas a nuestras aplicaciones Facebook, gracias al uso de la etiqueta fb:intl.

06. Crear aplicaciones Facebook Connect

En este vídeo aprenderemos como integrar nuestras páginas Web con Facebook, gracias a Facebook Connect.

Crearemos una página Web simple y desde esta, tendremos la opción de publicar comentarios en el muro gracias a Facebook Connect y FBJS.

Todo lo vemos en poco más de 9 minutos.

Descargar: Ejemplo usado en el vídeo

05. Crear aplicaciones para Facebook FQL

05. Crear aplicaciones para Facebook FQL from LoqueNecesita on Vimeo.

En este vídeo veremos una introdución al trabajo con FQL “Facebook Query Language”.

FQL nos permite acceder a la información de las tablas de la base de datos de facebook, su sintaxis es como MySQL así que solo debemos conocer en que tabla esta la información, para así acceder a lo que queremos desde nuestra aplicación.

En el vídeo continuaremos ampliando nuestra primera aplicación y esta ves le integraremos un formulario para invitar nuestros amigos a que usen la amplicación, y usaremos FQL para conocer que usuarios ya estan usando nuestra aplicación y así no enviarles de nuevo una invitación.

Todo lo vemos en poco más de 16 minutos y por supuesto desde el enlace podrás descargar el código de la aplicación.

Descargar: Código del vídeo

04. Crear aplicaciones para Facebook FBJS

En este vídeo nos introduciremos en el trabajo con FBJS (Facebook JavaScript).

Con FBJS podremos utilizar JavaScript en nuestras aplicaciones Facebook, combinado con FBML podremos crear aplicaciones muy interesantes. Ampliaremos el funcionamiento de nuestra primera aplicación, agregando en nuestra segunda página un formulario mediante un prompt, con el cual podremos escribir comentarios en el muro “Wall”.

Todo lo vemos en poco más de 10 minutos y desde el enlace podrás bajar el código de ejemplo.

Descargar: Código utilisado en el vídeo