Archivo de junio de 2010
Nueva aplicación Analítica Insights de facebook
Con la nueva aplicación Analítica Insights de facebook, puede obtener análisis detallados sobre los datos demográficos de sus usuarios y cómo los usuarios comparten desde su aplicación con Insights.
La API gráfico proporciona acceso mediante programación a todos estos datos para que pueda integrar los datos de la plataforma en sus propios sistemas, “herramienta de análisis personalizado”.
Comments facebook o cuadro de comentarios facebook
Sobre Comments o comentarios facebook.
El cuadro de comentarios facebook permite a los usuarios hacer un comentario sobre el contenido de su sitio – ya sea para una página web, artículo, foto, u otra pieza de contenido. Entonces el usuario puede compartir el comentario de Facebook en su Sitio Web y compartirlos con sus amigos y seguidores.
En todo caso es importante saber como encontrara esta aplicación…
Lo primero sera tener a la mano nuestro “Id. único“, este se refiere al numero que nos identifica en facebook.
El SDK de JavaScript le permite acceder a todas las funciones de la API gráfica a través de JavaScript, y proporciona un rico conjunto de funcionalidades del lado del cliente para la autenticación y el intercambio. El SDK JavaScript es necesario utilizar las versiones de los plugins XFBML Social. Para utilizar el SDK de JavaScript, deberá registrar su solicitud.Asegúrese de que su dominio se establece en base a la URL base del sitio donde residirá la aplicación.
Por ejemplo el uso, echa un vistazo a Facebook para los sitios web y la guía de autenticación.
La forma más eficiente para cargar el SDK en su sitio es para cargarlo de forma asíncrona por lo que no bloquea al cargar otros elementos de su página:
Luego solo colocara su “Id único” entre el siguiente pequeño código script:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script><fb:comments xid="AQUÍ SU ID ÚNICO"></fb:comments>
Ahora bien! Seguro se estará preguntando…
¿Como consigo mi “Id único”?
En realidad esto es muy sencillo y solo le tomara unos segundos!
Aquí están los detalles:
La nueva API Facebook ha intentado simplificar drásticamente la manera de que los desarrolladores puedan leer y escribir datos en Facebook. Entonce ahora nos presenta una visión simple y consistente de la gráfica social Facebook.
Esta plataforma nos muestra la forma de utilizar y representar los objetos de manera uniforme en el gráfico.
Por ejemplo, la gente, fotos, eventos y páginas de fans. Tambien nos indica las conexiones entre ellas (por ejemplo, las relaciones de amigo, para compartir contenidos y etiquetas de fotos) .
Cada objeto en el gráfico social tiene un identificador único. Usted puede obtener los datos asociados a un objeto.
Para buscar la dirección https://graph.facebook.com / ID.
Por ejemplo, la página oficial de https://www.facebook.com/Lorenzo.Pomares.Consultor.Capacitador nos muestra el siguiente id único
"205484234621", para que pueda buscar el objeto solo tendrá que utiliza la siguiente dirección: https://graph.facebook.com/205484234621
o sencillamente así: https://graph.facebook.com/Lorenzo.Pomares.Consultor.CapacitadorEsto arrojará la siguiente respuesta: {
"id": "205484234621",
"name": "Lorenzo Pomares",
"picture": "http://profile.ak.fbcdn.net/
hprofile-ak-snc4/hs269.snc3/23282_205484234621_2152_s.jpg",
"link": "http://www.facebook.com/Lorenzo.Pomares.Consultor.Capacitador",
"category": "Public_figures_other",
"username": "Lorenzo.Pomares.Consultor.Capacitador",
"location": {
"city": "Puerto Vallarta",
"country": "Mexico",
"zip": "48315"
}
Alternativamente, las personas y las páginas con nombres de usuario pueden ser traidos usando su nombre de usuario como identificación. "Lorenzo.Pomares.Consultor.Capacitador" es el nombre de usuario de la página , https://www.facebook.com/Lorenzo.Pomares.Consultor.Capacitador entonces devolverá lo que usted espera. Todas las respuestas son objetos JSON.
Todos los objetos de Facebook se puede acceder de la misma manera:
- Users: https://graph.facebook.com/xxxxxxxxxxx
- Pages: https://graph.facebook.com/xxxxxxxxxxx
- Events: https://graph.facebook.com/xxxxxxxxxx
- Groups: https://graph.facebook.com/xxxxxxxxxx
- Applications: https://graph.facebook.com/xxxxxxxxx
- Status messages: https://graph.facebook.com/xxxxxxxxxxx
- Photos: https://graph.facebook.com/xxxxxxxxxxx
- Photo albums: https://graph.facebook.com/xxxxxxxxxxx
- Profile pictures: http://graph.facebook.com/xxxxxxxxx/picture (your profile picture)
- Videos: https://graph.facebook.com/xxxxxxxxxxx
- Notes: https://graph.facebook.com/xxxxxxxxx(Note announcing Facebook for iPhone 3.0)
Aquí tienes un ejemplo real:
http://graph.facebook.com/lorenzopomares/picture
Usted puede especificar el tamaño de la imagen que quieras con el tipo de argumento, que debería ser uno de loscuadrados (50×50), pequeñas (50 píxeles de ancho, de altura variable) y grandes (alrededor de 200 píxeles de ancho, de altura variable):
http://graph.facebook.com/lorenzopomares/picture?type=large.
Todos los objetos en el gráfico social Facebook se conectan entre sí a través de las relaciones.
Por ejemplo: Bret Taylor es un fan de la página de Coca-Cola, Bret Taylor y Lorenzo Pomares son amigos.
Para esto se hace un llamamiento utilizando esas relaciones de conexiones en nuestro API.
Puede examinar las conexiones entre los objetos utilizando la estructura de la URL https://graph.facebook.com/ID/CONNECTION_TYPE/.
Estas son Las conexiones con la ayuda para personas y las páginas que incluyen:
- Friends: https://graph.facebook.com/me/friends
- News feed: https://graph.facebook.com/me/home
- Profile feed (Wall): https://graph.facebook.com/me/feed
- Likes: https://graph.facebook.com/me/likes
- Movies: https://graph.facebook.com/me/movies
- Books: https://graph.facebook.com/me/books
- Notes: https://graph.facebook.com/me/notes
- Photo Tags: https://graph.facebook.com/me/photos
- Photo Albums: https://graph.facebook.com/me/albums
- Videos: https://graph.facebook.com/me/videos
- Events: https://graph.facebook.com/me/events
- Groups: https://graph.facebook.com/me/groups
Todos los diferentes tipos de objetos y conexiones se incluyen en la documentación de referencia API gráfico.
Bueno, creo que ahora te toca desarrollar tus aplicaciones facebook para sacar jugo en tu sitio web.
FB: foto Representa un Facebook foto
Parámetros
Nombre Tipo Descripción:
pid es una API suministrada para FB foto.
El PID no puede ser superior a 50 caracteres. (El uso de un pid en la cadena de consulta URL de una foto en Facebook, es obsoleto.)
UID int
(Obsoleto) Si el pid no es una API proporcionada por pid, esta debería ser la identificación de parámetros en la cadena de consulta usado para encontrar el pid. Esta propiedad no es compatible con la variante XFBML de esta etiqueta y es obsoleto para la variante FBML.
tamaño cadena
El tamaño de la foto para mostrar. El valor por defecto es normal. Otros valores válidos son el pulgar (t) (75px de ancho), pequeño (s) (máximo de 130px de ancho o la altura) y normal (n) (máximo de 604px de ancho o altura).
alinear cadena
La imagen de la alineación. El valor por defecto es la izquierda y el único valor válido es otro derecho.
Ejemplos:
Si usted es el formato de la etiqueta como FBML, no es necesario utilizar una etiqueta de cierre.
<fb:photo pid="12345" />
Si usted esta utilizando el formato de la etiqueta:
XFBML en Facebook Connect,
entonces debe utilizar una etiqueta de cierre.
<fb:photo pid="12345"> </ fb: foto>
Representa un reproductor de audio en facebook basado en Flash FB: mp3
Parámetros
| Nombre | Tipo | Descripción |
|---|---|---|
| src | cadena | La dirección URL del archivo de audio. La dirección URL debe ser absoluta. |
| título | cadena | El nombre de la canción. |
| artista | cadena | El nombre del artista intérprete o ejecutante de la canción. |
| álbum | cadena | El título del álbum. |
| ancho | int | La anchura del reproductor en píxeles. El valor por defecto es 300 |
| altura | int | No hace nada. El valor por defecto es de 29 |
Ejemplo:
<fb:mp3 src="http://host.com/file.mp3
"Name" title="Song artist="Song Name"/> Artist" album="Album
ActionScript 3.0 Biblioteca de la plataforma de Facebook, Graph API
Representa un Shockwave Flash (SWF) de objetos. En las páginas de perfil, una imagen aparece en primer lugar. Cuando el usuario hace clic en la imagen, se convierte en el objeto Flash.En las páginas lienzo, la imagen se pasa por alto, y el objeto Flash se incluye directamente.
Usted también puede hacer API y trabajar con las aplicaciones y script Facebook directamente para utilizar Flash.
Echa un vistazo a ActionScript 3.0 Biblioteca de la plataforma de Facebook para más información.
Ahora bien! aquí tienes el codigo script que puedes utilizar para cargar y visualizar videos utilizando las aplicaciones y script para SWF dese Graph API
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg'
width='340' height='270' />
configuración de la privacidad en facebook
Seguridad y privacidad en facebook
Quiero que sepas que aun cuando las imágenes originales cargadas por ti, sean totalmente tuyas, al cargarlas a tu facebook perderán ese valor totalmente. En este caso, cuando tu creas tu cuenta facebook, primero que todo, tienes que estar de acuerdo con las condiciones y terminos de uso de esta web 2.0.
Una de las características de este tipo de sitio es precisamente compartir información en forma de imágenes, videos, textos, en fin, todo lo relativo a tu cuenta según tu configuración de seguridad.
Para evitar que otras personas tengan acceso a tu información, tienes que reconfigurar el estado actual de tu perfil.
Puede configurarlo de tal manera que aun cuando tengas una lista de 5,000 amigos, solo 10 de ellos puedan tener acceso a cierta información que tú has preferido mantener en secreto.
Para hacer cambios en tu privacidad, solo tienes que ir a tu pestaña “CUENTA” que está en la parte superior derecha de tu perfil y seleccionar donde dice, “configuración de la privacidad”, entonces podrás activar tu cuenta según tu necesidad y prioridades.
Ahora bien mi querido amigo, voy a estudiar la forma de instalar un script que se pueda colocar utilizado la aplicación FBML Estática!
Claro que no será fácil, pero tratare, entonces si logro conseguir que funcione, te aviso.
Por el momento, este es mi aporte, según mi recomendación antes brindada.
Como invitar a tus amigos para que puedan unirse a un grupo dentro de su aplicación en facebook
Las solicitudes son una gran manera para que los usuarios inviten a sus amigos a su aplicación, incluso los usuarios pueden confirmar las conexiones desde su aplicación.
Pongamos un ejemplo:
Si el usuario Pedro quiere invitar a un usuario “María” para que pueda unirse a un grupo dentro de su aplicación, el usuario Pedro puede enviar una solicitud de usuario a “María”. Entonces Pedro podrá preguntar si el usuario “María” desea sumarse. En este ejemplo el usuario “María” recibirá la solicitud y tendrá la oportunidad de responder si o no.
Los usuarios pueden enviar solicitudes simplemente haciendo clic en la imagen de amigo y hacer clic a enviar.
El uso de etiquetas FBML puede procesar los formularios de solicitud y selectores amigo.
Hay muchas maneras de personalizar sus peticiones incluyendo la pantalla del selector de amigo, y qué opciones están disponibles para el receptor de la solicitud.
La documentación completa está disponible en ingles y la puede visualizar aquí.
Las aplicaciones Iframe sólo hay que envolverlas en una etiquetas FBML en una etiqueta para que sean compatibles y se active la función deseada.
Aquí puede ver un formulario de solicitud de ejemplo:
<fb:serverFbml>
<script type="text/fbml">
<fb:fbml>
<fb:request-form
method='POST'
type='join my Smiley group'
content='Would you like to join my Smiley group?
<fb:req-choice url="http://apps.facebook.com/smiley/yes.php"
label="Yes" />'
<fb:req-choice url="http://apps.facebook.com/smiley/no.php"
label="No" />'
<fb:multi-friend-selector
actiontext="Invite your friends to join your Smiley group.">
</fb:request-form>
</fb:fbml>
</script>
</fb:serverFbml>El código anterior hace que este lienzo se visualice en su página:
Crear una página de fans facebook
Antes de crear una Página de Fans, primero sera importante detener nuestra vista y Consulta las condiciones de Facebook
“Página oficial”
Aquí tiene la URL: http://www.facebook.com/pages/create.php
Comunícate con tus clientes y fans con la creación y el mantenimiento de una página de Facebook oficial.
Primero tiene que decidir tipo de página quiere:
1.- Negocio local
2.- Marca, producto u organización
3.- Artista, grupo de música o personaje público
Luego seleccionar la categoria adecuada segun su interes.
Ahora tocará colocar el Nombre de la página.
Entoces ya solo queda aceptar las condiciones de Facebook
Consulta las condiciones de Facebook
Pero si se trata de una Página de la comunidad
Sera con el fin de ganar apoyo para tu causa o tema favorito.
Si consigue atraer a miles de fans, la comunidad de Facebook se encargará de mantenerla.
Otra estrategia es Crea un grupo de Facebook….
Esta se utiliza para Comunícate directamente con otros miembros de Facebook que comparten un interés profesional o una afición. Crea un grupo de Facebook.
Ahora usted decide!
facebook Script página de Fans
Para crear una pestaña que le permita invitar a sus amigos y a los amigos de sus amigos.
Solo cumpla con los siguientes pasos:
1.- Copie y pege en su libreta de notas este código
/////////////////////////==============> INICIA
3.- Genere su aplicación FBML
FBML le permite construir aplicaciones de Facebook, esta es la forma integrarse en la experiencia del usuario de Facebook.
Puede conectar en varios puntos de integración de Facebook, así como el perfil, las acciones de perfil, y el lienzo.
No recomendamos FBML para los nuevos desarrolladores.
Si usted no está usando su FBML, usted tendría que poner en práctica su aplicación dentro de un iframe, usando el SDK de JavaScriptyplugins para la integración social del lado del cliente con los servicios de Facebook.
Pero eso sí, tenga muy claro que la única excepción es que: ” SI ” es absolutamente necesario crear una aplicación que se ejecute como una ficha de perfil de un usuario de Facebook, usted tendrá que utilizar FBML; pero recuerde estas pestañas no soporta iframes.
Aquí está el enlace a la fuente para implementar las aplicaciones que le ayudarán en todo momento:
Facebook: Masco de Lenguaje (FBML)
FBML Estática de Facebook
Añade funciones avanzadas a tu página usando la aplicación FBML Estática de Facebook. Esta aplicación añadirá un botón a tu página en la cual podrás convertir HTML o FBML (Seleccionador de lenguaje de Facebook) para una personalización mejorada de la página.
Aquí tiene un ejemplo del código que puede utilizar en su página de fans para la pestaña de Bienvenido o Me Gusta!
Esta es una muestra de como quedaría la pestaña de Bienvenidos!
Copie este código y pegue en su blog de notas, luego podrá editarlo en las partes señaladas en el mismo.
Recuerde que primero tiene que generar su nueva aplicación donde colocará su script, luego tiene que configurar su aplicación FBML Estática para que sea visible la pestaña en tu página.
<table width=”771″ align=”center”> <tr> <th width=”763″ height=”684″ scope=”col”><table width=”763″ align=”center”> <tr> <th width=”755″ height=”700″ align=”center” valign=”top” background=”URL DE LA IMAGEN QUE COLOCARA EN SU PAGINA DE BIENVENIDA” scope=”col”><table width=”731″ align=”center”> <tr> <th width=”723″ height=”409″ align=”left” valign=”bottom” scope=”col”><table width=”375″ align=”left”> <tr> <th width=”377″ height=”191″ align=”center” valign=”middle” scope=”col”><fb:swf swfbgcolor=”0″ imgstyle=”border-width:0px; border-color:white;” swfsrc=’http://www.youtube.com/v/XXXXXXXXXXXXXX=es_ES&fs=1&rel=0′ imgsrc=’http://img.youtube.com/vi/XXXXXXXXXXXXXX/3.jpg’ width=’300′ height=’230′ /> <div align=”center”></div></th> </tr></table></th> </tr> </table></th> </tr> </table></th> </tr> <tr> <td align=”center” valign=”top”><div align=”center”><a href=”URL DE SU SITIO WEB/” target=”_blank”><img src=”URL DE LA IMAGEN O BANNER DE SU SITIO WEB” width=”315″ height=”33″ /></a></div></td> </tr></table>
////////////////////////////////////////////////////////////////////—–>> TERMINA EL SCRIPT
/0.png)
/1.png)
/2.png)
/3.png)
/4.png)
/5.png)
/6.png)
/7.png)