aplicacion facebook

All posts tagged aplicacion facebook

Publicar en el muro con JavaScript SDK

Ber 31 octubre, 2011

En este post explicamos cómo publicar en el muro de un usuario de Facebook utilizando JavaScript (SDK), en artículos anteriores utilizamos código php para publicar en el muro del usuario, si queréis podéis utilizar el buscador del blog para encontrarlo, a continuación describimos dos métodos para realizar la publicación en el muro del usuario.

Publicar con diálogo de confirmación

En el primer ejemplo empleamos el método feed, con este código Facebook nos abre una caja de dialogo donde el usuario puede añadir texto en la publicación que vamos a realizar, después tendrá que darle al botón aceptar para publicar en su muro, es decir, en este primer ejemplo el usuario deberá confirmar la publicación en su muro a través de una caja de dialogo como la que veis en la imagen.

dialogo facebook, friki test

Leer más
, , , , , , , , , , , , , 10 comments

Publicar con tu aplicación Facebook

Ber 13 septiembre, 2011

En este post mostramos como publicar en el muro del usuario desde tu aplicación facebook,
obviamente es necesario que el usuario se haya logeado y le hayais pedido los permisos para publicar en su muro.

Para esto, teneis que incluir en los permisos el de tipo ‘publish_stream’, en el post anterior -Como conectar a una aplicación facebook- teneis detallado como se conecta un usuario con la aplicación y los permisos que le solicitamos.


Si utilizais el Graph API de facebook podéis utilizar este código para publicar en el muro, no obstante tenéis que incluir los permisos que necesitéis dentro de la variable scope

Pedir permisos.


 $dialog_url= "http://www.facebook.com/dialog/oauth?client_id="
 .$app_id."&redirect_uri=".urlencode($urlAplicacion)."&scope=publish_stream";   
         // La variable scope contendrá los permisos que necesitamos.

Si utilizáis github podéis hacerlo así:

Publicar en el muro.


     $publicar = $facebook->api( '/me/feed', 'POST', array (      
    'message' => $mensajemuro,
    'link' => 'http://apps.facebook.com/super_horoscopo/', 
    'name' => 'Super horoscopo diario',
    'picture'=> 'URL con la imagen'
  ));



Anteriormente teneis que haber cargado el objeto facebook, para esto solo teneis que poner los datos de vuestra
aplicación, los podeis encontrar en la web de desarrollo de facebook.

 $facebook = new Facebook(array(
  'appId'  => '16879789456851', 
  'secret' => 'c2djkl4jk78954361d1k3lj4a022131', 
  'cookie' => true
));



En esta página https://developers.facebook.com/docs/reference/api/post/ teneis los campos que podeis utilizar para
crear la publicación, también vienen los permisos que requieren estos campos para poder utilizarlos en tu aplicación.

Leer más
, , , , , , , , , 3 comments

Aplicacion Facebook en Español

Ber 12 septiembre, 2011

En este artículo describimos como insertar el botón de “me gusta” en nuestra pagina web y como cambiar el idioma para que lo muestre en Español.

Esto mismo también valdría para personalizar cualquier botón o plugin de los que nos ofrece Facebook dentro de su web de desarrollo.
Solo tendríamos que ir a su web obtener el código y cambiar el parámetro que hace referencia al idioma.

aplicacion-facebook-en-español

Por defecto si bajamos el código y lo insertamos en nuestra aplicación Facebook el idioma elegido será el Inglés, para cambiar esto y utilizar el Español solo es necesario reemplazar la línea en la que pone:

  js.src = “//connect.facebook.net/en_US/all.js


Por esta:

  js.src = “//connect.facebook.net/es_ES/all.js

Con esto cambiaremos a Español el plugin que estemos utilizando en nuestra aplicación.

En este link podéis encontrar el plugin â€me gusta’ para añadir a vuestra web:

http://developers.facebook.com/docs/reference/plugins/like/

Tenéis que añadir la URL o cogerá por defecto la URL que tiene la cabecera de tu web,
Send button añadirá también el botón â€Enviar’ al plugin â€me gusta’, no obstante para poder utilizarlo  tenéis que usar el Javascript SDK de Facebook.

