fb:friend-selectorIntento usar la etiqueta FBML de Facebook , pero mi aplicación se ejecuta en un iframe. ¿Es posible usar esta etiqueta en un iframe? Si es así, ¿alguien tiene algún ejemplo?
¿Puedo usar Facebook fb: friend-selector en un iframe?
votos
21
4 respuestas
votos 16
16
Sí, esto es definitivamente posible, pero debes usar Facebook Connect y XFBML . Específicamente, desea utilizar la etiqueta fb: serverfbml para que funcione fb: friend-selector. Tengo una aplicación iframe mediante la cual uso todo esto y el selector fb: friend en el contexto estándar "invitar amigos a su aplicación", y funciona muy bien.
Aquí está el cuerpo de mi archivo de plantilla, que se imprime dentro del cuerpo de mi iframe:
<fb:serverfbml style="width: 650px;">
<script type="text/fbml">
<fb:fbml>
<fb:request-form
action="http://example.com/invite/sent"
method="POST"
invite="true"
type="My App"
content="Try out my app!
<fb:req-choice url='http://your-facebook-canvas-url'
label='<?php echo htmlspecialchars("Accept button text",ENT_QUOTES); ?>'
/>
" >
<fb:multi-friend-selector
showborder="false"
actiontext="Invite your friends to try My App."
exclude_ids="<?php echo $excludeIds; ?>"
rows="3"
/>
</fb:request-form>
</fb:fbml>
</script>
</fb:serverfbml>
En el pie de página de la página, tengo el código estándar de Facebook Connect, que cargará y renderizará los contenidos de fb: serverfbml:
<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_RequireFeatures(
["CanvasUtil"],
function(){
FB.XdComm.Server.init('/xd_receiver.html');
FB.CanvasClient.startTimerToSizeToContent();
}
);
</script>
<script type="text/javascript">
FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("Your Facebook API Key", "/xd_receiver.html"); });
</script>
Eso debería ser todo lo que necesita (complete sus propias opciones cuando corresponda, por supuesto). Tendrá que configurar Facebook Connect para trabajar con un archivo de receptor entre dominios. Sugiero seguir los pasos de XFBML de representación .
votos 3
3
Dado que hay una gran cantidad de preguntas sobre el amigo selector en un marco flotante.
Chicos la sintaxis correcta es ahora <fb:serverfbml width="650px">
votos 9
9
La pregunta en este hilo sigue siendo relevante, pero la respuesta no está actualizado. Debe utilizar el nuevo SDK de JavaScript. Esto debería reemplazar el segundo fragmento de código publicado por zombat
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
FB.init({appId: 'your app id',
status: true,
cookie: true,
xfbml: true});
FB.Event.subscribe('auth.sessionChange', function(response) {
if (response.session) {
// A user has logged in, and a new cookie has been saved
} else {
// The user has logged out
}
});
</script>
más información aquí: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/
votos 0
0
Un punto importante e importante que consigue perder es que muchos de ustedes (incluido yo) se pegan en las secuencias de comandos en cualquier lugar ... pero el archivo load.js "FB" necesita ser cargado inmediatamente después de que el cuerpo de la etiqueta.
al menos esto es lo que he encontrado para hacer todo el trabajo y humm en consecuencia. Lo encontré en un puesto en algún otro sitio (no estaba segura de si debía publicar aquí o no ...) pero llegó después de pasar incontables horas, hacer lo anterior mencionado -, así como después todos los demás 1,2, 3 pasos ponche en conseguir el iframe a tamaño adecuadamente ...
y ahora me he vuelto a trabajar :)