Desarrollo: Como instalar y configurar una aplicación en Facebook

Para crear una aplicación en Facebook uno de los pasos primordiales consiste en la configuración de la misma en el panel de desarrolladores. En este vídeo os explico omo hacerlo paso a paso:

ACTUALIZACIÓN IMPORTANTE: Facebook ha eliminado las páginas de aplicación, por lo que ahora para agregar una aplicación a vuestra pestaña tendréis que introducir esta url: http://www.facebook.com/add.php?api_key=[identificador de la app]&pages=1&page=[id de la página de Facebook de destino]

 

Espero que os sea de utilidad.

51 comentarios sobre “Desarrollo: Como instalar y configurar una aplicación en Facebook

  • el 6 Diciembre, 2011 a las 11:06 pm
    Permalink

    Gran tutorial para la instalación de aplicaciones en Facebook. Lo he estado siguiendo y me ha sido de gran utilidad.

    El único problema que todavía tengo es que Facebook te obliga a tener la aplicación en un servidor seguro y el mío no lo es.

    ¿Puedes echarme una mano?

    Respuesta
  • el 17 Diciembre, 2011 a las 5:23 pm
    Permalink

    Hola,

    Muy buen tutorial.
    Ahora mi problema es el siguiente. En mi página principal donde tendría que salir mi app flash, y después de clicar en el botón bienvenido, no me carga nada. Es decir se queda en blanco.
    Sin embargo, cuando hago clic en el botón ir a la applicación, carga sin problema mi applicación.
    Ya no sé que hacer para que mi app salga en la página principal.
    Tendriá usted una idea
    Gracias

    Respuesta
  • el 23 Diciembre, 2011 a las 8:18 am
    Permalink

    Hola Rene,

    Tienes que ir a la página de la aplicación y en la columna izquierda busca un enlace que pone Agregar a mi página.

    Para que esta opción te funcione debes tener configurada la sección de pestañas de la aplicación.

    Saludos,

    Respuesta
  • Pingback: Cómo crear una aplicación para Facebook | Socialdente

  • el 18 Enero, 2012 a las 2:57 pm
    Permalink

    Hey, logro hacer todooo lo que él explica en el video… cuando voy a buscar la pestaña no me sale… dónde la puedo conseguir… o el sitio de ésta… gracias

    Respuesta
  • el 18 Enero, 2012 a las 3:36 pm
    Permalink

    Hey, logro hacer todooo lo que él explica en el video… cuando voy a buscar la pestaña no me sale… dónde la puedo conseguir… o el sitio de ésta… gracias…

    Respuesta
  • el 24 Enero, 2012 a las 1:02 am
    Permalink

    A mi me pasa lo mismo, tengo configurada la sección de pestañas y no hay manera de encontrar el enlace de “Agregar a mi página”

    Respuesta
  • el 26 Enero, 2012 a las 5:25 pm
    Permalink

    Saludos, Muy buen tutorial, pero tengo el mismo problema de los demás: no me sale la pestaña “agregar a mi página”.

    Qué puedo hacer? que configurar ?

    Gracias

    Respuesta
  • el 30 Enero, 2012 a las 1:36 pm
    Permalink

    Un tutorial genial, pero me pasa lo mismo que al resto. No sale la pestaña “agregar a mi página”

    Respuesta
  • el 3 Febrero, 2012 a las 3:18 am
    Permalink

    Saludos,

    Este tuto esta genial merece mis agradecimientos y reconocimiento.

    Suerte, te debo una

    Att: Daniel Mendieta

    Respuesta
  • el 7 Febrero, 2012 a las 6:27 am
    Permalink

    Hola Sabes que seguí el video a pie de la letra hasta con tus mismos sitios de ejemplo pero cuando pongo http://apps.facebook.com/pruebasm
    No me sale nada no se carga el yahoo, si me sale la petaña el problema es que no se carga puedes indicarme en que me estoy equivocando

    Respuesta
  • el 21 Febrero, 2012 a las 9:04 pm
    Permalink

    lo que necesitan es una Certificación SSL [ Secure Canvas URL: ] su costo es de $ 70 para que funcione ….

    Respuesta
  • el 22 Febrero, 2012 a las 9:20 pm
    Permalink

    Error, no se necesita nada de eso, ocurre que Facebook ha cambiado en la forma de agregar las apps. Yo he creado una hace poco, podéis verlo en mi web.

    Respuesta
  • el 22 Febrero, 2012 a las 9:26 pm
    Permalink

    señor 4impulse en su link sale lo mismo (Código de error: ssl_error_rx_record_too_long) == sertificasion SSL …… gracias

    Respuesta
  • el 22 Febrero, 2012 a las 9:54 pm
    Permalink

    El link de mi página en facebook con su app se ve prefectamente… de nada

    Respuesta
  • el 22 Febrero, 2012 a las 10:00 pm
    Permalink

    que sale lo mismo == Conexión segura fallida

    Ha ocurrido un error durante una conexión a http://www.4impulse.com.

    SSL ha recibido un registro que excedía la longitud máxima permitida.

    (Código de error: ssl_error_rx_record_too_long)
    La página que está intentando ver no puede mostrarse porque no se ha podido verificar la autenticidad de los datos recibidos.
    Por favor, contacte con los administradores del sitio web para informarles de este problema. De manera alternativa, use la opción del menú Ayuda para informar del problema de este sitio web.

    Respuesta
  • el 22 Febrero, 2012 a las 10:08 pm
    Permalink

    En que quedamos? ahora si o ahora no? Si todo el mundo puede verla menos usted, tal vez el problema sea suyo… De todas formas no entiendo como la gente se aventura a dar respuestas falsas como la suya teniendo la respuesta al problema al principio de este mismo post (lo cual demuestra una falta de atención o despiste importante).

    Respuesta
  • el 22 Febrero, 2012 a las 10:19 pm
    Permalink

    ojo que tu disque app no funciona en firefox, Safari, Opera una vez mas Ha ocurrido un error durante una conexión a http://www.4impulse.com.

    SSL ha recibido un registro que excedía la longitud máxima permitida.

    (Código de error: ssl_error_rx_record_too_long)

    como usted dice:
    (De todas formas no entiendo como la gente se aventura a dar respuestas falsas como la suya teniendo la respuesta al problema al principio de este mismo post) ” y no solo usted, la puede ver si no usuarios de todo el mundo !!

    saludos.

    Respuesta
  • el 22 Febrero, 2012 a las 10:32 pm
    Permalink

    Ya… debe ser que mi Firefox y el del resto de los mortales que lo han visto es la versión de un navegador espía de Microsoft … salU2

    Respuesta
  • el 23 Febrero, 2012 a las 12:01 am
    Permalink

    resto de los mortales??? 1 gato y un loro tienes en tu pages hay Javier Sanz; analiza, prueba y luego porfia !!!

    Respuesta
  • el 23 Febrero, 2012 a las 12:28 pm
    Permalink

    Analizado y probado, el hecho de tener dos personas es debido a ser una página reciente en facebook, no quiere decir que no se vea ya que no es necesario dar al “Me gusta” para poder verla (no sé si entiendes algo de facebook, aunque es probable que vivas en el ojete del país más tercermundista Alfonso Vega). Por otra parte, también he comprobado que además de intentar engañar al resto de la gente con comentarios desacertados, parece lógico pensar, que si conoces mi nombre, es porque has podido entrar y verlo… ante esto sólo me queda pensar cuatro cosas: que efectivamente, eres un mentiroso, que no tienes ni zorra idea, que te has enamorado de mi o que tienes mucho tiempo libre para discutir, cosa que a mi no me sucede y por lo tanto esta será mi última respuesta a tus engañosos y aburridos comentarios. salU2

    Respuesta
  • el 24 Febrero, 2012 a las 11:08 am
    Permalink

    Buenos días, muchas gracias 4impulse, me había vuelto loca con el vídeo y no había leído el aviso… genial tu facebook app he llegado a marcar 13. jajajaj

    Respuesta
  • el 1 Marzo, 2012 a las 9:44 pm
    Permalink

    Quisiera saber como hacer que la aplicacion aparesca en el centro del muro.

    Respuesta
  • el 2 Marzo, 2012 a las 1:35 pm
    Permalink

    Primero tienes que aprender HTML, Javascript y PHP. Luego tienes que estudiarte las APIs de Facebook. Si no eres programador te será complicado, pero te recomiendo empresas como Big Social (http://www.bigsocial.es) tienen muchas aplicaciones configurables como la que tú necesitas.

    Respuesta
  • el 6 Marzo, 2012 a las 6:55 am
    Permalink

    Estimado Gabriel:
    Te felicito por tututorial, seguí tu ejemplo examen igual hasta con tus mismos ejemplos, pero no me funciono jamas.
    en el rato que escribo
    apps.facebook.com/miciudad/
    en el safari me sale la respuesta
    No se ha encontrado la pagina solicitada.
    He realizado todo lo que me has indico será porque mi estación de trabajo es una mac ?
    Tienes algún otro tutorial para ver que posible error puede tener

    Respuesta
  • el 6 Marzo, 2012 a las 7:36 am
    Permalink

    Esta activado la navegación segura,
    https://apps.facebook.com/micitytest/

    Pero en el nombre de la pestaña sale My City en Facebook, pero sale todo la interfaz de facebook pero no me sale la pagina de Yahoo es como que no carga pero no me sale error ni nada simplemente no sale,me podrías indicar en donde podría estar en el error

    Respuesta
  • el 21 Marzo, 2012 a las 10:59 pm
    Permalink

    Funcionó, por un minuto, luego desapareción yahoo del iframe, y se quedó en blanco. Por que será? muy bueno el tutorial

    Respuesta
  • el 29 Marzo, 2012 a las 1:26 am
    Permalink

    Hola, muy buena su página felicidades. Queria consultarles que yo tenia mi pagina de fans y en estos dias he creado una aplicacion y quisiera que en la pagina saliera el boton ir a la aplicación, en la configuracion de la aplicación puse el link de la pagina donde dice sitio web, pero igual no se incorpora a la pagina. Me podrian ayudar por favor?

    Esta es mi pagina: http://www.facebook.com/Elrincondelareflexion

    Respuesta
  • el 29 Marzo, 2012 a las 6:59 am
    Permalink

    Hola,desdeya mui buen videoexplicado, bueno,yo ise todo los pasosunopor uno,me salio la pagina de yahoo y todo, pero cuando dices en laultima parte :BUENO SUBIRE UN POQUITO ESTO YAHORA SE BAN ABAJO AL NOMBRE DE LA APLIACION Y LE DAS CLIK Y TE LLEVA A LAAPLICAION COMO PAGINA:bueno yono puedo llegarhay por que no le puedo hacer clik: alnombre de mi pag, e aplicacion para cargarla por que es eso? esperotu respuestagracias.

    Respuesta
  • el 4 Abril, 2012 a las 5:55 pm
    Permalink

    una consulta ahora como dices al inicio en la parte de “ACTUALIZACIÓN IMPORTANTE:” facebook elimino la opción de agregar mi aplicación a mi pagina como resuelvo ese problema ahora donde dígito la URL que das como ejemplo

    Respuesta
  • el 23 Abril, 2012 a las 4:29 pm
    Permalink

    Hola Gabriel.

    Estoy en un problema grave y serio. Ojalá puedas ayudarme.

    Hace tiempo, antes que facebook cambiara la forma de publicar las aplicaciones hice una sencilla donde mostraba una para no fans y otra para fans. Con el nuevo sistema me estoy volviendo loco. He creado un index donde averigua si eres fan o no y otras dos si eres o no eres fan. Si voy a verlas online se ven perfectamente , pero si utilizo la url que da facebook: https://apps.facebook.com/fumetpescado/ me sale el error:

    “Se ha rechazado el intento de conexión de Google Chrome a http://www.insiteweb.es. Es posible que el sitio web no esté disponible o que la red no esté configurada correctamente.”

    Sabes porqué ocuure esto?
    Qué opciones he de rellenar:
    Sitio web
    Aplicación en Facebook
    Pestaña de página

    Necesito un certificado SSL en mi dominio para poder mostrar aplicaciones?

    Muchas gracias por tu ayuda Gabriel, estoy en un problema!!!

    Saludos

    Respuesta
  • el 24 Abril, 2012 a las 12:16 pm
    Permalink

    Gabriel:
    Exelente tutorial, segui los paso del video, tal cual los describes… pero cuando veo la pagina de la aplicacion Link al pie no tengo habilitado el link para poder acceder a la pagina de la aplicacion y poner “agregar a mi pagina”, tienes idea porque? Saludos.

    Respuesta
  • el 24 Abril, 2012 a las 12:17 pm
    Permalink

    Gabriel:
    Exelente tutorial, segui los paso del video, tal cual los describes… pero cuando veo la pagina de la aplicacion “http://apps.facebook.com/indexdesign_prueba/” al pie no tengo habilitado el link para poder acceder a la pagina de la aplicacion y poner “agregar a mi pagina”, tienes idea porque?. Lo mismo me hace con el ejemplo de yahoo que utilizas Saludos.

    Respuesta
  • el 24 Abril, 2012 a las 4:59 pm
    Permalink

    Hola Gabriel de nuevo, te comento que “para más inri” si estoy desactivado de facebook y le doy a mi canvas page tipo : http://apps.facebook.com/fumetpescado , como es el caso, lo veo perfectamente, pero si me logeo me sale el error:

    Esta página web no está disponible
    Se ha rechazado el intento de conexión de Google Chrome a http://www.insiteweb.es. Es posible que el sitio web no esté disponible o que la red no esté configurada correctamente.
    A continuación se detallan algunas sugerencias:
    Vuelve a cargar esta página más tarde.
    Comprueba tu conexión a Internet. Reinicia todos los routers, módems y otros dispositivos de red que estés utilizando.
    Añade Google Chrome como programa permitido en la configuración del antivirus o del firewall. Si ya lo habías añadido a la lista de programas permitidos, prueba a eliminarlo y a volver a añadirlo.
    Si utilizas un servidor proxy, comprueba la configuración de proxy o ponte en contacto con el administrador de tu red para asegurarte de que el servidor proxy funcione correctamente. Si consideras que no necesitas utilizar un servidor proxy, ajusta la configuración del proxy: Accede al menú de herramientas > Configuración > Avanzada > Cambiar la configuración de proxy… > Configuración de LAN y desactiva la casilla de verificación de usar un servidor proxy para la LAN.
    Error 102 (net::ERR_CONNECTION_REFUSED): El servidor ha rechazado la conexión.

    Y como apunta claudio, el nombre de mi aplicación en laparte inferior izquierda NO actua como link a la aplicacion y poder “añadirla a una pagina”.

    Sabes qué puede pasar?
    Gracias de nuevo por tu ayuda importantísima.

    Marcos

    Respuesta
  • el 8 Mayo, 2012 a las 4:01 pm
    Permalink

    Hola Gabriel,

    Muchas gracias, es la primera vez que realizo esta operación para un cliente y me ha sido de mucha utilidad.

    Saludos!

    Respuesta
  • el 15 Mayo, 2012 a las 5:22 pm
    Permalink

    Saludos Gabriel,
    Primero felicitaciones por tu blog es muy interesante y didactico sigue asi.
    Bueno mi pregunta es casi la misma que las anteriores, ya creo mis app pero al momento de ya verlas en modo canvas o url aparece una pagina de ejemplo que he subido, pero cuando quiero entrar a la página de la aplicación no me aparece la función de vínculo en el nombre de la aplicación, espero me puedas ayudar Gabriel.
    Saludos

    Respuesta
  • el 17 Mayo, 2012 a las 12:13 am
    Permalink

    Hola a tod@s,

    Despues de sufrir en mis carnes los cambios de facebook, os dejo anotado el link al cual debereis pulsar para poder asignar a qué Página de las que administrais quereis incluir la aplicación que habeis creado:

    https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

    Donde debeis cambiar YOUR_APP_ID por el id de tu aplicación y YOUR_URL por la url que te da facebook de tu app con el “namespace”. ireis a una pagina donde habrá un desplegable con las paginas que administrais, elejis la página donde quereis insertar la aplicacion y le dais al boton de “siguiente.

    Y YA ESTÁ!! aparecerá la tab en la Pagina que habis elegido.

    Saludos a tod@s!!

    Respuesta
  • el 5 Junio, 2012 a las 4:48 pm
    Permalink

    Buenas tardes Gabriel, Muchas gracias por el tutorial. Tengo el mismo problema que alejandra y marcos. Sigo todos los pasos que indicas poniendo lo mismo que tu en cada campo, incluso tu web, pero a la hora de cargar la aplicacción en https://apps.facebook.com/beastarmarcoaldanyy/
    y no carga nada durante un rato y luego sale lo siguiente:

    Esta página web no está disponible
    Google Chrome no ha podido cargar la página web porque http://www.yahoo.es ha tardado demasiado en responder. Es posible que el sitio web no esté disponible o que se haya producido alguna incidencia con tu conexión a Internet.
    A continuación se detallan algunas sugerencias:
    Vuelve a cargar esta página más tarde.
    Comprueba tu conexión a Internet. Reinicia todos los routers, módems y otros dispositivos de red que estés utilizando.
    Añade Google Chrome como programa permitido en la configuración del antivirus o del firewall. Si ya lo habías añadido a la lista de programas permitidos, prueba a eliminarlo y a volver a añadirlo.
    Si utilizas un servidor proxy, comprueba la configuración de proxy o ponte en contacto con el administrador de tu red para asegurarte de que el servidor proxy funcione correctamente. Si consideras que no necesitas utilizar un servidor proxy, ajusta la configuración del proxy: Accede a Aplicaciones > Preferencias del Sistema > Red > Avanzado > Proxies y desactiva las casillas de verificación de los proxies que se hayan seleccionado.
    Error 118 (net::ERR_CONNECTION_TIMED_OUT): Se ha agotado el tiempo de la operación.

    PORFAVOR SI PUSIESES DECIRNOS PORQUÉ PASA ESTO, Y QUÉ HACER? Muchas gracias!

    Respuesta
  • el 21 Junio, 2012 a las 9:50 am
    Permalink

    Buenos días,

    Tengo una consulta por que ya no se que hacer,

    Tengo una app de facebook, que publica en el muro de los usuarios.

    pero mi problema es que cuando el usuario instala la app, y acepta los permisos,

    hago un direccionamiento a una nueva pestaña mostrando la información.

    El problema es que cuando el usuario vuelve a la pestaña de facebook, sigue la ventana popup de la aplicación solicitando que el usuario vuelva a instalar la app.

    el usuario ya tiene instalada la app, con que no debería de salir ese mensaje.

    por otra parte si el usuario vuelve a aceptar que la vuelva a instalar, sale un mensaje de que el usuario ya tiene instalada la app.

    me gustaría que si alguien me pudiera ayudar.

    Un saludo

    Respuesta
  • el 22 Julio, 2012 a las 5:24 pm
    Permalink

    Great goods from you, man. I’ve understand your stuff previous to and you’re just extremely excellent. I really like what you have acquired here, certainly like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it smart. I cant wait to read far more from you. This is actually a terrific website.

    Respuesta
  • el 26 Julio, 2012 a las 5:28 am
    Permalink

    Hola Gabriel como te puedo contactar tengo el desarrollo de una app y necesito asesoria obviamente que me digas cuanto me cobras, saludos

    Respuesta
  • el 23 Agosto, 2012 a las 4:55 am
    Permalink

    Hola tengo una duda, apenas comienzo a explorar esto de hacer aplicaciones para facebook y estoy muy interesando en comenzar pero tengo un problema cuando voy a empezar a crear una aplicacion me pide tarjeta de credito pero no tengo o me pide mi numero de celular pero cuando lo ingreso no me llega el codigo de confirmacion a mi celular que puedo hacer? y tambien donde puedo conseguir mas informacion sobre la creacion de aplicaciones? les agradezco por sus respuestas

    Respuesta
  • el 22 Noviembre, 2013 a las 1:12 pm
    Permalink

    Hola Gabriel
    Estoy intentando por todos los medios aprender a crear aplicaciones y no consigo que facebook me muestre la url en el modo canvas.
    He leido que muchos tienen este problema en los comentarios, pero no he visto una respuesta por tu parte. Este post fue escrito hace mucho y quizas alo ha cambiado.
    Cuando sigo tu tutorial no me sale la pagina de yahoo:
    https://apps.facebook.com/elenayahooes/

    Si pongo como url una de mi servidor me sale elproblema del certificado de seguridad. Hay alguna forma de probar y desarrollar sin certificado de seguridad?
    He intentado poner como url localhost pero tambien me da problemas.

    Gracias

    Respuesta
  • el 19 Noviembre, 2014 a las 8:31 pm
    Permalink

    tengo una dida como cambiar la configuracion de a la api de facebook para que todos los usuarios se puedan logiar a traves de facebook de un sitio que hice?

    Respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Sígueme