También podéis personalizar el color, la fuente, ver el número de â€me gusta’ o incluso utilizar un â€recomendar’ en vez de â€me gusta’.
Entre los plugin que nos ofrece facebook para desarrollar nuestras aplicaciones están:

â€Me gusta’: es el que hemos comentado.

â€Send button’: sirve para enviar contenido a tus amigos.

â€Comentarios’:… pues eso, añadir comentarios en tu aplicación facebook.

â€Recomendaciones’:, …para recomendar tu página.

â€El botón de login’

â€El botón de registro’,

â€Facepile’, muestra las caras de los usuarios que han hecho â€me gusta’ o han hecho login en tu web.

Este es el código que tenemos que insertar en nuestra aplicación facebook o pagina web si queremos mostrar el â€me gusta’ en Español (cambiando la url de vuestra web).

<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/es_ES/all.js#appId=146527405442148&xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));
// ]]></script>
<div class="fb-like" data-href="los-horoscopos.com" data-send="true" data-width="450" data-show-faces="true"></div>

Tag: Aplicacion Facebook

Leer más
, , , , , , , , , 1 comment

Facebook vs Google (Adsense)

Ber 8 septiembre, 2011

Facebook vs Google

De todos es sabido que Facebook y Google no se llevan bien, sobre todo desde que Facebook se hizo compañero de Microsoft (otro gran amigo de Google).

La guerra fría entre estos dos gigantes se puede ver en todos los frentes, robo de programadores, patentes, copias de aplicaciones, etc.

Los dos luchan por conseguir el monopolio de multi aplicaciones que podemos encontrar en Internet, Facebook incorpora llamadas y cuentas de email, muestra su cordialidad con Microsoft y su nuevo buscador ‘bing’ y durante algún tiempo tiene problemas con el servidor de videos youtube (propiedad de google)…

Es el momento de llegar hasta la publicidad, si quieres incluir un banner de adsense en las aplicaciones de Facebook, resulta que Facebook dice que Adsense (la típica publicidad que hay en todas las webs) no cumple con los requisitos para poder utilizarse en sus aplicaciones, por lo tanto, no está permitido incluir publicidad de adsense en tus aplicaciones. Así que si quieres incluir publicidad es necesario que abras otra cuenta con las compañías que Facebook te propone en su web:

http://developers.facebook.com/adproviders/

 

Entre otras cosas Facebook te advierte que utilizar otra compañía diferente a estas puede suponer la suspensión de tu cuenta.

No obstante muchos desarrolladores siguen utilizando Adsense pese al riesgo que esto supone, si intentas añadir el script que te da google adsense verás que no funciona en tu aplicación, así que tendrás que hacerlo utilizando un iframe.

El tema de los iframe es bastante sencillo, os dejo aquí un ejemplo.

1.- Creas un página que contendrá el script de adsense:

1
2
3
4
5
6
7
8
9
10
11

Publi Horoscopos<script type="text/javascript">// <!
[CDATA[
 google_ad_client = "ca-pub-7302497020639763"; /* banner facebook */ 
google_ad_slot = "5685097736"; google_ad_width = 120; 
google_ad_height = 600;
 
// ]]></script><script type="text/javascript" 
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <!
[CDATA[
 
// ]]></script>

Después, dentro de la aplicación llamas al iframe donde está tu publicidad:

1
2
3
4
5
6
7

<iframe style="overflow: hidden; width: 360px; height: 30px;" 
src="http://www.facebook.com/plugins/like.php?
app_id=285011054860432&amp;href=http%3A%2F%2Fapps.facebook.com%
2Fsuper_horoscopo%
2Findex.php&amp;send=false&amp;layout=standard&amp;width=360&amp;show_
faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=3
0" frameborder="0" scrolling="no" width="320" height="240"></iframe>

Con este código tan sencillo puedes incluir la publicidad que quieras, aunque como he dicho antes corres el riesgo de que Facebook dé de baja tu aplicación.
-Facebook vs Google

Leer más
, , , , , , , , , , , 3 comments