Estas actualizaciones de Facebook en teoría estan diseñadas para simplificar la navegación de los usuarios, reducir la complejidad para los desarrolladores, y habilitar a la gente de Facebook a construir la nueva generación de herramientas para hacer crecer tu negocio con las mismas.

Por lo menos podemos ver que estan en constante actualización de cada los rincon que tiene Facebook, por ejemplo hace poco vimos como agregaron un cuadro de estadísticas rápidas en la página principal de nuestras Páginas.

Links útiles:
Profile and Page Roadmap Update

Compartir

Por lo que se comenta en la página Roadmap Profile la idea es discontinuar la pestaña Cuadros y en un futuro publicarán nuevas formas de poder integrar nuestras aplicaciones.

No creo que haya sido un buen paso de la gente de Facebook, por lo menos deberían haber avisado a los desarrolladores como alguna vez he recibido un mail con el aviso que se iban a deprecar las funciones feed.publishUserAction, feed.publishTemplatizedAction, Facebook.showFeedDialog, FB.Connect.showFeedDialog o la clase FBFeedDialog . Imagen del correo.

Por ahora no tendremos ninguna solución más que esperar las novedades que prometen.

Saludos!

Links útiles:
Función deprecada : Profile.setFBML
Próximos cambios : http://wiki.developers.facebook.com/index.php/Developer_Roadmap

Compartir

             

Podés hacerlo de una manera muy simple, solo tenés que ingresar a la siguiente url para generar el código HTML : http://www.facebook.com/share/

En esta página vas a encontrar el siguiente formulario :

En el mismo podés elegir el estilo del botón, si querés que incluya el contador con las veces que fue compartido y si el enlace para compartir es fijo (Personalizá la dirección) o si se comparte la página actual donde está el botón en ese momento(Dirección de la Página). Este último caso es útil si lo ponemos en algún template donde la url cambia y el botón se agrega automaticamente en diferentes páginas.

Una vez que lo configuras a tu gusto, copias el código y lo pegas en donde quieras que aparezca en tu página .

Espero que les haya servido.

Link útiles:
http://www.facebook.com/share/
http://wiki.developers.facebook.com/index.php/Facebook_Share/Specifying_Meta_Tags

Compartir

Primero que nada deben tener una cuenta de Google Analitycs, una vez que ingresan deben crear un nuevo perfil por cada página que quieran medir.

Para esto van a “Añadir perfil nuevo”:

En la siguiente página ingresan la url de su página de Facebook:

Cuando presionan el botón finalizar les va a aparecer el ID de propiedad web:

Luego de obtener el código, tenés que utilizar una herramienta llamada FBGAT – Facebook Google Analytics Tracker ingresando a esta url : http://ga.webdigi.co.uk/

Luego de completar todos los campos presionan el botón “Generate Code” y copian el código generado que tendrán que utilizar después. Para poder insertar este código en Facebook podemos utilizar la aplicación “FBML Estático” que nos provee el propio Facebook.

Si no tenemos está aplicación agregada a nuestras páginas debemos realizar los siguientes pasos. Ir al cuadro de búsqueda y buscar la aplicación “FBML Estático” .

Al ingresar a la página de la aplicación vamos a “Agregar a mi página” y seleccionamos el botón “Agregar a la página” en todas las que quiera medir con Google Analytics.

Luego voy a mi propia página y selecciono “Editar Página” debajo de la foto de la misma.

Busco donde aparece la aplicación de FBML Estático y selecciono “Configuración de aplicaciones”.

En el siguiente popup dejo marcado “Cuadros” para que el FBML aparezca en esa pestaña.

Luego de esto voy a la pestaña cuadros, bajo hasta el final de la página donde seguramente aparezca un nuevo recuadro, el FBML estático. Hago clic en el extremo superior derecho y selecciono “Mover a la pestaña Muro” para medir el tráfico en la página principal.

Ahora vamos a insertar el código que habíamos generado previamente para que empiece a medir el tráfico. Vamos nuevamente a “Editar página”, buscamos la aplicación FBML y seleccionamos Editar.

En el recuadro FBML copiamos el código que generamos antes.

