Como ya vimos en un artículo anterior Facebook ha introducido una gran cantidad de novedades en las Páginas de fans. La principal de ellas es que deja a un lado el lenguaje FBML para crear aplicaciones y pestañas personalizadas. A partir de ahora si quieres crear una pestaña personalizada o una aplicación en Facebook lo tendrás que hacer usando iFrames, tal y como explicábamos en dicho artículo.
¿Qué es un iFrame?
iFrames permite a una web externa alojada en un servidor ser incluída en tu página de fans de Facebook. De ahí lo de “frame” o “marco”, ya que es como si abriéramos una ventana en Facebook donde mostrar contenidos de otra web. El acceso a esta nueva “web externa” lo tendremos através de una pestaña en el menú izquierdo situado bajo el logo de nuestra página de Facebook.
Al no estar alojada en Facebook podrás usar HTML, CSS, PHP, Javascript…, como en cualquier otra página web que desarrolles. La conexión e interacción con los contenidos de Facebook los harás utilizando los Kits de Desarrollo de Software de Facebook (SDK) y los Plugins Sociales de Facebook.
Por todo esto hay dos inconvenientes con iFrames: necesitas saber un mínimo de programación (al menos HTML y CSS) y necesitarás espacio en un servidor donde alojar tus aplicaciones.
Precisamente vamos a empezar por ahí, por preparar nuestro servidor para subir nuestra aplicación.
Preparando nuestro servidor
Damos por supuesto que tenemos un servidor donde alojar nuestra nueva pestaña personalizada para Facebook. Puede ser el mismo donde tengamos alojada nuestra web. Usando un programa FTP, como Filezilla, accedemos a un directorio de nuestro servidor y creamos una carpeta nueva. Para este ejemplo la vamos a llamar “facebook”. Dentro de esta carpeta vamos a grabar nuestros archivos. De esta manera si a nuestra web se accede así: www.ejemplo.es, a la nueva aplicación accederemos así: www.ejemplo.es/facebook.
Si no tenéis un servidor y os compensa tenerlo podéis adquirir un dominio y un hosting por una cantidad anual realmente pequeña.
Creando nuestro archivo HTML
Vamos a crear un archivo HTML muy simple que vamos a subir a la carpeta “facebook”. Este archivo lo único que va a crear es un mensaje que diga ¡Hola mundo!. Muy original…
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Tutorial iFrames pestaña Página Facebook</title> <style type="text/css"> body { width:520px; margin:0; padding:0; border:0; overflow:hidden;} </style> </head> <body> <p>¡Hola Mundo!</p> </body> </html> |
Como véis, he incluido los estilos en el propio documento HTML en vez de crear una hoja externa ya que no merecía la pena por tener sólo cinco estilos para la etiqueta body: un reset que ponga márgenes, padding y bordes en 0 pixels y el ancho, que para las páginas de Facebook tiene que ser de 520px. EL overflow:hidden es para evitar las barras de desplazamiento que salen en algunas aplicaciones de Facebook, aunque en este caso no tendríamos problemas.
Perfecto. Ahora le tenemos que decir a Facebook que tenemos este archivo HTML y que queremos que el mismo se convierta en una pestaña nueva de nuestra página de fans.
Accediendo al área de Desarrollador de Facebook
El primer paso para crear una aplicación en Facebook es ir al área de Facebook para desarrolladores. Para ello tenemos que ir a http://facebook.com/developers. Si es la primera vez que entramos se nos mostrará esta pantalla para solicitar permiso y recoger nuestros datos.
Hacemos click en el botón “Permitir” para seguir. A continuación (y a partir de ahora siempre, ya que no tendremos que volver a dar permiso) pasamos a la página de Desarrolladores de Facebook. Nos interesan dos cosas: Un botón que hay a mano derecha que pone en inglés “Set Up New App” (para crear una nueva aplicación) y lo que hay debajo, “My Apps” (donde estarán todas las aplicaciones que hayamos creado).
Creando una nueva Aplicación
Hacemos click en el botón “Set Up New App”. Pasamos entonces a una nueva pantalla en la que tendremos que introducir el nombre de nuestra nueva aplicación y aceptar las condiciones del servicio que nos ofrece Facebook (y que supongo que no se leerá nadie…)
Vamos a llamarla “Pestaña Ejemplo”. Seguimos adelante y se nos mostrará entonces un control de seguridad (CAPTCHA) donde se nos pide que introduzcamos un texto. Si tenéis más suerte que yo, que suelo fallar un par de veces, pasaréis a la primera a la siguiente “fase”, donde introduciremos todos los datos de nuestra aplicación.
Introduciendo los datos de nuestra aplicación
Como vemos la primera pantalla nos pide una serie de datos básicos:
Aquí tenemos el nombre de la aplicación, una descripción de la misma, los iconos que aparecerán en la pestaña y cuando alguien comparta la aplicación (el pequeño tiene 16×16 pixels, el grande tiene 75×75 pixels), el email de contacto, la URL de soporte (por ejemplo nuestra página de contacto de nuestra web), las URL de condiciones de privacidad y de condiciones de servicio (Ojo, la URL de condiciones de privacidad la considera Facebook como necesaria) y los gestores de la aplicación.
No hagáis aún click en el botón de Guardar porque nos quedan muchas cosas por hacer. Veréis que en el menú que hay a la izquierda el paso 3 es “Integración con Facebook“. Vamos directamente ahí. En esta pantalla, abajo de todo, veréis esto:
Nombre de la pestaña: El nombre que aparecerá en la pestaña del menú de nuestra página de fans.
Page Tab Type: tiene que ser iFrame.
Pestaña URL: la URL donde está nuestra aplicación en nuestro servidor. En el caso de este ejemplo era http://www.ejemplo.es/facebook/
Secure Tab URL: En el caso que tengas certificado SSL, para cuando un usuario se conecte con conexión segura. Empezaría por “https” en vez de por “http”. Si no tienes certificado déjala en blanco. En ese caso los usuario que entren con conexión segura no verán tu aplicación y se les enviará al muro.
Ya hemos acabado. Para una pestaña como la nuestra no necesitamos más. Hacemos click en “Guardar cambios”. Ya tenemos grabada nuestra aplicación.
Instalando nuestra aplicación en la página de fans
Nos queda un paso muy importante, ya que de momento la aplicación que hemos creado no está en nuestra página de fans. Vemos que la pantalla donde hemos acabado tiene a su derecha un menú. Tenemos que hacer click en “Application Profile Page”.
Iremos entonces a la página de nuestra nueva aplicación. Veréis que abajo a la izquierda hay un menú. Tenemos que hacer click en una de sus opciones: “Add to My Page” (Añadir a mi página).
Saldrán entonces todas las páginas de las que eres administrador. Selecciona la página donde quieres que aparezca la nueva pestaña. Si vas a tu página verás tu nueva pestaña y el ¡Hola Mundo! (para verlo bien tendrás que entrar como usuario, no como página).
Creando una landing page para nuestra página de fans de Facebook
Una vez que tenemos nuestra pestaña quizás queramos que sea la que aparezca por defecto para todos los usuarios que todavía no son fans de tu página. Es lo que llaman una “Landing Page” o “Landing Tab” de tu página de fans de Facebook. De esta manera puedes promover que se hagan fans o mostrar un producto o servicio de forma más efectiva. Para que sea la pestaña por defecto haz click en el botón de la derecha de tu página de fans “Editar la Página”:
Pasaremos entonces a una pantalla con distintas opciones para gestionar permisos. Vemos que una de ellas es “Default Landing Tab”. Por defecto estará el Muro. Lo podemos cambiar a cualquiera de las pestañas que tengamos en el menú de nuestra página de fans, entre ellas a la que acabamos de crear.
Cambiando el nombre de nuestra nueva pestaña
La pestaña que hemos creado la llamamos “Ejemplo Pestaña”. Pero ¿qué pasa si nos arrepentimos y queremos cambiar el nombre que pusimos por defecto? Dentro del mismo menú que aparece al hacer click en “Editar Página” hay una opción a la izquierda que se llama “Aplicaciones”. Si hacemos click ahí saldrán todas las aplicaciones que tenemos en nuestra página de fans de Facebook. Si hacemos click en “Editar configuración” en nuestra aplicación recién creada, saldrá un cuadro donde podemos escribir el nuevo nombre.
Editando nuestra nueva pestaña
Si queréis editar la configuración de la nueva aplicación tendréis que entrar en vuestro perfil personal (no en el de la página). Debajo de vuestra foto veréis un enlace que dice “Aplicaciones”. Si hacéis click ahí os lleva a otra página donde verás tus aplicaciones. Si haces click en “Developer” verás todas las aplicaciones que has desarrollado. Elige aquí la que quieras editar.
Desactivando la pestaña
Si nos hemos cansado ya de tener la nueva pestaña (de hecho, para qué queremos una página que sólo diga ¡Hola Mundo!) tenéis que seguir los mismos pasos que seguimos para cambiar el nombre de la pestaña: Hacéis click en “Editar Página”, luego en “Aplicaciones”. Veréis que a la derecha de cada aplicación hay una cruz para eliminarla. OJO! Al hacer click no os pedirá que confirméis lo que hacéis, la quitará sin más.
¡Y eso es todo! Como veis no es muy complicado. En un siguiente tutorial daremos un paso más y utilizaremos el Graph API y los PHP SDK y Javascript SDK para hacer cosas más avanzadas.
muy bueno lo voy a poner en práctica
saludos!
Buen artículo. La pregunta es: ¿qué pasa si el usuario se está conectando en modo seguro? (https://) si no has instalando la app en un servidor con SSL el usuario no ve la app.
Un saludo
Gracias Alfonso. Efectivamente, no verá nada.
Parece ser que ahora van a ver una ventana que les avisa que van a entrar en un área no segura y les pide su confirmación.
Buen artículo, pero siempre tengo el mismo problema, tengo creada perfectamente la pestaña y el iframe y lo veo correctamente, pero lo de ponerla como pestaña de inicio no soy capaz. Cuando voy a editar perfil en configuracion de permisos que es dd sacaste tu la imagen, no me sale la pestaña dd puedo elegir la pestaña que se muestra al entrar a mi página. por favor ayudame.
Hola Hector,
Pues es extraño. Dentro de la página de empresa, haciendo click en “Editar la Página”, en “Gestionar la Página” tienes la opción “Default Landing Tab”
que va…no me sale esa opción…mire la captura que pusiste y a mi esa pestaña no me sale…a ver si puedes enterarte de algo q ya no se que hacer…tengo todo creado…pero no me sale eso…asi q la pestaña no sirve de nada si no sale cuando entran
Es raro… No será que tu página es un grupo y no una página de empresa?
hombre, yo creo q mi página es una fan page y no un grupo….la puedes ver aqui: http://www.facebook.com/pages/Buena-Forma/119791404728268
esta colocada en la categoria de sitios web´s y blogs –>salud/bienestar
a ver como soluciono esto…aún un conocido mio hoy creó una página para probar y no le salia la opción de default landing page a el tampoco
A mi no me ha pasado aún… Veo que Facebook te puede cambiar la página a grupo si considera que trata de una actividad social mira esto en el foro de facebook.. No sé si será por eso….
vale gracias, ya he cubierto un cuestionario para q revisen la categoria de mi página, a ver si lo hacen’¡?¿¿? ya se verá. muchas gracias por la información.
De nada Hector, y suerte!
Hola Juan,
Muchas gracias por el artículo, está genial.
Tengo una duda…
Ya entré a: http://facebook.com/developers y le permití el acceso.
Cuando le digo ” Crear una nueva aplicación ” me sale una advertencia que dice:
“Tu cuenta deber ser verificada antes de que puedas realizar esta acción. Por favor, verifica tu cuenta añadiendo tu teléfono móvil o tu tarjeta de crédito.”
Son requisito estos datos en todos los casos? o es algo que no estoy haciendo correcto?
Mi teléfono móvil no lo puedo agregar, pués mi país (Costa Rica) no está en la lista y es un requisito para continuar.
Mi tarjeta de crédito si la podría colocar… pero mi duda es para qué debo colocar está info? Facebook cobra por colocar pestañas con iframes? o es esto sólo un procedimiento?
Agradezco mucho tu ayuda,
Hola Margarita,
En ocasiones Facebook te puede pedir que verifiques tu cuenta para poder crear aplicaciones. Mira este enlace del faq de Facebook
Muchas gracias por tu respuesta Juan!
Oye me dice que tengo que registrar mi cuenta con mi tarjeta de credito
Si, es lo mismo que le ha salido a Margarita (del comentario anterior)
Hola Juan tengo una pregunta,
Tengo una aplicación embebida en una página en facebook iFrame, la cual no tiene un ID de aplicación. ¿Es posible saber si el visitante es un fan de la página a pesar de no tener el ID? La operación requerida es la siguiente: el usuario accede a la página, si es fan entonces de inmediato le muestro mi aplicación (es una trivia) , si no entonces se muestra el botón de “Me gusta” y al hacer clic se mostrará la aplicación. ¿Puedes orientarme o proporcionarme información al respecto?
Gracias.
Arturo H.
Hola Arturo,
Echa un vistazo al siguiente artículo Interacciones sociales en una aplicación con iframes en tu página de fans de Facebook, ahí tienes más datos. Pero sin tener el ID de la aplicación no vas a poder hacer nada….
Si. Muchas gracias. Eso me imaginaba, pero como la página la administra una empresa y nosotros realizamos las aplicaciones no tenemos acceso, pero me es de muchísima utilidad tu información.
Juan, otra duda, sabes si actualmente hay problemas para crear aplicaciones en facebook? Estoy creando una nueva (no tengo ninguna creada), al darle el nombre, llenar el captcha me envía el mensaje de
Sorry, something went wrong.
We’re working on getting this fixed as soon as we can.
, y de ahí ya no puedo pasar
Gracias y están excelentes tus posts.
Igual hay algún problema, pero no debería durar mucho… Porque por el mensaje que te da debe ser algo de ellos….
Están muy bien tus posts, tengo una duda, puedo programar mi aplicación utilizando únicamente la libreria de JavaScript para face o forzosamente tengo que utilizar la de php ?
Gracias!
Gracias Misael,
Si, puedes hacerlo usando sólo el Javascript SDK sin usar el PHP SDK.
Muchas gracias Juan. Tienes algún ejemplo o alguna URL donde pueda consultar uno, aunque sea muy sencillo? He buscado en la red pero solo encuentro bloques de código para ciertas acciones pero no soy capaz de integrarlo. Sé que hay que instanciar el objeto FB, invocar el método init, etc., pero soy nuevo en esto y me gustaría leer algo más específico. Gracias de nuevo.
Hola Misael,
No esperes encontrar mucha documentación clara sobre el tema…. Yo empezaría por la propia web de Facebook en http://developers.facebook.com/docs/reference/javascript/ y luego ir tirando del hilo para cada cosa concreta, haciendo muchas pruebas de “acierto-error”. Lo primero que tienes que hacer es cargar la librería de forma asincrónica.
Hola Juan !
Tengo dos consultas…
- qué pasa si creo pestañas y luego dejo de ser administradora de las páginas ? Se desactivan o siguen funcionando ?
- cómo puedo hacer para que otro administrador active una pestaña que yo hice ?
Gracias por tu ayuda !
Hola Margarita,
No hay problema, deberían seguir funcionando aunque dejes de ser administradora.
Hola, ya pude poner mi aplicación como landing page..pero cuando alguien s e hace fan ya no aparece esa aplicación como predeterminada ..por que? no es posible que se siga viendo así ay sean fans??
Hola,
No, una vez se es fan no puedes poner nada predeterminado. Es una pena.
Hola! Mira a mi me parece este comentario “Para acceder a esta página, tendrás que usar Facebook como usuario y no como página.
” que puedo hacer? o cual es mi error, gracias
Tienes que entrar con tu perfil de usuario, no como página. Haz click en tu nombre de usuario para volver a tu perfil.
Hola Juan.
Estoy creando una pestaña de bienvenida, creo la aplicacion pero cuando la quiero ver en mi pagina me sale ERROR:
The page cannot be displayed
The page you are looking for cannot be displayed because an invalid method (HTTP verb) was used to attempt access.
Please try the following:
Contact the Web site administrator if you believe that this request should be allowed.
Make sure that the Web site address displayed in the address bar of your browser is spelled and formatted correctly.
HTTP Error 405 – The HTTP verb used to access this page is not allowed.
Internet Information Services (IIS)
Podrias ayudarme por favor, estos son los hechos:
- el url hace mencion a una pagina en mi servidor hecha en lenguaje simple html (es suficiente?)
- le puse un flash, es problema?
- en la parte de “Integracion a facebook” porque tu pones en el URL una direccion sin terminacion ni html ni asp ni php?
Gracias por tu tiempo
Disculpa, ya encontre la solucion… el problema es que hay un campo que dice CANVAS URL que lo estaba dejando en blanco y donde deberia poner el url donde estaba alojada la pagina en mi servidor… ademas tambien tenia que utilizar urls absolutos. =)
Hola juan .. he creado mi pagina en facebook http://www.facebook.com/?ref=home#!/pages/comproElmundo/225597300794315?sk=info y yo como el administrador puedo ver las nuevas tabs de iframes que le ando poniendo y programando pero me di cuenta que cuando entra un amigo cualquiera que le paso la direccion le aparece la pagina pero solo con las tres tab que bienen por default (Muro, Informacion, Fotos) .. porque sera que yo si puedo ver mis propias tabs y aplicaciones que le agrego a esa pagina pero el resto de la gente no le aparecen ??
cualquier pista me sirve… saludos
incluso ya deje que la page landing sea la pestaña de la aplicacion ..
hola como estan? Necesito ayuda por favor con lo siguiente: quiero hacer una landin page de facebook pero cuando voy a editar pagina y a apicaciones me aparece el cuadro vacio en gris. Help me please!!!!
Hola Juan,
Muy útil tu articulo, estoy intentando ponerlo en práctica, pero cuando abro mi app me sale el mismo error de Alejandro Vega:
The page cannot be displayed
The page you are looking for cannot be displayed because an invalid method (HTTP verb) was used to attempt access.
Ya intenté la solución que el dá, pero sigue sin funcionar, tengo el mismo html que pusiste como ejemplo, asi nada mas debe funcionar? o debo poner algo adicional, como el id de mi aplicación?
Gracias Carolina,
Si tu servidor te da un error cuando Facebook intenta cargar la página HTML en el iFrame quizás tengas que cambiar la extensión de .html a .php o .aspx (dependiendo del servidor que estés usando). Cuando Facebook carga el iFrame hace un POST a la página de inicio para pasar información a tu aplicación y parece que algunos servidores están configurados para no permitir un POST a un fichero con extensión .html.
Hola Juan, hace tiempo leí este artículo y me sirvió muchísimo. He creado varias pestañas. Pero vieras que se me presenta un inconveniente con los usuarios que utilizan conexión segura. Yo tengo certificado SSL pero aún así me da un error… Quisiera saber que opción están utilizando ustedes con las pestañas de EMENIA donde sale el cuadro de “Turn off secure browsing?”
Te agradezco mucho tu ayuda.
Gracias Margarita. Qué error te da? A partir de Octubre Facebook tiene previsto obligar el certificado SSL para las aplicaciones en Facebook, por lo que lo mejor es que arregles el error.
Tengo hospedadas las pestañas con HostGator, sí tengo el certificado SSL. En los datos de las pestañas cuando me lo pide ahí lo pogo. Pero si navego con Conexión Segura y entro a mis pestañas me sale “ERROR 404 – PAGE NOT FOUND”
Cuando navego en el Facebook de EMENIA con conexión segura y entro a una pestaña me sale un cuadro que dice:
Turn off secure browsing?
No podemos mostrar este contenido mientras estás viendo Facebook mediante una conexión segura (https)
¿Quieres usar una conexión normal (http) de forma temporal para usar esta aplicación?
Cuando entres de nuevo en Facebook volverás a tener una conexión segura.
Es decir que tampoco se puede ver la pestaña pero al menos pregunta si me quiero pasar a conexión normal y así poder verla y evita el error 404.
Ahora bien, qué hago para resolver el error 404. Sí tengo el certificado y sí tengo la pestaña bien ubicada… también escribí bien el URL en la pestaña…
Muchas gracias por ayudarme !!
Que tal juan?
He tenido problemas como:
1)
The page cannot be displayed
The page you are looking for cannot be displayed because an invalid method (HTTP verb) was used to attem:pt access.
Please try the following:
(..)
entonces cambie la extensión de mi archivo index.html por index.php.
Y ahora me muestra lo siguiente:
2)
No se puede conectar
Firefox no puede establecer una conexión con el servidor en http://www.miscuentospatagonia.com.ar.
* El sitio podría estar no disponible temporalmente o
demasiado ocupado. Vuelva a intentarlo en unos momentos.
* Si no puede cargar ninguna página, compruebe la conexión
de red de su equipo.
* Si su equipo o red están protegidos por un cortafuegos
o proxy, asegúrese de que Firefox tiene permiso para
acceder a la web.
Esta es mi configuracion:
Canvas URL:Content pulled from this base URL to iframe on Facebook
Secure Canvas URL:Content pulled from secure base URL for users on HTTPS (required by October 1)
Canvas Page:URL for your app on Facebook
http://apps.facebook.com/mis_cuentos
page tab url: index.php
He estado investigando pero no puedo encontrar la solucion a pesar de que modifique varias veces el registro.
Te agradeceria cualquier información pues hace varios dias que vengo investigando esto de las paginas fanpage.
Muchas gracias !
Te falta por rellenar el Canvas URL no? y el Page tab url si sólo pones index.php tampoco va a encontrar tu servidor.
Buenas yo hice todos los pasos, pero la configuaracion de facebook cambio y no encuentro el boton donde dice profile page. si alguien me puede dar un consejo.
gracias
Hola Diego,
Si, Facebook ha cambiado estos días la creación de una página como requisito para cada aplicación, pero parece que se les ha olvidado crear una manera sencilla de llevar una aplicación a la pestaña de una página. La manera más sencilla para hacerlo por ahora es crear una URL en tu navegador de este tipo:
Donde cambias el app_id por el de tu aplicación y enla url poner la URL completa donde tengas alojada la aplicación. Cuando lo pongas en en navegador y vayas a esa UTL te saldrá una ventana que te preguntará en qué página quieres publicar esa pestaña, con una lista desplegable de las páginas donde eres administrador.
Hola Juan,
Enhorabuena por tu trabajo y gracias.
Tu última respuesta explicando como acceder a la instalación de la ‘pagetab’ me ha ayudado mucho ya que no era capaz de asignar mis apps a las páginas que administro.
Un cordial saludo.
Hola amigo, espero me puedas ayudar ahora que facebook cambio como puedo agregar más pestañas a mi fanpage
tengo una actualmente utilizo una iframe, y subo la imagen de “bienvenida” en formato JPG
ese es el nombre que tengo y esta por defecto. ademas me aparece el logo del iframe en color verde como se puede personalizar?
saludos, espero me contestes pronto
Hola Nicolas, lo tienes más arriba en mi contestación a Diego.
El icono lo puedes cambiar desde tu área de Facebook Developers, donde editas la aplicación.
Buenas tardes, he leido todo y como facebook cambio me quede a medio camino, aparte que reconzco ser un poco nuevo
Tengo un foro, blog y queria colocarlo como pesta@a eso se podra hacer.
en ese ultimo comando:
cambio donde dice (app_id=1762xxxxxxxx) por el numero creado en la aplicacion y luego donde dice (next=httpxxxxxx)
que debo colocar una web creada por mi ???
disculpa pero soy bastante nuevo
yo coloque asi :
y sale lo siguiente:
Error
An error occurred with Pestana ejemplo. Please try again later.
API Error Code: 191
API Error Description: The specified URL is not owned by the application
Error Message: redirect_uri is not owned by the application.
y hasta ese punto llegue.
Aparte quisiera preguntar si se puede colocar plantillas a la pagina de facebook
y donde podria buscarlas porque las que encuentro usan FBML que segun ya noexiste.
de antemano muchas gracias
francisco
Hola Francisco,
La URL que tienes que poner es en la que tienes alojada la aplicación, que es la que a su vez tienes que poner al crear la aplicación. En el apartado “App on Facebook” tienes que escribir esa URL donde pone “Canvas URL”, y su versión https debajo.
Buenas Noches
Realmente impresiona la rapidez conque respondes, muy agradecido
coloque en el app-facebook
y dio este error;
Error
An error occurred with Pestana ejemplo. Please try again later.
API Error Code: 100
API Error Description: Invalid parameter
Error Message: Requires valid redirect URI.
imagino que el nuevo error debe ser porque es un foro de los que son gratis de foroactivo y debo colocar es una pagina creada por mi o algo asi.
Y la otra pregunta que realice anteriormente es si conocias alguna plataforma de plantillas para colocar en facebook con los cambios nuevos que realizaron sin el fbml que es lo que usan las que he encontrado.
sin mas muchas gracias y disculpa la molestia
saludos
francisco
Hola Francisco,
La URL de Canvas tiene que ser la ruta donde tienes la aplicación que se va a ejecutar en Facebook.
Buena tarde,
estoy haciendo una aplicacion web donde el usuario pueda agregar a su perfil un tab de forma automatica… esto ya me funciona muy bien… ahora quiero que el tab agregado por perfil de facebook cargue cierta informacion esto es posible?
Existe una aplicación muy buena para Facebook. Se llama UFANBUILDER y consiste en generar automáticamente una web completa de acabado profesional dentro de tu página de facebook. Una vez instalada se elige un diseño y se edita la web con un completo gestor de contenidos. Además, dispone también de otras aplicaciones como Tienda en Facebook, Gestión Inmobiliaria, etc…Podeis echarle un vistazo en la web oficial http://www.ufanbuilder.com
Espero que sirva. Saludos.
ke chido esto me gusta lo de face es inpresionante:):):)
Hola!
Antes que nada agradecerte el tutorial y decirte que he leido todos los comentarios antes de escribir, pero aun asi todavia no lo he conseguido.
Entré aqui buscando la solucion sobre la canvas url y vi la solucion en el comentario tuyo sobre poner la url de la app que estamos creando en facebook en el apartado de URL segura de la pestaña:
Quedando asi:
URL segura de la pestaña:
https://apps.facebook.com/prueba_iframe_dryant/?fb_page_id=564654654654
Esto es correcto no?
Pero ahora, no tengo forma de que mi fanpage muestre la pestaña con el contenido de mi blog…..
He ido a la direccion que pones en otro comentario para añadir la pestaña a mi fanpage:
https://www.facebook.com/dialog/pagetab?app_id=564654654654&next=http://www.dryant.com/
y he añadido la p estaña a la fanpage que quiero que muestre mi contenido….
Pero cuando voy a mi fanpage……. SE MUESTRA EL TIMELINE???!!!
Porque pasa esto???
Muchas gracias
Por lo visto el error esta en la URL segura, ya que ahora investigando he ido a “editaar pagina > aplicaicones > Prueba iframe > ir a la aplicacion ” y me hadado el siguiente error:
Error
Sorry, the application you were using is misconfigured. Please try again later.
Message for Developers Only:
To fix this error, please set your Canvas URL and/or Secure Canvas URL in the “App on Facebook” section of your app’s settings. Once it has been set, your users will be redirected to that URL instead of this error page.
En fin ….. ya no se que hacer mas… Alguna solucion?
Gracias de nuevo
Hola,
En la URL de la página y en la URL segura de la página tienes que poner la URL donde tengas alojada la aplicación, no la URL de la aplicación en Facebook.
Hola Antes que nada agradecerte tu respuesta.
Pero no tengo ni idea a que url te refieres….. La aplicacion esta en facebook no? no la tengo en mi hosting….
Como saco la Url donde esta alojada la aplicacion?
Lo siento pero de verdad que me he perdido del todo…
Un saludo y gracias
Hola dryant,
Para poner una aplicación en Facebook tienes que alojar esta en tu servidor. Facebook te permite abrir una ventana (iframe) que permite ver e interactuar con tu aplicación. Por eso necesitar también que tu servidor tenga un certificado SSL.
Buenas, gracias por el tutorial, de los mejores, tengo una duda: como se puede modificar el codigo para que el contenido solo aparezca para fans, o un contenido para fans y otro para no fans.
Está muy bien todo lo que he leido, pero tengo un problema que no me explico, al acceder a developers cuando debiera aparecer lo de crear la nueva aplicación simplemente se me redirecciona solo a mi pagina de Facebook no teniendo opción a hacer nada en absoluto, no he entrado nunca aún……
No se que puede ser
Disculpa no me funciona en fb parece que han cambiado las opciones y no encuentro la de la APP donde le dices application profile page y luego no sale en la fan page la api, puedes ayudarme?
Hola, a mi tampoco me funciona, se nota que han cambiado las opciones de facebook, no tengo donde agregar el tab a mi fan page.
Por favor ayuda