Virtual Assistance Argentina

Servicios de Asistencia Virtual Especializados en Marketing Online

  • Inicio
  • Quienes somos
  • Servicios
    • Asistencia en Internet Marketing
    • Asistencia en Medios y Redes Sociales
    • Asistencia en Comunicación Online
  • Clientes
    • Testimonios
    • Empresas
  • Recursos útiles
    • Preguntas frecuentes
    • Guía de Contratación
    • Historia de la Asistencia Virtual
    • Para secretarias y asistentes
    • Enlaces de interés
  • Newsletter
    • Números anteriores
    • Artículos publicados
  • Contacto
  • Consulta sin cargo
  • Blog

Facebook 2011: Cómo crear un iFrame en la página de Facebook de tu Negocio

16 mayo, 2011 por Editor 55 comentarios

Hace poco te presenté un videotutorial actualizado con el paso a paso para crear la página de tu negocio en Facebook.

Como sabés, hubo muchos cambios en Facebook y varios de los videotutoriales publicados en el blog están ya obsoletos. De hecho, como Facebook eliminó -entre otras cosas- la aplicación FBML. Esta aplicación que nos permitía crear solapas, pestañas o sub-páginas para usos diversos (por ejemplo, una página de bienvenida para quienes no son fans) fue reemplazada por la creación de aplicaciones para utilizar iFrames.

Por eso, y en respuesta a la solicitud de varios lectores del blog, comparto aquí un nuevo videotutorial para mostrarte cómo crear una aplicación que te permite agregar páginas a tu página en Facebook.

Lamentablemente, estos ultimos cambios en Facebook hacen que las cosas no sean tan fáciles. Ahora, crear otra solapa, pestaña o sub-página es un poquito más complejo… Sin embargo, dedicando algún tiempo a leer, investigar y probar de seguro aprenderás a agregar estas solapas, pestañas o sub-páginas dentro de la página de tu negocio en Facebook. Para ello, tendrás que  crear aplicaciones que utilizan iFrames.

Básicamente, y como comento en el video, la aplicación que creas en Facebook para agregar una solapa, pestaña o sub-página utiliza iFrames y lo que esto hace es mostrar un contenido en HTML -que debes tener alojado en tu servidor– dentro de Facebook.


Por eso, es importante que lo primero que hagas sea crear y subir via FTP ese archivo HTML que se mostrará en la página de tu negocio en Facebook.

Pero te dejo aquí con el videotutorial para que veas cómo crear esta aplicación.

A continuación te transcribo los pasos junto con algunas capturas de pantallas que espero te resulten útiles.

Pasos para Crear un iFrame en la página de tu negocio en Facebook

Cómo crear una solapa, pestaña o sub-página dentro de la página de tu Negocio en Facebook

1. Crear un documento en HTML con el contenido que quieras mostrar en Facebook

2. Subir ese documento en HTML a tu servidor vía FTP.

3. Crear una aplicación en Facebook

Para crear una aplicación deberás ir a la página de desarrolladore de Facebook (http://www.facebook.com/developers/) y allí, darle clic al botón “Crear una nueva aplicación” que se encuentra en el extremo superior derecho de la página.

a) Darle un nombre a tu aplicación
b) Aceptar los terminos y condiciones de uso de Facebook

Al aceptar tendrás un paso adicional de Control de seguridad en el que deberás escribir las dos palabras que aparecen abajo, separadas por un espacio.

4. Configurar la aplicación
Para simplificar las cosas y considerando estos pasos son sólo para aplicaciones que se utilizan para agregar una «solapa», sub-página o opción de menú dentro de la página de tu negocio en Facebook, completaremos sólo unos pocos datos.

a) Acerca de

b) Integración con Facebook

Canvas Page: nos pide especificar un nombre para la url de nuestra aplicación.

Canvas URL: aquí creas un nombre para la URL de la aplicación que estás creando. Una buena idea es que sea memorable para que cuando tengas varias aplicaciones de páginas creadas puedas identificar cual es cual. 😉

Secure Canvas URL: podés dejarlo vacío.