Cuando vamos al muro de nuestra página podemos ver el recuadro en blanco que medirá el tráfico, si quieren pueden agregarle una imagen o algún texto para que no quede completamente en blanco. También pueden agregarle la imagen de Google Analytics agregando este código en el FBML.

<center><img src="http://img823.imageshack.us/img823/5581/googleanalyticslogo.jpg"></img></center>

Si quieres alojar el script que genera la imagen en tu propio servidor puedes descargar el código gratuitamente de aquí : http://www.webdigi.co.uk/blog/apps/fbgat-facebook-google-analytics-tracker/
Link directo : http://ga.webdigi.co.uk/code/fbga-version1.1.zip

Compartir

A partir de esto sugerían utilizar stream.publish, FB.Connect.streamPublish o Facebook.streamPublish . Por eso mismo me puse a hacer unas pruebas y pude hacerlo andar, les voy a poner algunos ejemplos para que los puedan utilizar en sus aplicaciones.

* Utilizando stream.publish

<?php
 
$message = 'Este mensaje es el comentario de la publicación.';
$attachment = array(
'name' => 'El título del post',
'href' => 'La URL que hace referencia al post ',
'caption' => 'Un subtítulo del post',
'description' => 'Texto descriptivo para la publicación',
'media' => array(array('type' => 'image',
'src' => 'url de la imagen',
'href' => 'link que va a tener la imagen')));
//'media'=>  array(array( 'type'=>            'flash',
//'swfsrc'=>          'url del flash',
//'imgsrc'=>          'imagen que va a aparecer al publicarse',
//'width'=>           'ancho',
//'height'=>          'altura',
//'expanded_width'=>  'ancho al expandirse',
//'expanded_height'=> 'altura la expandirse')));
$action_links = array(
array('text' => 'Texto que aparece al lado de -me gusta-',
'href' => 'url del texto'));
$attachment = json_encode($attachment);
$action_links = json_encode($action_links);
$facebook->api_client->stream_publish($message, $attachment, $action_links);

* Utilizando Facebook.streamPublish (FBJS)

<script>
var auto_publish = true;
var js_targetId = null;
var js_userMsg ='';
var js_callback = null;
var js_actorId = null;
var message = 'xxxxx.';
var attachment = {'name' : 'xxxxx',
 'href' : 'xxxxxx',
 'caption' : 'xxxxxxxx',
 'description': 'xxxxxxxxxxxxxxxxxxxxxx',
 'media':[{'type':'flash',
 'swfsrc':'xxxxxxxxxxxxxxx',
 'imgsrc':'xxxxxxxxxxxxxxxx',
 'width' :'xx',
 'height':'xx',
 'expanded_width':'xx',
 'expanded_height':'xx'}]};
var action_links = [{'text' : 'xxxxxx',
 'href' : 'xxxxxxxxx'}];
 Facebook.streamPublish(message,attachment,action_links,js_targetId,js_userMsg,js_callback,auto_publish,js_actorId);
 
</script>

Espero les haya servido.

Saludos!

Links útiles:
http://wiki.developers.facebook.com/index.php/Stream.publish
http://wiki.developers.facebook.com/index.php/Facebook.streamPublish
http://wiki.developers.facebook.com/index.php/Attachment_(Streams)
http://developers.facebook.com/docs/?u=facebook.jslib.FB.Connect.streamPublish

Compartir

El código PHP sería este :

Podría ir en el index.php de la aplicación.

<?php
try {
//Número del Template creado
$template_bundle_id = 0123456789;
//Un objeto JSON-encoded  con los valores a sustituir en el template creado.
 
$tokens = array( 'titulo'=>'FacebookApps.com.ar' );
 
//Generalmente van los IDs de los usuarios con los que estas interactuando. Este parámetro es requerido si se utiliza el token {*target*} en el template. Solo debe contener los IDs de amigos, no de la persona que está usando la aplicación.
$target_ids = $facebook->api_client->friends_get();
 
$body_general = '';
 
$facebook->api_client->feed_publishUserAction( $template_bundle_id, json_encode($tokens) , implode(',', $target_ids), $body_general);
 
 
} catch (Exception $e) {
    error_log($e);
}
?>

Para crear un template vamos a esta página Feed Template Console

El template sería así :

Plantilla para historias de una línea

{*actor*} está visitando <a href="http://www.facebookapps.com.ar/">{*titulo*}</a> !

Pongo Siguiente.

Omito el paso “Crear una plantilla de historia breve (opcional)”

Y en el siguiente pongo esto:

En la vista previa se puede ver como quedaría.

Espero les sirva, saludos!

Links útiles:
http://wiki.developers.facebook.com/index.php/Feed.publishUserAction
http://wiki.developers.facebook.com/index.php/Template_Data
http://wiki.developers.facebook.com/index.php/Feed#How_Do_I_Use_Feed.3F

Compartir

Podemos poner un botón en cualquier lugar de nuestra app para así llamar a la página “invite.php” :

1
2
3

<fb:dashboard>
<fb:create-button href="invite.php">Compartilo con tus amigos!</fb:create-button>
</fb:dashboard>

El código de invite.php sería este:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<?php
//en config.php obtenemos el $user
require_once('config.php');
 
// Agarremos la lista de amigos que ya tienen la aplicacion instalada
$rs = $facebook->api_client->fql_query(
	"select uid " .
	"from user " .
	"where has_added_app=1 and uid IN " .
	"   (SELECT uid2 FROM friend WHERE uid1 = '".$user."')");
 
$arFriends = "";
 
//  Construimos una lista de estos amigos
if ($rs)
{
	for ( $i = 0; $i < count($rs); $i++ )
	{
		if ($arFriends != "")
			$arFriends .= ",";
 
		$arFriends .= $rs[$i]["uid"];
	}
}
 
// El URL para referrals
$sNextUrl = urlencode("&refuid=" . $user);
 
//  Construimos el FBML que ira en el mensaje de invitacion
$invfbml = <<<FBML
Fuiste invitado a instalar {TU APLICACION}
<fb:name uid="$user" firstnameonly="true" shownetwork="false"/> quiere que agregues {TU APLICACION} en tu perfil!
<fb:req-choice url="http://apps.facebook.com/taringa_rss/" label="Agrega {TU APLICACION}" />
FBML;
 
?>
 
<fb:request-form type="{TU APLICACION}" action="index.php" content="<?php echo htmlentities($invfbml)?>" invite="true">
<fb:multi-friend-selector max="20" actiontext="Estos son tus amigos invitalos a que agreguen {TU APLICACION}" showborder="true" rows="5" exclude_ids="<?=$arFriends?>" />
</fb:request-form>

Quedaría así:

Espero les sirva!

Compartir

Compartir

Por ejemplo en la ventana de Login :

Y todos los widgets que hay por el momento, comment box, live stream, fan box.

Solo tenemos que agregarle el idioma luego de FeatureLoader.js.php , cuando ponemos este script en nuestras páginas configuradas para utilizar Facebook Connect.

1
2

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript">
</script>

Todas las lenguas en : http://wiki.developers.facebook.com/index.php/Facebook_Locales

Más info : http://developers.facebook.com/news.php?blog=1&story=264

Saludos!

Compartir

Solo tenes que poner este tag fbml en un canvas de tu aplicación:

<fb:live-stream event_app_id="PONER ACA LA CLAVE API (API KEY)" width="400" height="500">

Si lo queres en tu página con Facebook Connect :

1
2
3
4
5
6
7
8
9
10

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
 <head>
</head>
 <body>
 <div> YOUR PAGE CONTENT </div>
 <fb:live-stream width="400" height="500"></fb:live-stream>
 <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
 <script type="text/javascript"> FB.init("YOUR_API_KEY_HERE", "xd_receiver.htm"); </script>
 </body>
 </html>

O en un IFRAME :

<iframe src="http://www.facebook.com/widgets/livefeed.php?app_id=YOUR_APPLICATION_ID&width=400&height=500" width="400" height="500" marginwidth="0" scrolling="no" frameborder="0"></iframe>

Ejemplo funcionando ! :

Más info : http://wiki.developers.facebook.com/index.php/Live_Stream_Box

Saludos!

Compartir