Tamaño de iFrame: aquí defines si muestra el tamaño tal como se encuentra en el HTML o si debe ajustar el tamaño (auto-resize)para mostrarlo en el espacio disponible dentro de la página en Facebook. Si no entra, muestra barras de desplazamiento. Obviamente, lo ideal es que entre bien y las personas que visitan la página no necesiten utilizar barras de desplazamiento para ver todo el contenido.

Marcador URL: este espacio también puede quedar en blanco.

Nombre de la pestaña: aquí ingresa el texto que se mostrará en el menú que se encuentra en la columna izquierda de tu página. Es -para decirlo en términos que utilizabamos anteriormente- el nombre de la pestaña o solapa.

Pestaña URL: aquí va el nombre del archivo HTML que desplegará en este iFrame.

4) Ir a la página de la aplicación creada

5) Agregar la aplicación a tu página en Facebook
Seleccionar la opción «Agregar a mi página» que se encuentra en el menú de la columna derecha

Luego, te desplegará una ventana en la que deberás elegir la página a la cual deseas agregar la aplicación.

Bueno, espero este instructivo básico te haya resultado útil y confío este breve video habrá contribuido para que logres sacar el mayor provecho posible a la presencia de tu negocio en Facebook.

Desde ya, si las cosas no te salen bien la primera vez, no te desanimes. Probá nuevamente, mirá otra vez el video y lee detenidamente los pasos.

Como siempre, si tenés sugerencias, inquietudes o consultas, enviamelas publicando debajo un comentario.

Hasta la próxima,
Vicky Miles, servicios de asistencia virtual

PD: Gracias por sumarte a mi página en Facebook. ¡Te espero allí! 😉

Archivado en:Facebook en español, Redes Sociales, Video tutoriales Etiquetado con:Crear aplicaciones en Facebook, facebook, Facebook 2011, Facebook crear iframe, Facebook para tu negocio, Facebook videotutoriales, iFrames en Facebook

Comentarios

  1. Cristian dice

    16 mayo, 2011 en 16:12

    pregunta… sirve esto como para crear una pagina de bienvenida con una imagen alojada en algun server??? gracias…

    Responder
  2. Secretarias Ecuador dice

    16 mayo, 2011 en 17:29

    Excelente artículo Vicky. Saludos desde Ecuador!

    Responder
  3. Luis Samanamud dice

    17 mayo, 2011 en 18:05

    Realmente no es tan complicado, solo hay que tomarse unos minutos para hacer todos los pasos, pero sin duda veo que es importante el diseño en si. Muy bueno el vídeo para seguir paso a paso.

    Responder
  4. Ariel dice

    18 mayo, 2011 en 15:51

    Hola Vicky!

    Buenísimo tu tutorial, pero tuve el siguiente problema, hago todo tal cual pero cuando voy a checkear el resultado final de la pagina haciendo click en la solapa de mi producto en el sector del iframe me aparece este error:
    405: el verbo HTTP usado para obtener acceso a esta página no está permitido.
    La página que está buscando no se puede mostrar porque se usó un método no válido (verbo HTTP) para intentar el acceso.

    Te paso alguna vez? sabés de que puede ser??

    Responder
  5. Cesar dice

    18 mayo, 2011 en 19:11

    Hola, gracias por el tutorial, yo creé la app y todo bn, al momento de agregarla a la pagina si me sale en las apps de la pagina pero no me da la opcion de activarla «de mostrarla en las pestañas»
    si alguien me puede ayudar lo agradecería.

    Responder
  6. Rosario dice

    19 mayo, 2011 en 17:00

    Hola!!!! los pasos los hice todos, la consulta es porque no mer aparece el incono en la pagina de facebook, cual puede ser el error??

    Si me pudieran ayudar seria buenisimo!

    Responder
  7. nando dice

    25 mayo, 2011 en 10:48

    hola una consulta, hice una pagina de fans pero al querer usar las aplicaciones, me pide que cree mi perfil? Tengo entendido que si creo perfil para empresa pueden deshabilitar la pagina?
    No pude ingresar a /developers/ me pide el perfil..
    Que hago? No quiero cuenta de persona solo de empresa, gracias

    Responder
    • Vicky Miles dice

      27 mayo, 2011 en 21:28

      Hola Nando! Si querés crear una página para tu empresa pero no querés utilizar tu perfil personal para hacerlo (o no tenés un perfil personal y tampoco queres crearte uno) entiendo podés abrir una cuenta comercial y, a partir de ella, crear la página para el negocio. Podés leer más detalles aqui: http://www.facebook.com/help/new/?page=721
      Espero esto te ayude!
      Saludos,
      Vicky

      Responder
  8. angelo dice

    27 mayo, 2011 en 13:21

    hola el tutorial es genial, muy bien explicado gracias por compartirlo.
    quisiera saber otra cosita ya vi que hay un tutorial de como hacer una pestaña de «invitar a tus amigos» ya la hice y quedo muy bien jeje
    pero ahora surge otra incognita como puedo recomendar la pagina a todos mis contactos para que aparesca en su muro directamente, ya se que @nombre pero eso si la quiero recomendar a unos cuantos amigos, se podra para todos mis amigos?
    gracias

    Responder
  9. WEB SHERIFF dice

    28 mayo, 2011 en 22:30

    Validation failed. Página de trabajo cannot contain uppercase letters.

    Responder
  10. Juan dice

    29 mayo, 2011 en 15:56

    Hola Vicky:
    Como siempre son muy buenos tus tutoriales y doy gracia por ellos.
    Tengo un problema para poder verificar mi cuenta para crear las aplicaciones. hee tratado con el celular el cual me indica que esta verificado pero con todo eso no me deja el crear las aplicaciones por primera vez, esperando que mede una ayudita ya que no quiero hacerlo por via targeta de credito. me despido y gracias….

    Responder
  11. ale dice

    31 mayo, 2011 en 0:46

    vicky, veo que en el video tenes la pestaña (solapa)debajo de la foto de la pagina que dice «invita a otros trabajadores»
    a mi me gustaria tener una pero que diga INVITA A TUS AMIGOS, como la creo? porque ahora con los cambios que hizo facebook no se como hacerlo.
    Me gustaria que me digas o subas un video de como hacerlo.
    Saludos.

    Responder
  12. Pedro Antunez dice

    1 junio, 2011 en 20:41

    Hola Victoria.

    Excelente los video tutoriales de Facebook.

    Podría decirme como colocar una foto de perfil mas alargada?

    Gracias

    Responder
  13. Vicky Miles dice

    2 junio, 2011 en 13:01

    Hola Pedro, tal vez el siguiente videotutorial te resulte útil:

    http://www.vaargentina.com/blog/2011/01/26/facebook-para-tu-negocio-como-cambiar-la-imagen-de-tu-pagina/

    Saludos,
    Vicky

    Responder
  14. Mike Guzman dice

    2 junio, 2011 en 15:57

    Primero que nada gracias por el tutorial y esta muy bien explicado nomas me quedaron 2 pequeñas dudas:
    1.- cada vez que quiera crear una nueva aplicación de facebook digamos un IFRAME tengo que verificar mi cuenta por medio de la tarjeta de credito o solamente es una vez?
    2.- las medidas default que hay que tomar en cuenta para la creación de un iframe cuales son?

    De nuevo Gracias.

    Responder
  15. Mike Guzman dice

    2 junio, 2011 en 16:06

    Perdon otra duda yo tengo una cuenta personal, al momento de querer crear un IFRAME para alguien mas por ejemplo algún cliente pero este solamente tiene una cuenta personal, tendria que crearle primero el FAN PAGE? y luego entrar a su FAN PAGE y ahora si seguir los pasos del tutorial? o hay alguna otra forma, digamos porque el tutorial esta descrito como para modificar la FAN PAGE de uno mismo, pero, si lo quiero hacer para terceros como aplicaria o seria lo mismo? no se si me explique.

    Responder
  16. Dan dice

    10 junio, 2011 en 16:13

    Oiee una pregunta es que cuando hago el primer paso me sale esto:
    Tu cuenta debe ser verificada antes que puedas llevar a cabo esta acción. Por favor verifica tu cuenta añadiendo tu mobile phone o credit card.

    Responder
  17. Jorge dice

    15 junio, 2011 en 0:48

    antes de dar con tu tutorial tenia ya un problema que aun sigo sin resolver.

    Primero que para cada pagina de facebook que tengo tengo que crear otra app. El punto es que la configuracion general de las apps es la misma. Soy community manager y quisiera que la misma app sirva para todas las paginas solo que cambiando la configuracion de las mismas, me pide un canvas url segura o algo asi. Todas las apps que conozco permiten esto que menciono. Favor si sabes como hacerlo avisame please.

    Responder
  18. Constantino dice

    16 junio, 2011 en 19:58

    Muchas gracias por el tutorial ya lo implemente, bueno ahorra me falta cuadrar la foto que muestra mi iframe http://www.facebook.com/pages/Molcan-EIRL-Venta-de-Vehiculos-Usados-Japoneses/126120294134810?sk=app_169836506414442 mi objetivo es que mi pagina sea igual a http://www.facebook.com/pages/Kia-Per%C3%BA/196372153719466?sk=app_128953167177144

    Responder
  19. Javier Moreno dice

    7 julio, 2011 en 11:39

    Hola, hago todos los pasos y me da este error: Method Not Allowed

    The requested method POST is not allowed for the URL /ema/esterilizaciones.html.

    que puede ser? Me podras ayudar? Gracias.

    Responder
  20. José Ramón García dice

    9 julio, 2011 en 16:20

    Hola Vicky:

    Gracias por este turorial, gracias al cual he podido crear una nueva página de bienvenida.
    Sólo una duda: he intentado poner esa nueva página como predeterminada, en lugar del muro, pero no encuentro la opción. En la ayuda de Facebook dice que se encuentra en «Gestionar Permisos» dentro de configurar página, pero a mi no me aparece esa opción. ¿Es que acaso la han eliminado?

    Gracias por adelantado y un saludo cordial,
    José Ramón G.

    Responder
  21. @turemanso dice

    13 julio, 2011 en 15:14

    Hola Vicky!
    Quería agradecerte por tu tutorial: IMPECABLE!!

    Al igual que a Javier me tiró el error «Method Not Allowed» la solución es cambiar la extensión al archivo de html a php.
    Así de simple!
    Cariños y gracias por compartir

    Responder
  22. Juan dice

    21 julio, 2011 en 19:48

    Hola, como haces para que en tu pagina de bienvenida de facebook salga el nombre del visitante? es una aplicacion acaso?

    Responder
  23. Gonzalo dice

    28 julio, 2011 en 18:43

    Hola: muy didáctico tu video, muchas gracias. Realicé los pasos tal cual pero cuando ingreso a la pestaña me arroja el siguiente informe ¿que puede estar pasando? Saludos

    Method Not Allowed

    The requested method POST is not allowed for the URL /iframes/facebook-pages.html.

    Responder
  24. Victoria dice

    1 agosto, 2011 en 1:58

    Hola! al igual que a varios, a mí también me tira ese error (method not allowed…..). Probé lo que dice turemanso de cambiar la extensión a php, pero no hubo solución alguna, sigue igual. Alguien encontró la forma de solucionarlo?? Muchas gracias

    Responder
  25. solcito dice

    5 agosto, 2011 en 12:28

    turemanso SOS UN GENIO!! me estuve quemando la cabeza tratando de solucionar ese error y sólo había que cambiar html por php!! maldito facebook que nos complica la vida!! jaja saludos!!

    Responder
  26. Rudy Leiva dice

    14 agosto, 2011 en 4:44

    Cambiando tema alguien me podria decir como cambiar el nombre de un fan page? cuando intento dice que debo tener por lo menos 100 fans y tengo muchos, que debo hacer en ese caso, ya que el nombre del negocio cambio y me gustaria hacer el cambio… espero que me ayuden y en serio muchas por todos estos tutoriales…

    Responder
  27. Roman Jesus Astorga Guzman dice

    16 agosto, 2011 en 1:57

    Hola me parece genial estas herramientas, yo estoy creando una aplicación donde aparecen fotos de personas extraviadas la url es http://apps.facebook.com/ayudame/
    Agradeceré cualquier aporte y/o sugerencia al respecto, mi idea es poder ayudar con un pequeño grano de arena a quienes lo necesiten

    Responder
  28. billy dice

    17 agosto, 2011 en 21:11

    muchisimas gracias, justo eso estaba buscando.

    Responder
  29. Facundo dice

    28 agosto, 2011 en 14:34

    Muchas Gracias! exelente!

    Responder
  30. Carlos dice

    31 agosto, 2011 en 7:11

    Existe una aplicación GRATUITA en facebook llamada MITUCAN que genera automaticamente una web completa dentro de tu página de facebook. Una vez instalada se elige un diseño y se edita la web con un gestor de contenidos muy completo. Podeis echarle un vistazo en la web oficial mitucan.com
    Espero sirva de ayuda. Saludos

    Responder
  31. Alejandro - Invertir en bolsa dice

    1 septiembre, 2011 en 0:06

    Este artículo está genial. Con explicaciones tan detalladas y claras realmente se hace sencillo poner en práctica este tipo de ideas en facebook. Muchas gracias.

    Responder
  32. Eloy dice

    8 septiembre, 2011 en 12:48

    Buenisimoooo !!!! el tutorial. Un 10 desde España..

    Responder
  33. lia dice

    9 septiembre, 2011 en 14:45

    hola m encanta como explicas en tus tutoriales.. yo tengo una consulta…en mi pag d facebook coloque una solapa de bienvenida pero resulta que los que no son fans al ir a mi pagina les aparece el muro..entonces no saben de la existencia de mi solapa, sabes como puedo hacer que aparezca esa solapa para los No-fans? gracias d antemano . 🙂

    Responder
  34. Isa dice

    16 septiembre, 2011 en 9:14

    Muy buena la información.
    Gracias por compartir estos conocimientos.
    Saludos,
    Isa

    Responder
  35. Edgar dice

    6 octubre, 2011 en 0:32

    Hola..buen tutorial..! alguien sabe porque al momento de querer crear la aplicación y al escribir (http://www.facebook.com/developers/)
    me manda a un servidor seguro:
    https://developers.facebook.com/apps/293562354003334/summary… y No a la página que menciona el tutorial… dicha pagina NO se parece en nada a la del tutorial..

    Gracias

    Responder
  36. Pablo dice

    24 octubre, 2011 en 12:08

    Victoria:
    Muy bueno el video tutorial.

    Cuando creas un iframe. Que contenga información o material que solo queres publicar en tu propia Fan Page (y que no lo instalen otros usarios de Facebook). ¿Cómo haces para que dicha aplicación no sea visible para otros usuarios?

    Gracias.

    Saludos
    Pablo

    Responder
  37. Jason Chaves dice

    3 noviembre, 2011 en 21:05

    Hola Vicky, excelente tutorial, pero queria saber como hago para «reflejar» el nombre del usuario en mi html asi como tu la tienes que dice HOLA: y el nombre de usuario. Saludos desde Argentina!!!

    Responder
  38. Mercedes Gijon dice

    4 noviembre, 2011 en 17:38

    Me pasó lo de «method not allowed…..» y al pasarlo a PHP, ya que mi servidor está habilitado para PHP me funciónó correctamente.

    Responder
  39. Mercedes Gijon dice

    4 noviembre, 2011 en 17:41

    Toda la mañana estuve buscando la solución para certificados SSL gratis para nuestras Fan Pages; les dejo el link donde explico que hacer!
    Saludos, y es un aporte para este sitio que siempre me enseña algo nuevo!! GRACIAS

    http://gnetworks.com.ar/mercedesgijon/archives/347

    Responder
  40. Roger dice

    18 noviembre, 2011 en 13:02

    hola
    SEGUI LOS PASOS QUE DECIAN EN EL TUTORIAL PERO EN UNO DE ELLOS ME PIDE EL NUMEOR DE CELULAR EN EL CUAL ME VA A LLEGAR UN CODIGO, YO SOY DE PERU
    Y PONGO MI NUMEOR DE CELULAR Y NUNCA ME LLEGA EL MENSAJE
    POR LO TANTO NO ME DEJA SEGUIR PASANDO A LAAS DEMAS OPCIONES COMO TENGO QUE PONER O HAY UN TRUCO PARA ESO, O ESOTRA COSA SEGUN EL TUTORIAL SALTANESE PASO
    GRACIAS POR SU RESPUESTA.

    Responder
  41. Marcos dice

    23 noviembre, 2011 en 21:00

    Gracias Victoria!

    He visto muchos videotutoriales tuyos y todos fantásticos. Te agradezco mucho tu inversión de tiempo y esfuerzo para compartir tus conocimientos, me hansido de mucha ayuda.

    Saludos desde España!

    Responder
  42. Malina dice

    16 diciembre, 2011 en 23:43

    Hola!
    ¿podrías actualizar este tutorial?
    ahora ha cambiado un poco el menú en la página de apliaciones (Developers). Y no aparece como en tus capturas.

    Gracias por todo!

    Malina

    Responder
  43. jesus alex dice

    22 diciembre, 2011 en 15:48

    hola quisiera saber como colocar en pagina de incio de fans de bienvenida musica de fondo pero solo para que en mi pagina de bienvenida se escuche una musica de fondo

    Responder
  44. Jimena dice

    6 enero, 2012 en 17:48

    Hola Victoria! Como dice Malina, se actualizó el menú de Developers y es realmente complejo. Sería buenísimo si puedes actualizar el tutorial. ¡Gracias por tu ayuda!
    Jimena

    Responder
  45. johana dice

    18 enero, 2012 en 22:25

    se actualizó el menú de Developers y es realmente complicado crear un iframe , no me sale la opcion ver perfil de aplicacion y luego adicionar a mi pagina, quizas lo han quitado la opcion, o cual es el nuevo procedimiento.Agradeceria mucho sino nos indica como es que se hace actualmente sobre los iframe
    o si ahora se hace de otra forma.
    Gracias
    sdos

    Responder
  46. Veronica dice

    27 enero, 2012 en 12:03

    Hola! estuve viendo el video y las instrucciones y esta muy bueno..
    hice todo eso, pero cuando ya tengo la aplicacion no me aparece la miama pantalla q a vos y no puedo agregar a app a mi pagina, por tanto despues no me aparece la aplicacion con el iconito en el menu de la izquierda del perfil de mi pagina… como lo soluciono??
    muchas gracias!

    Responder
  47. Carlos dice

    27 enero, 2012 en 16:56

    Vicky

    Estoy consultado tu video pero ya es Enero del 2012, y ya el procedimiento no es como tu dices, pues facebook ha cambiado. ¿podrias ayudarme?

    Responder
  48. Javier dice

    4 febrero, 2012 en 18:10

    Hola Victoria, excelentes tutoriales, leyendo los comentarios, veo que muchos tienen la misma duda ja, visite tu pagina y en la bienvenida aparece el nombre de quien la visita, un detalle exquisito, mire todos tus videos a ver si pescaba ese pedacito de codigo, pero no tube suerte ja

    Responder
  49. Ascen dice

    9 febrero, 2012 en 17:35

    Hola Vicky,
    acabo de seguir tus pasos aunque las capturas no sean las mismas, el problema que aparece ahora es que desde Octubre de 2011 Facebook ahora exige que la pagina para la pestaña sea una pagina segura, osea con protocolo SSL.

    Hay alguna manera de crear ese protocolo sin tener que ir al cpanel del servidor? intenté crearlo pero no se hacerlo.
    Gracias y enhorabuena por tu web, los videotutoriales que haces están muy bien.

    Responder
  50. jou hdz dice

    12 febrero, 2012 en 20:16

    hola te felicito por todos tus consejos y ayudas hablando de ayudas como podria mantener la foto de mi perfil en las paginas de mis amigos en facebook en el area donde aparecen los que estan conectados que siempre esye visible
    muchas gracias

    Responder
  51. herz dice

    27 febrero, 2013 en 13:36

    te felicito por tu aporte.

    excelente

    Responder

Deja una respuesta Cancelar la respuesta

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

Entradas recientes

  • 5 pasos para atraer a nuevos clientes
  • Twitter 2014: nuevo diseño y tamaños de imágenes
  • Informe Marketing Social – Argentina, Marzo 2014
  • Webinars de Google en español: Adsense, Analytics y Estrategia Movil
  • Facebook 2014: Pasos para impulsar el crecimiento de tu empresa con la ayuda de Facebook

Archivos

Categorías

Copyright © 2023 · Enterprise Pro Theme en Genesis Framework · WordPress · Iniciar sesión