También nos encontraras en...

Sencillo tutorial para crear una aplicación iFrame para Fans y No Fans. Fan Gating.

Una de las técnicas mas usadas para captar Fans ha sido el Fans Gating. Y esto ¿qué es?. Sencillo, mas de una vez cuando hemos entrado a una pagina de Facebook nos ha llevado a una pestaña en la que para ver el contenido tenemos que pulsar el botón “Me gusta”.

Hasta ahora estas pestaña estaban programada con FBML, pero Facebook ha desechado esta aplicación y aconseja migrar las aplicaciones FBML a aplicaciones iframe.

Los pasos que hay que dar para crear una página Fan – No Fan, son sencillos, pero debido a una serie de requerimientos de servidor, a mi me costaron mas de 5 días, estos requerimientos son iguales para cualquier aplicación que desees crear y sin ellos el Facebook PHP Software Developer Kit (SDK) no funcionará.

Empezamos.

Lo primero hemos de tener actualizada nuestra página al nuevo formato de Facebook, si aún no lo has hecho, pulsa aquí para actualizar tu página.

He de decir que paseando por la Red encontrareis un montón de scripts para hacer lo mismo, yo he empleado este, por que lo considero bastante sencillo y funciona de maravilla. Y ahora lo que necesitamos son tres archivos php, el Facebook PHP Software Developer Kit (SDK) que lo podéis descargar aqui y los números de serie de la aplicación y el código secreto de la aplicación.

Comenzaré por crear una aplicación en Facebook, para ello vamos a la dirección www.facebook.com/developers y pulsando en el botón “+ Crea una nueva aplicación” nos solicitará que  introduzcamos el nombre de la aplicación y   aceptemos las condiciones de Facebook (Os recomiendo que las leáis, Facebook está muy “especialito”)

En este caso le le he puesto el nombre de la aplicación que vamos a programar “Calendario”. Aceptamos,  nos pedirá que pasemos el control de seguridad con un texto que hay que reescribir, y nos llevará a la página de edición de la aplicación. En esta hay seis solapas, pero tan sólo usaremos tres.

En la primera, “Acerca de”, veremos que ya está escrito el nombre de la aplicación, debajo rellenaremos el campo Descripción y seleccionaremos los iconos y logotipos que queramos. Muy importante, cambiamos el idioma a Español y seleccionamos si deseamos que el soporte al usuario se haga por medio de correo electrónico o de una página web, en este caso rellenaríamos con la dirección completa de esta página.

No es necesario guardar cambios, podemos cambiar de pestaña y pasar directamente a “Sitio Web”.

Lo que aquí nos encontramos es el lugar en el que hemos de decirle a Facebook donde hemos alojado nuestra aplicación, tan solo la dirección de la aplicación completa sin poner el nombre del archivo al final. En nuestro caso tenemos un subdominio http://apps.absocialmedia.com y una carpeta llamada calendario en el que hemos alojado las paginas de este ejemplo.

También veremos dos datos que después hemos de usar y que son fundamentales.

Dejamos en blanco el campo “Side Domain”

El Application ID Y el Application Secret.

Estos dos datos nos serán de utilidad en nuestra página index.php para validar nuestra aplicación y sólo nuestra aplicación, si ellos Facebook no reconocerá nuestro trabajo. Luego lo veremos.

Cambiamos de pestaña y pasamos a “Integración con Facebook”. En esta pestaña prestaremos atención tan sólo a dos secciones; Canvas y Page Tabs.

En la sección Canvas encontramos el campo “Canvas Page”, de alguna marea este es el nombre con el que Facebook reconocerá nuestra aplicación y será la URL que usará para remitirnos a ella. Hemos de rellenarla con un nombre que nos sea fácil de recordar todo en minúsculas sin números ni signos. Por ejemplo: mipaginafans.

Seleccionamos “Canvas Type” como iFrame y el “Tamaño de iFrame” como auto ajustar, para que las barras de desplazamiento aparezcan de arriba a  abajo.

“Page Tabs”, aqui hemos de introducir los datos que se ven en la pestaña, cuando nuestro usuario pulse en ella. Rellenamos el nombre de la pestaña, seleccionamos iframe.

El “URL de pestaña”,  en este campo lo mejor es poner el nombre del archivo principal que “arrancará” nuestra aplicación, Facebook se encargará de poner la dirección completa cuando guardemos los cambios. Y esto es lo que hacemos ahora, Guardar Cambios.


 

En unos minutos tendremos disponible nuestra aplicación. Ya solo nos queda unir nuestra aplicación a nuestra página y eso se hace, pulsando en el segundo menú que nos aparece a la derecha. Perfil de la aplicación. Curioso nombre, ya que las aplicaciones también tienen perfil, con muro, información, opiniones, etc…

Por último pulsaremos “Agregar a mi página” y seleccionaremos la página en la que queremos que se muestre.

Con esto hemos terminado la labor de dar de alta nuestra aplicación en  Facebook, ahora tenemos que programarla, para ello utilizaremos tres archivos php, en el primero el index.php llamaremos a la API de Facebook, le diremos cual es nuestra App ID y el App Secret (que son las dos series de números a las que me referí al principio) y un pequeño código con el que capturamos variables de Facebook para saber si, como en este caso, eres o no fan y determinar que pagina abrir. Las otras dos páginas php serán una para fans y otra para no fans.

Dicho así parece difícil, pero siempre queda copiar y pegar este código en vuestra página index.php

[box style="rounded"]

<? php

// Código de ejemplo en PHP para realizar una Facebook Fan Page iFrame Application
// Puedes encontrar el tutorial completo en www.absocialmedia.com cambiad las XXX por los ID de vuestra aplicación

require ‘facebook.php’;
$app_id = “XXXXXXXXXXXX”;
$app_secret = “XXXXXXXXXXXX”;
$facebook = new Facebook(array(
‘appId’ => $app_id,
‘secret’ => $app_secret,
‘cookie’ => true

));

$signed_request = $facebook->getSignedRequest();
$page_id = $signed_request["page"]
["id"];
$page_admin = $signed_request["page"]
["admin"];
$like_status = $signed_request["page"]
["liked"];
$country = $signed_request["user"]
["country"];
$locale = $signed_request["user"]
["locale"];

if ($like_status) {
include(“nofan.php”);

}

else {
include(“fan.php”);

}

?>

[/box]

Puedes tambien descargarlo en formato zip indexOK.php

Páginas fan.php y nofan.php

 

En estas páginas pondremos el código que queramos mostrar en nuestra Fan Page. en una estará lo que verán los No Fans y en la otra, lo que verán los fans.

 

 

Esto es todo, puedes jugar con tu imaginación y crear un montón de aplicaciones, además cuando descargues el Facebook SDK encontrarás un archivo de ejemplo con muchos scripts ya desarrollados que complementarán tu aplicación.

[message]

Puedes ver como funciona esta aplicación en:

http://www.facebook.com/AbSocialMedia?sk=app_155783197814539

[/message]

 

Problemas encontrados.

 

La primera vez que configuré la aplicación de Facebook, la solapa no mostraba nada, en blanco, esto ocurría con el archivo index.php que llamaba a la API de Facebook, pero si llamaba al archivo fan.php la imagen que contenía, si se mostraba.

Después de mas de veinte pruebas ensayo-error, se me ocurrió cambiar los archivos de servidor y llevarlos a otro en el que tenia acceso. ¡La aplicación funcionó!. Lo siguiente fue ver qué tenia el nuevo servidor y qué no tenia el de AB Social  Media. Mediante un php_info() empecé a ver cosas.

Activé la salida de errores que estaba desactivada y aquí apareció el problema. No tenia la librería JSON que la API de Facebook requiere.

Instalamos la dichosa librería JSON y todo funcionó.

Otro de los problemas con los que os podéis encontrar es haber escrito mal alguna de las URL en la edición de la aplicación.

Si consideras que te ha gustado este articulo, por favor compártelo, cita la fuente o haznos los comentarios que consideres.

171 Comments

  1. Sencillo tutorial para crear una aplicación iFrame para Fans y No Fans. Fan Gating
    Sencillo tutorial para crear una aplicación iFrame para Fans y No Fans. Fan Gating03-27-2011

    [...] Sencillo tutorial para crear una aplicación iFrame para Fans y No Fans. Fan Gating absocialmedia.com/2011/03/sencillo-tutorial-para-crear-un…  por ab_socialmedia hace 2 segundos [...]

  2. gisella
    gisella04-02-2011

    Hola.
    Hice paso a paso lo que explicas. Sale la fan.php pero no funciona la nofan.php.
    Qué quieres decir con que hay que instalar la libreria JSON?
    Si eres tan amable de indicarme cómo instalar la librería.
    Gracias.
    Es la única página en español que indica al menos cómo hacer este tratamiento y si me sale….jooo hace días que estoy.
    Te linkeo por todas partes!!! Gracias

    • Pascual Vila
      Pascual Vila04-02-2011

      Gisella.
      ¿Estas viendo la pagina desde tu cuenta? Debes verla desde otro usuario, por extraños motivos Facebook no deja ver las aplicaciones desde el perfil del Administrador.
      Puedes enviarme ese archivo por si acaso es otra cosa y te lo reviso.

      Por úlimo, si te ha funcionado la aplicación, olvidate de JSON, lo tienes instalado.

      Gracias por los links!!!

  3. Iván
    Iván04-04-2011

    Hola, muchas gracias por la info

    El problema que yo tengo es que en la página de la aplicación que he hecho en facebook, en lugar de visualizarse el contenido de nofan.php o fan.php se ve el código escrito de index.php.

    No sé si habré insertado mal el código dentro de index.php. Coloqué las ID que señalas.

    Gracias :)

    • admin
      admin04-04-2011

      Iván.

      Dos cosas que te han podido pasar
      A.- Los Apps ID y Secret ID DEBEN SER LOS TUYOS, o sea, los que te genera Facebook cuando das de alta la aplicación.
      B.- ¿Por casualidad, has copiado y pegado, el código que pongo en la página, directamente en Dreamweaver?, ¿has comprobado que lo has pegado en la ventana código o en la ventana diseño?
      Prueba a pegarlo en un bloc de notas.

      Cualquier cosa, aqui estoy.

      Un saludo

  4. Iván
    Iván04-07-2011

    Hola, gracias por tu ayuda :)

    Los códigos ID y secret que he usado son los que me ha generado facebook al hacer la aplicación, y el código de index lo he colocado dentro de head, en dreamweaver. Está bien colocado ahí?

    De nuevo, gracias por tu ayuda

    • Pascual Vila
      Pascual Vila04-09-2011

      Ivan.
      Las páginas en PHP, no llevan etiquetas HTML del tipo head, body, etc.. funcionan por si solas, tan sólo copia el código en el bloc de notas, cambia los ID y guardalo como index.php.
      Un saludo

  5. Gisella
    Gisella04-09-2011

    Me salió!!! Me salió!!!!
    El problema lo tenía en el index.php.
    Primero: no sé por qué el número secreto estaba cambiado.
    Segundo: le cambié la palabra “fan” por “no fan”.
    Qué buen tutorial. Por fin alguien que explica verdaderamente este tema en ESPAÑOL. Muy bien. Te linkearé!!! Gracias ;)

  6. Si pero no esta claro
    Si pero no esta claro04-22-2011

    Ok muy buen tutorial…!!! pero por que tiene que ser php, acaso no puede ser html, porque asi esta hecha mi web, con index.html…. hay algun problema con ello????
    Gracias

    • Pascual Vila
      Pascual Vila04-25-2011

      Claro que hay un problema, que el html no reconoce este código. Tiene que ser PHP obligatoriamente. Otra cosa es que los archivos fan y nofan sean html. Pruébalo y dinos algo.

  7. Si pero no esta claro
    Si pero no esta claro04-23-2011

    Hola pero no me funciona el codigo, ya intente pegarlos en el dreamweaver conmo php y cmabiando los codigos deacuerdo a mi pagina pero me sale codigos asi como le sali[o a Ivan. Por favor si puedes ayudarme te lo agradeceria..gracias

    • Pascual Vila
      Pascual Vila04-25-2011

      Veras. cuando pegas el código directamente desde una web a dreamweaver, no se realiza bien la conversión de la codificación del idioma. Tranquilo, la solución pasa por pegar en el Bloc de Notas o en Textedit si eres de Mac, y guardar este archivo como index.php. Veras como funciona.

  8. MAtias
    MAtias04-28-2011

    Hola!
    Muy bueno el tutoria!
    Hay alguna manera de sacar los scrolls bar.

    Saludos

    Mil Gracias!

    • Pascual Vila
      Pascual Vila04-28-2011

      Claro Matias.
      En la solapa “Integración con Facebook” veras dos opciones para hacerlo, Mostrar barras de desplazamiento y Auto Ajustar, elige la segunda opción y recuerda que el tamaño maáximo de ancho para que no aparezcan abajo es de 500 px. Yo suelo usar un DIV para ajustarlas. Puedes ver una muestra en http://www.facebook.com/AbSocialMedia?sk=app_168079996583746

      Un saludo.

  9. MAtias
    MAtias04-28-2011

    Hola Admin. Hay un error en el Código. Tenés que emepzar declarando que abris php.

    <?php

    Eso solo!

    • Pascual Vila
      Pascual Vila04-28-2011

      Gracias Matias!!

      Llevas razón, me lo deje sin copiar del archivo. Ya está reparado.

      Un saludo

  10. miguel
    miguel05-04-2011

    Hola yo tengo un problema con estas aplicaciones y es que me aparecen con scrolls y no consigo quitarlos. Si los quito la altura no llega al final de la página, es decir, si quito los scrolls la pagina se me queda cortada. Como se puede solucionar esto???

    Gracias.

    • Pascual Vila
      Pascual Vila05-05-2011

      Miguel.
      Tienes que adaptar tu diseño al máximo de anchura que permite Facebook (500 px), aunque yo personalmente lo dejo en 480 px.
      Y en el panel de control de la aplicación activar el boton Auto-Adjust.

      Un saludo

  11. david
    david05-07-2011

    me causa problemas la linea 6 que esta llamando a un facebook.php

  12. david
    david05-07-2011

    Parse error: syntax error, unexpected T_REQUIRE in /home/jha939/public_html/facebook/index.php on line 6 este es el error

    • Pascual Vila
      Pascual Vila05-07-2011

      David.
      Tienes que descargar la libreria Facebook SDK, al prinipio del post te lo indica.

      Un saludo

  13. david
    david05-07-2011

    la descargo y la instalo donde saludos disculpen tantas preguntas, excelente post

  14. david
    david05-07-2011

    ya me los descargue trae una carpeta index por dcirlo asi y dentro vienen varias carpetas las subo al servidor en que ruta coloco esos archivos. gracias por ayuda

    • Pascual Vila
      Pascual Vila05-07-2011

      David.
      Eso depende de donde apuntes en el archivo index.php. En el ejemplo, esta en la raiz, con lo cual dejalo en la misma carpeta.

      Un saludo y pregunta lo que quieras

  15. david
    david05-08-2011

    tengo en mi server el public html/facebook/
    alli estoy metiendo un index.php con su codigo con los api y la clave de mi programa dentro tambien descomprimi el facebook-php-sdk-04168d5 me queda la carpeta y dentro sus archivos pero sigue dandome el error
    Parse error: syntax error, unexpected T_REQUIRE in /home/jha939/public_html/facebook/index.php on line 6

    • Pascual Vila
      Pascual Vila05-08-2011

      A ver, David.
      Una vez que extraigas el achivo zip, unicamenre tienes que subir el archivo facebook.php a la MISMA carpeta que el index.php

      Espero que ahora funcione!!

      • Andres
        Andres06-02-2011

        Hola… me da el mismo error

        Parse error: syntax error, unexpected T_REQUIRE
        index.php on line 6

        y tengo todo los pasos realizados

        Que puedo hacer?

        • Pascual Vila
          Pascual Vila06-02-2011

          Andres.
          Ye he enviado el archivo corregido por email.
          El problema es que al copiar y pegar en Dreamweaver, te cambia las comillas tipográficas y te pone unas comillas especiales que no significan nada para el código.
          Ademas, tu te habías dejado los códigos del WordPress en el archivo.

          Espero que ahora te funcione. Dínoslo en el Blog.

          Un saludo

          • Andres
            Andres06-02-2011

            Hola! aun no me funciona estoy revisando.. al parecer esta todo correcto enc uanto a los archivos y el index.php que me enviaste corregido..

            la verdad no me funciona :(

            Saludos!

          • Pascual Vila
            Pascual Vila06-03-2011

            Dime la dirección de tu página y te lo reviso. Tanto en Facebook como la del alojamiento.

            Un saludo

  16. david
    david05-08-2011

    o meto el index.php dentro de la carpeta del sdk y le cambio la ruta a la api de facebook

  17. DAVID
    DAVID05-09-2011

    jajaj ojala que va sigue el mismo problema diganme si tienen algun correo donde pueda enviarle los archivos que estoy usando, print screens a ver si me pueden ayudar con este error ustedes los los unicos que veo que explican esta info

  18. DAVID
    DAVID05-09-2011

    Excelente de verdad ahora si funciona, estaba cometiendo un error, gracias a la ayuda de ustedes lo solvente tal cual como me recomendaron el error estaba en copiar el código directo de la web a mi editor web ya que por eso lo dañaba Dios los bendiga por ayudar, pasos que he seguido para que funcionara
    1 descargar el sdk sacar de allí el archivo facebook.php
    2 crear al archivo index.php con el código de esta web.
    3 crear la aplicación siguiendo los pasos de arriba.
    4 colocar los claves de api y dirección de la aplicación de facebook creada en el index.php
    5 crear archivos fan.php y nofan.php
    6 meter todos los archivos index.php,fan.php,nofan.php,facebook.php, dentro de la carpeta donde le dije a la aplicación de Facebook que estaban y listo. excelente tutorial excelente web, gracias a pascual seguire al día aprendiendo aquí gracias…

    • Ysanmiguel
      Ysanmiguel06-22-2011

      Hombre, buen dia.
      loco tengo el mismisimo problema que ud.

      Parse error: syntax error, unexpected T_REQUIRE in /home/estazion/public_html/facebook/index.php on line 6

      y me estoy muriendo haciendo mil pruebas, leyendo etc.. y no he podido sulucionarlo…
      me puede colaborar? que fue exactamente su error?

      gracias!!!

  19. Mauro
    Mauro05-09-2011

    Hola Admin, excelente post. Tengo el siguiente problema: Veo bien la página cuando hago una previa en “Ir a la aplicación” pero cuando entro desde la pestaña en mi página me dice 405 Not allowed. Estoy trabajando en un servidor que corre PHP. Tendrá algo que ver con lo de JSON?
    Gracias!

    • Pascual Vila
      Pascual Vila05-10-2011

      Mauro.

      Eso es debido a dos cosas. 1.- No debes entrar como administrador porque no vas a ver bien las imagenes (Facebook las superpone) y 2.- ¿Es posible que tengas un formulario en tu aplicación? Comprueba que el metodo no sea POST sino GET par el envio de los datos.

      Un saludo

      • Mauro
        Mauro05-11-2011

        Pascual, veo la página y la pestaña desde otra cuenta y sigo viendo el 405.
        Tengo un index.html como página y no tiene nada más que texto para probar.
        Todavía no comencé con lo del fan gating.
        Esto me está frustrando. Gracias por tu ayuda.

        • Pascual Vila
          Pascual Vila05-11-2011

          Mauro
          Enviame en un zip los tres archivos y te los compruebo.

          De todas maneras, primero prueba a cambiarle al index.html la extension a .php

          Un saludo.

          • Mauro
            Mauro05-11-2011

            Cambiando la extensión me dice que hay un error interno en el servidor.

            Gracias

          • Pascual Vila
            Pascual Vila05-11-2011

            Lo siento Mauro, pero este servidor no te vale para las apps de Facebook. Me da la sensación de que es un servidor Windows y no tiene instalado php.
            Busca por la red algún servidor gratuito (hay un montón) con el que puedes trabajar.

            Ya me cuentas algo

            Un abrazo

  20. Mauro
    Mauro05-11-2011

    Finalmente el problema fue el servidor que no admite las apps. Muchísimas gracias por tu ayuda Pascual, has sido una gran guía.
    Saludos

    • Pascual Vila
      Pascual Vila05-11-2011

      Gracias a ti.

      Sígueme en Facebook que de vez en cuando escribo artículos como este!

  21. DAVID
    DAVID05-11-2011

    Hola saludos una pregunta cree un diseño de 520px de ancho y le puse auto ajustar que tendría que hacer para que desaparezcan los scrollbars.

    • Pascual Vila
      Pascual Vila05-11-2011

      Yo particularmente las hago de 480 px.
      Prueba a ver.

      Un saludo

  22. DAVID
    DAVID05-11-2011

    usando un programa de facebook para fan page se quitan los scrollb debe haber algun codigo? saludos

  23. Mauro
    Mauro05-20-2011

    Como tengo paginas html alojadas en un srevidor oficial q corre en Windows lo que hago es generar un php que redirecciones con fan.php y nofan.php respectivamente a las páginas correspondientes. Pero pasa que siempre me muestra la página de nofan.php
    Que puede estar pasando?

    • Pascual Vila
      Pascual Vila05-20-2011

      Veamos, ¿estas viendo la página en Facebook? Seguramente.
      Para comprobar su funcionamiento, debes entrar en tu pagina desde otra cuenta, porque Facebook no muestra las páginas a los administradores.

      Estas viendo las dos páginas fan y nofan juntas, superpuestas.

      Son cosas de Facebook. Un saludo.

      • Mauro
        Mauro05-20-2011

        No, no las veo. Directamente me muestra la página para nofans en todos los casos. La veo de diferentes cuentas y no hay caso. Tendrá que ver con el código de redireccionamiento?

  24. Cesar
    Cesar05-29-2011

    Hola Pascual, he seguido los pasos del tutorial, pero no estoy teniendo suerte.
    Primero me sucedia lo de David. Ahora me aparece el siguiente código:

    Warning: require_once(‘facebookphp’) [function.require-once]: failed to open stream: No such file or directory in /home/clubarc1/public_html/cesarmattar.com/remeramania.com.ar/appfb/index.php on line 3

    Fatal error: require_once() [function.require]: Failed opening required ‘‘facebookphp’’ (include_path=’.:/usr/lib/php:/usr/local/lib/php:/home/clubarc1/php’) in /home/clubarc1/public_html/cesarmattar.com/remeramania.com.ar/appfb/index.php on line 3

    Por favor, si me puedes ayudar, te agradeceria enormemente.
    Muchas gracias!

    Saludos

    • Pascual Vila
      Pascual Vila06-01-2011

      Perdona que haya tardado en responderte.
      El mensaje de error lo que te dice es que NO TIENES la libreria facebook.php alojada junto al archivo index.php, revisala y me dices como te ha ido.

      Un saludo.

  25. Hernán
    Hernán06-06-2011

    Hola Pascual

    He seguido todas las indicaciones pero me sale una ventana en blanco. Si cambio la página inicial por la de fan.php o nofan.php sin funciona. Creo que es por no tener instalada la librería Json. Me puedes ayudar??

    Te adjunto el código del index.php

    $app_id,

    ‘secret’ => $app_secret,

    ‘cookie’ => true

    ));

    $signed_request = $facebook->getSignedRequest();

    $page_id = $signed_request["page"]["id"];

    $page_admin = $signed_request["page"]["admin"];

    $like_status = $signed_request["page"]["liked"];

    $country = $signed_request["user"]["country"];

    $locale = $signed_request["user"]["locale"];

    if ($like_status) {

    include(“nofan.php”);

    }

    else {

    include(“fan.php”);

    }

    ?>

    • Pascual Vila
      Pascual Vila06-08-2011

      A ver, Hernán.
      Veo que no has debido de copiar bien…
      Te faltan además los ID de la aplicación, revisa bien el post y sigue las instrucciones. Si aun así no te funciona, dímelo y te ayudaré.

      Un saludo

  26. Hernán
    Hernán06-06-2011

    El código de arriba está mal pegado! Sería este!
    $app_id,

    ‘secret’ => $app_secret,

    ‘cookie’ => true

    ));

    $signed_request = $facebook->getSignedRequest();

    $page_id = $signed_request["page"]["id"];

    $page_admin = $signed_request["page"]["admin"];

    $like_status = $signed_request["page"]["liked"];

    $country = $signed_request["user"]["country"];

    $locale = $signed_request["user"]["locale"];

    if ($like_status) {

    include(“nofan.php”);

    }

    else {

    include(“fan.php”);

    }

    ?>

  27. Andres Banda
    Andres Banda06-10-2011

    Hola Pascual, genial tu tutorial
    pero yo tengo un problema, después de seguir todos los pasos, en la aplicacion me sale el código y no lo que tengo en mi server como fan y no fan …

    qué estaré haciendo mal?

    te envío o te pego acá algun archivo?

    como sé si mi server está preparado para alojar una app?

    • Pascual Vila
      Pascual Vila06-16-2011

      Andres.
      Te conteste hace un tiempo, pero tal vez por problemas con el 3G no se subió el comentario.
      Bueno, te digo. Envíame por mail el archivo index.php y veré el error.

      pascual.vila(at)absocialmedia.com

      Un saludo.

  28. Hernán
    Hernán06-22-2011

    Hola Pascual

    Me gustaría saber si te puedo enviar el archivo index.php para que lo revises y me digas si hay algún error en el código.

    Otra de mis preguntas es cómo se instala la librería JSON.

    Espero tu respuesta

    Un saludo!

    • Pascual Vila
      Pascual Vila06-22-2011

      Por supuesto Hernán.

      Mándamelos a pascual.vila(at)absocialmedia.com

      Un saludo

      • Hernán
        Hernán06-27-2011

        Ya te he mandado el mail y creo que no te ha llegado puede ser pascual.vila(arroba)absocialmedia.com¿?¿¿

        Un saludo!

        • Pascual Vila
          Pascual Vila06-27-2011

          Si, Hernan. Ese es!

          • Hernán
            Hernán06-27-2011

            Pues creo que debes tener un email mio con el archivo index.php!!! Podrías echarle un vistazo a ver si encuentras algún error en el código??

            Un saludo

            Y gracias de antemano!

  29. Ysanmiguel
    Ysanmiguel06-23-2011

    Esto es un post de experiencia propia…..
    llevo casi 2 dias haciendo pruebas con el codigo de esta pagina para el index.php

    y me daba este error:

    Parse error: syntax error, unexpected T_REQUIRE in /home/estazion/public_html/facebook/index.php on line 6

    despues de arreglas las comillas que el codigo tiene unas comillas raras en las areas senhaladas entre parentesis:

    $app_id = “155783197814539 ( ″ ) ;

    $app_secret = “1a161b6847d8295acfebc58d96c9a3c8 ( ″ ) ;

    el error persistia… y la solucion fue RIDICULA, pero es solo para que la tengan en cuenta:

    <? php

    debe ser

    <?php (sin espacio entre <? y php)

    ridiculo no!!!

    pero ahora funsiona!!!

    espero ahorrarle dolores de cabeza a otros…
    Gracias!

  30. Gabriel Castellanos
    Gabriel Castellanos06-25-2011

    Hola, yo he intentado integrar archivos php a mi aplicación, pero cuando quiero ver el tab me tira un cuadro de dialogo para guardar el archivo php en mi PC (como que si quisiera guardarlo) sera porque uso Dropbox para alojar los archivos, que servidor utilizas para que todo te funcione bien?

    De verdad agradeceré mucho tu ayuda, salul2

    • Pascual Vila
      Pascual Vila06-25-2011

      Gabriel.
      Tu solo te has contstado, Dropbox no es un servidor web, es un almacen de archivos.

      Utiliza un servidor con alojamiento web y veras cimo funciona.

      Un ssludo

  31. Edwin
    Edwin07-05-2011

    me sale este error
    Parse error: syntax error, unexpected ‘)’ in /home/a5299194/public_html/prueba/index.php on line 29

    • Pascual Vila
      Pascual Vila07-06-2011

      Revisa las comillas tipograficas en la linea 29.

      Si no te funciona descarga el archivo que dejamos en el post.

      Un saludo.

  32. Leumas
    Leumas07-12-2011

    Hola monte la aplicacion pero esta me da un error!! y ya tengo montadao el facebook.php, les mando el link de la aplicacion para ver si podrian ayudarme gracias!…
    http://apps.facebook.com/betaabc/

  33. marko
    marko07-17-2011

    Hola!!! Muy interesante este artículo. Lo unico es que me sale un error:
    “Parse error: syntax error, unexpected T_REQUIRE in”. He visto la explicación que has dado y me he bajado el Facebook SDK a esta dirección http://facebooktoolkit.codeplex.com/ pero dentro hay solos archivos .dll y aunque estén en la misma raiz que el archivo php no funciona.¿Podrías explicarme dónde está el error?

    ¡Espero vuestros comentarios!

    Muchas gracias antemano.

  34. marko
    marko07-17-2011

    Hola acabo de mirar bien el error y pone “on line 6″ y mirando el archivo a la linea 6 aparece:
    require ‘facebook.php’;

    ¿Podría ser que falta algo más ?

    Muchas gracias,

    M.

  35. marko
    marko07-17-2011

    Lo tengo casi, ahora el único problema es que no identifica el “like status”. He modificado el codigo y lo tengo así. En la misam raiz tengo el archivo facebook.php

    $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true
    ));

    $signed_request = $facebook->getSignedRequest();

    $page_id = $signed_request["page"]["id"];
    $page_admin = $signed_request["page"]["admin"];
    $like_status = $signed_request["page"]["liked"];
    $country = $signed_request["user"]["country"];
    $locale = $signed_request["user"]["locale"];

    if ($like_status) {
    include(“nofan.html”);
    }

    else {
    include(“fan.html”);
    }

    ?>

    Muchas gracias!!!

    • Pascual Vila
      Pascual Vila07-18-2011

      Marko.
      Estas viendo tu aplicación desde la misma cuenta de administrador y Facebook no te permite verla de ese modo.
      Entra con otra cuenta y veras que funciona.

      Un saludo

  36. Mara
    Mara07-19-2011

    Hola, segui tu tutorial pero el codigo que muestras no coincide con la descarga…el que descargue contiene 3 archivos (los 3 necesarios, trae ejemplos y demas): facebook.php , basefacebook.php y fb_ca_chain_bundle..subi los 3 a la raiz de mi sitio, modifique el base facebook (elegi este xq es el que aparenta que debe ser editado) puse el id de mi aplicacion y la clave secreta..agregue el boton de login..pero no pasa nada..el boton no funciona..podrias ayudarme? saludos

  37. Mara
    Mara07-20-2011

    no pongo el de facebook.php porq quedaria muy larga tu lista de comentarios.. Enaviame al mail los archivos si puedes..Me harias un gran favor..porque de hace dias que reniego con esto y en la red poca explicacion encontre..saludos

    • Pascual Vila
      Pascual Vila07-20-2011

      Marina, los archivos ya los tienes.
      Son solo index.php y facebook.php, los archivos fan y nofan.php los tienes que diseñar y programar tu.

      Un saludo

  38. Mara
    Mara07-21-2011

    .puse los datos pero nop, solo se abre el pop up pidiendo autorizacion para acceder..se la doy y luego no pasa nada :/ , no registra..bue a seguir tratando se dijo..Gracias por tu atencion.Saludos

  39. Juanpi
    Juanpi08-02-2011

    estoy como 3 dias probando y no me sale sera que podes revisar mis archivos, muchas gracias.

    mande mis archivos a pascual.vila@absocialmedia.com confirmas si te llego.

    • Pascual Vila
      Pascual Vila08-02-2011

      Me han llegado, los vere luego y te contesto.

      Un saludo y gracias por leernos.

  40. Erick
    Erick08-03-2011

    Hola tengo el mismo problema que muchos me sale en blanco es decir si yo trato de hacer un
    getSignedRequest();
    echo “”;
    print_r($test);
    echo “”;
    ?>
    y solo muestra (viendo el codigo fuente) .
    no tengo ningun error de sintaxis incluso el metodo getUser(); funciona.
    Mencionaste que te salia en blanco y que luego de ver funciono yo he hecho un phpinfo(); y muestra:
    json
    json support enabled
    json version 1.2.1.
    espero y agradezco que me puedas ayudar.

    • Pascual Vila
      Pascual Vila08-04-2011

      Hola Erick
      Con estos datos poco puedo hacer. pero por si acaso, revisa las comillas tipograficas, ya que a todo el mundo le pasa lo mismo al copiar y pegar en Dreamweaver.

      Si quieres mandame el archivo index.php y te lo reviso.

      Un saludo

  41. Israel
    Israel08-06-2011

    Hola tengo un problema me sale este error:
    Parse error: syntax error, unexpected ‘{‘ in /home/ichavezs/public_html/prueba/jpg/index.php on line 36

    espero que puedas ayudame a resolverlo……gracias.

  42. Adrian
    Adrian08-11-2011

    Pascual:

    A mi se me queda la pagina en blanco… que puede ser? segui todos los pasos, lo unico que cambie fue nofans.php y fans.php por nofans.html y fans.html… sera eso? o sera el problema de la librería JSON?

    • Pascual Vila
      Pascual Vila08-11-2011

      Pues Adrian, te has contestado tu solo.
      Renombra ambos archivos a .php y prueba.
      De todas maneras, los servidores que me indicas no creo que tengan Json activo por seguridad. Intenta consultar con ellos.

      Espero haber ayudado.

      Un saludo.

  43. Adrian
    Adrian08-11-2011

    me olvidaba, como dato… uso hosting gratuito… miarroba y byethost, probe con ambos… y nada! :-(

  44. Jenner
    Jenner08-11-2011

    hola que tal puedes ayudarme porfavor solo me falta el archivo facebook.php y no lo encuentro en la red

    • Pascual Vila
      Pascual Vila08-11-2011

      Lo tienes al principio del post. Facebook SDK.

      Un saludo.

  45. Adrian
    Adrian08-12-2011

    Perdon que te vuelva a molestar pascual… pero conoceis de algun hosting gratis que tenga activo json?

    • Pascual Vila
      Pascual Vila08-20-2011

      Gratuito no.

      Lo siento, pero mira las ofertas de 1and1. Son muy buenas.

      Un saludo

  46. Roman Jesus Astorga Guzman
    Roman Jesus Astorga Guzman08-16-2011

    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

  47. John Torres
    John Torres08-19-2011

    Hola estoy tratando de realizar la aplicación pero me sigue saliendo el error en la linea 6.
    Según los comentarios pensé que era por haber pegado el código en DW pero lo intente con el Bloc de notas y tampoco funciono, tengo en la raíz el archivo facebook.php y otros dos .php para mostrar.Pero sigo con el error Linea 6.
    Le agradecería Sr. Pascual si me puede colaborar con mi aplicación, pues ya llevo dos días tratando implementarla y su tutorial me a parecido el mejor de todos.

  48. John Torres
    John Torres08-19-2011

    Hola gracias por el tutorial pero ya encontré el problema y al copiar el código la linea 1creo un espacio el cual NO debe de ir.

    • Pascual Vila
      Pascual Vila08-20-2011

      Gracias por la informacion Jhon, lo tendremos en cuenta.

      Un saludo.

  49. Giovanny Gomez
    Giovanny Gomez08-22-2011

    Hola Pascual,

    Muchas Gracias por tu tutorial creo que es lo unico que se puede encontrar en español acerca del tema, sin embargo tengo un problema y si me puedieras ayudar te quedaria muy pero muy agradecido.

    Tengo problema para hacer que los no fans vean una pestaña y los fan otra, siempre se muestra la pestaña de fans en cualquiera de los dos casos. He revisado cada uno de los pasos del tutorial y los aportes de algunos de los usuarios.

    Quisiera que me pudieses ayudar.

    Te dejo el código:

    $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true

    ));

    $signed_request = $facebook->getSignedRequest();
    $page_id = $signed_request["page"]["id"];
    $page_admin = $signed_request["page"]["admin"];
    $like_status = $signed_request["page"]["liked"];
    $country = $signed_request["user"]["country"];
    $locale = $signed_request["user"]["locale"];

    if ($like_status) {
    include(‘fan.php’);

    }

    else {
    include(‘nofan.php’);

    }

    ?>

    Muchas Gracias
    Giovanny Gomez
    Colombia

    • Pascual Vila
      Pascual Vila08-23-2011

      Giovanny.

      El problema puede ser que estas intentado ver la aplicación como administrador y Facebook no deja hacerlo.
      Sal de tu cuenta y accede con otra diferente, seguramente te funcione.

      Un saludo

  50. Bargath
    Bargath08-24-2011

    Hola AB, buen tutorial, pero entre que ahora ha cambiado el sistema de Facebook para crear app y que no soy muy ducho en el php no consigo hacerlo.

    Me da Parse error en la linea 7.

    ¿Aún así podríais volver a colgar el Zip con el ejemplo que funcione? ¿o hacermelo llegar de algun modo? el enlace está roto, creo que sería muy útil para nosotros como apoyo al tutorial.

    • Pascual Vila
      Pascual Vila08-29-2011

      Lo tienes colgado en el post.

      Un saludo

      • Bargath
        Bargath08-31-2011

        Gracias, pero no lo está, el enlace está roto.

        Un saludo!

        • Pascual Vila
          Pascual Vila08-31-2011

          Llevas razón.

          Ya está reparado.

          Un saludo y gracias por tu ayuda.

  51. David Ruiz
    David Ruiz08-29-2011

    Hola Pascual me hallé por el google primero con un code pero casi no lo entendi y di con el tuyo hace unas hrs y me aclaraste muchas cosas, entonces me tope con los mismo errores que les salia a los demas, entonces empece a combinar los codes hasta que me funcionó, se los comparto el index.php, espero les sirva… Gracias

    $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true
    ));
    $signed_request = $facebook->getSignedRequest();
    function parsePageSignedRequest() {
    if (isset($_REQUEST['signed_request'])) {
    $encoded_sig = null;
    $payload = null;
    list($encoded_sig, $payload) = explode(‘.’, $_REQUEST['signed_request'], 2);
    $sig = base64_decode(strtr($encoded_sig, ‘-_’, ‘+/’));
    $data = json_decode(base64_decode(strtr($payload, ‘-_’, ‘+/’), true));
    return $data;
    }
    return false;
    }
    if($signed_request = parsePageSignedRequest()) {
    if($signed_request->page->liked) {
    include(‘fan.php’);
    }
    else {
    include(‘nofan.php’);
    }
    }
    ?>

  52. Eduardo
    Eduardo09-05-2011

    Muy buen tutorial, sobre todo el codigo, es una lástima que la documentacion oficial es muy pobre.

    Saludos

  53. gino
    gino09-16-2011

    Exelente felicito a los administradores de esta web x las ganas de enseñar pero yo soy novato y me gustaria saber si me pueden ayudar para entender bien el tema:

    1 que codigo debo poner en fan.php de igual manera en no fan.php
    2 subi los archivos a un servidor gratuito en este caso miarroba.com me sale error q no encuentra la ruta
    3 no se si pudieran explicar un poco mas detallado porfavor o si pueden enviarme todos los archivos php gracias por su comprension y antemano gracias por la ayuda

  54. Tomás
    Tomás09-17-2011

    Tengo un problema, se ve nofan.php y seguido debajo index.php

    se me ocurre que index.php no debería llevar diseño solo código. nofan y fan sí llevarían diseño/estilos.

    Es así? mil graicas

    • Pascual Vila
      Pascual Vila09-17-2011

      Efectivamente Tomas, es asi.
      El diseño en Fan y nofan, y en el index los data de Facebook.

      En cuanto a lo de refrescar, no tienes que programar nada, lo hace automaticamente.

      Un saludo.

  55. Tomás
    Tomás09-17-2011

    Una consulta más, como puedo hacer para que al darle “like”, me refresque el tab y me muestre “fan.php”, como lo tengo hecho ahora tengo que refrescar manualmente el navegador para que me muestre fan.php

    muchas gracias

  56. Guille
    Guille09-17-2011

    Hola genio, tengo un problema copie todo tal cual, pero no me muestra nada, tanto cuando soy o cuando no soy fan, entre desde otra cuenta y nada… y en el servidor me aparece un archivo error_log cual puede ser el error?

    • Pascual Vila
      Pascual Vila09-17-2011

      Hola Guille.
      Gracias por lo de genio, pero no es para tanto.

      Lista de tareas.

      1- ¿Has subido al servidor junto con fan , nofan, index… El archivo facebook.php?
      2- Comprueba los requerimientos de tu servidor con phpinfo() Busca en google como se hace.
      3- JSON

      Si todo esto o funcioja mandame mail con tu archivo index.

      Un saludo

      • Guille
        Guille09-18-2011

        sisi todo esta echo, pero no encuentro el problema… este seria el código:

        $app_id,
        ‘secret’ => $app_secret,
        ‘cookie’ => true

        ));

        $signed_request = $facebook->getSignedRequest();
        $page_id = $signed_request["page"]["id"];
        $page_admin = $signed_request["page"]["admin"];
        $like_status = $signed_request["page"]["liked"];
        $country = $signed_request["user"]["country"];
        $locale = $signed_request["user"]["locale"];

        if ($like_status) {
        include(“http://templatemanager.net/facebook/prueba/nofan.php”);

        }

        else {
        include(“http://templatemanager.net/facebook/prueba/fan.php”);

        }

        ?>

        • Guille
          Guille09-18-2011

          Me salio!! me faltaba agregar el archivo base_facebook.php y listo!

  57. Correo movil
    Correo movil09-22-2011

    Gracias por su mensaje tan maravilloso! Verdaderamente disfrut� al leerlo, usted podr�a ser un gran redactor. Me asegure de marcar a mis favoritos su blog y retornare pronto. Quiero animarle a seguir en �ltima instancia con sus buenos mensajes, que tenga un buen d�a!
    Nos encanta tu blog, gran parte de su contenido es precisamente lo que estaba buscando, �me pregunto si podria ofrecer a personas invitados a escribir contenido para usted?. Quisiera publicar un mensaje sobre varios de los temas que escriben aqu�. Una vez m�s, un mensaje genial!
    Mi novia y yo nos encontramos en este sitio web, viene de portal parecido y pens� que podr�amos comparar varias cosas. Me agrada la informaci�n que veo. Estoy seguro que volvere a visitarla muy seguido.
    Este tipo de actividad son bien coherentes al igual que la redacci�n! Mantener este tipo de obras es asombrosa. La informaci�n recibida es �til y por ello la eh adicionado a la lista de mis blogs favoritos.
    Hola Estoy contento de haber encontrado su sitio web, de verdad que lo tope por error, mientras estaba navegando mi cuenta en Digg sobre otro contenido, de todos modos solo deseo darle las gracias por el post interesante y entretenido (tambi�n me encanta el dise�o), tengo reducido tiempo para leer todo el contenido, pero he se�alado y a�adido tus feeds RSS y cuando cuente con mayor tiempo voy a volver a leerlo.

  58. Pepe
    Pepe09-23-2011

    Enhorabuena por el post, es de bastante ayuda. Pero me he encontrado con un problemilla y es que Facebook asegura que a partir del 1 de Octubre obliga a todas sus aplicaciones a usar SSL. ¿Sabes algo de eso? porque muchas de las aplicaciones -sobre todo de este estilo- no soportan navegación segura.

    Yo he encontrado una solución temporal para mi pagina de “fans y no fans” (podeis ver la versión segura aqui https://www.facebook.com/cpgrupo) pero no sé si merece la pena currarselo, porque sí siguen funcionando las apps sin SSL es un poco perdida de tiempo.

    Por cierto, la fan gating esta sin terminar, pero acepto criticas jeje

    Un saludo!!

    • Pascual Vila
      Pascual Vila09-23-2011

      Pepe.
      No hay ningún problema, no tengas miedo. Lo único que tendras que hacer es ubicar tus archivos en la zona SSL, actualmente (no se cual es tu servidor) debes tener una carpeta que se llama httpdocs en la que estas poniendo los archivos. A partir del 1 de Octubre, activaras en tu servidor la opción de SSL y ubicarás los archivos en una carpeta que se llamará “httpSdocs“, (pongo la S mayuscula). Y ya está.

      Lo que tengo dudas es en si tendras que tener una clave de SSL que puedes conseguir en Verisign y similares.

      Un saludo.

      • Pepe
        Pepe09-23-2011

        Vaya rapidez!! Así da gusto jeje.

        Hombre, no solo es activar SSL tendrás que tener un certificado SSL valido -q es verdad q se compran en Verisign o sitios similares-.

        Además no todo el mundo tiene acceso a la administración del servidor -si es que no lo tienen alojado en algun servidor gratuito-. Por eso te preguntaba, porque me sorprendería que de un plumazo se cargasen todas las aplicaciones “no seguras”.

        Un saludo!

        • Pascual Vila
          Pascual Vila09-23-2011

          Eso es lo que digo.
          Y cierto, habrá quien no pueda tener acceso a su servidor o que ese tipo de acciones sean complicadas para ellos.
          Tal vez y sólo tal vez… Mark ha pensado en hacer una criba y dejar ciertos temas a los profesionales.

          El sabrá.

  59. Enrique
    Enrique09-23-2011

    He seguido el tutoria, pero me da siempre HTTP 500 Error interno del servidor)
    He probado a cambiar fan.php y nofan.php por fan.html y nofan.html sin éxito.

    La dirección es
    http://www.facebook.com/lanuevaperfumeria?sk=app_266162630073803#!/lanuevaperfumeria?sk=app_266162630073803
    Y fuera de facebook en
    http://www.lanuevaperfumeria.com/aps/fans

    ¿Puedo enviarte los archivos por ver qué está mal?

    Es que estuve intentando también usar apps de terceros para hacer lo mismo, pero la que encontré gratuita no me permitía poner formularios ni nada que no fuera html simple, y claro me sería de gran ayuda.

    Agradecido por adelantado por tu trabajo y la ayuda que prestas.

    • Pascual Vila
      Pascual Vila09-27-2011

      Enrique.
      Perdona que no te haya contestado antes. Si, por supuesto que puedes enviarme los archivos, mandalos en un zip, pero ya te digo que le error 500 es un error “comodiín” que indica que algo tienes mal.

      Un saludo.

  60. Estuardo
    Estuardo09-29-2011

    Seguí todos los pasos y hasta ahora funciona, excepto que: cuando voy a la aplicación no me aparece el link “Agregar a mi página”, qué me falta?

    Gracias,

    • Pascual Vila
      Pascual Vila09-29-2011

      Estuardo.
      Como no me des mas datos!!

      Un saludo

      • Estuardo
        Estuardo10-01-2011

        Ok, tienes razón

        Resulta que cree mi aplicación en la que la pagina inicial es index.php, y en ella tengo la validación de ir a la página fa o no fan, ambas en php, pero solo les tengo el texto Fan o Nofan, respectivamente

        Cuanto verifico la aplicación: http://apps.facebook.com/XXX/ (XXX mi nombre de aplicación), velo e iFrame con el texto Fan, hasta allí bien pero no puedo agregar la aplicación a mi fanpage, porque cuando busco la app, la encuentro pero no tiene el link (abajo izq) para agregarla a mi pagina, solo me aparecen los otros, como:
        Suscríbete a través de RSS
        Eliminar de los favoritos de mi página
        Compartir

        Pero no el de Agregar a mi página

        Espero haberme explicado, jeje

        Creo que tiene que ver con el Open Graph y Auth Dialog (???)

        Gracias,

  61. Raul
    Raul10-04-2011

    Muy buenas las explicaciones, aunke necesito una manito con esto…

    Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /home/nasacomp/public_html/facebook/facebook.php on line 35

    Es el error que me tira… se refiere a esta linea puntual del facebook.php

    public function __construct($config) {

    pero no comprendo el error ya que el codigo lo deje tal y como esta en el ejemplo.

    Te agradezco la ayuda y el timpo que te tomas en todo esto.

    Gracias

    • Pascual Vila
      Pascual Vila10-04-2011

      Has comprobado las características de tu servidos, PHP5, MYSQL, y sobre todo JSON activado.

      Un saludo

      • Raul
        Raul10-05-2011

        Tienes razon, he preguntado a mi administrador de red y me ha dicho que tengo el PHP 4, vere si puedo hacer que se pase al 5 y probar nuevamente.
        por el momento no puedo hacer nada.

        gracias

        • Pascual Vila
          Pascual Vila10-05-2011

          Para nada, lamento que sea ese el problema.
          Consulta tambien si tienen activado SSL para tu domino, si no no te funcionará.

          En ultimo caso, puedes contar con nuestoi servidor, es muy economico.

          Un saludo

  62. Jose P
    Jose P10-27-2011

    Hola , primero enhorabuena por el tutorial , me ha sido muy util.
    Lo unico que no consigo hacer es poner por defecto la aplicación al abrir la pagina cuando alguien ya ha pulsado en me gusta.
    En la tuya si lo hace, me puedes comentar como lo has hecho ?

    gracias y un saludo

    • Pascual Vila
      Pascual Vila11-03-2011

      Mira en la configuración de la página en el apartado, pestaña por defecto.
      Una cosa, como administrador no lo veras. Accede con otro usuario.

      Un saludo

  63. emilio
    emilio10-30-2011

    Hola, Cordial saludo

    Hice paso a paso lo que explicas. me sale el contenido de fan.php para las dos opciones.
    si presiono me gusta me arroja fan.php y si no soy fan lo mismo.
    estoy ingresando desde una cuanta de usuario diferente.
    llevo semanas intentando solucionar esto agradezco enormemente su ayuda.

    este es el codigo que uso:

    $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true

    ));

    $signed_request = $facebook->getSignedRequest();
    $page_id = $signed_request["page"]["id"];
    $page_admin = $signed_request["page"]["admin"];
    $like_status = $signed_request["page"]["liked"];
    $country = $signed_request["user"]["country"];
    $locale = $signed_request["user"]["locale"];

    if ($like_status) {
    include(“nofan.php”);

    }

    else {
    include(“fan.php”);

    }

    ?>

    • Pascual Vila
      Pascual Vila11-03-2011

      Emilio, estas accediendo como administrador? Asi no lo veras, debes entrar como otro usuario.

      Un saludo

  64. emilio
    emilio10-30-2011

    Me olvide comentar tengo activada la libreria JSON y en el servidor funciona php5..

  65. emilio
    emilio10-30-2011

    Hola pascual, mientras recibo una respuesta de tu parte he estado haciendo pruebas y nada.

    En el siguiente código inserte un echo para ver si se estaban recogiendo las variables y veo que no…. el echo no arroja nada:::

    ” $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true

    ));

    $signed_request = $facebook->getSignedRequest();

    $page_id = $signed_request["page"]["id"];
    $page_admin = $signed_request["page"]["admin"];
    $like_status = $signed_request["page"]["liked"];
    $country = $signed_request["user"]["country"];
    $locale = $signed_request["user"]["locale"];

    echo “page id = $page_id”;
    echo “page admin = $page_admin”;
    echo “like status = $like_status”;
    echo “country = $country”;
    echo “locale = $locale “;

    if ($like_status) {
    include(“nofan.php”);

    }

    else {
    include(“fan.php”);

    }

    ?>”

    • Pascual Vila
      Pascual Vila11-03-2011

      Es que no tiene que devolver nada, hasta que no te validas.

      Un saludo

  66. Manuel
    Manuel10-31-2011

    Hola Pascual,
    Primero enhorabuena por el tutorial, para los que nos estamos introduciendo está fenomenal!
    He creado mi primera aplicación en facebook (hospedada en heroku) y hecho pequeños cambios en el index.php
    Pero lo que realmente quiero que haga mi aplicación no sé como hacerlo aún:
    Que cada usuario pueda cubrir un formulario o (varios) en la aplicación y guardarlo en la misma en confidencial o si el usuario prefiere, publicarlo en el muro.
    Habrá algo de lo que pido para copy/paste en mi index.php
    Un millón de gracias.
    Manuel.

    • Pascual Vila
      Pascual Vila11-03-2011

      Hola Manuel.
      Eso es cuestión de programación del PHP y la página web, y aqui no tocamos ess tema.
      Consulta en San Google que seguro encuentras cosas hechas.

      Un saludo

  67. Diego
    Diego10-31-2011

    Hola estoy intentando hacer un formulario en mi app de facebook en php, lo de fan y no fan funciona, mi problema es cuando soy fan y envio un simple formulario que puse. Al enviarlo vuelver a cargar la página y me dice que no soy fan. Porque al enviar el formulario me dice que no soy fan?

    • Pascual Vila
      Pascual Vila11-03-2011

      Diego, es obvio.
      Yo pondría el formulario en la página fan y no en la no-fan, que creo que es donde la tienes.

      Un saludo

  68. emilio
    emilio11-17-2011

    Hola Pascual, de nuevo por aquí… no he podido hacer funcionar la aplicación.. puedes ayudarme a solucionarlo? cuanto me cobras? necesito hacer que funcione.

    • Pascual Vila
      Pascual Vila11-17-2011

      Emilio.
      Enviame al correo pascual.vila(at)absocialmedia.com los archivos con los que estas trabajando. La dirección de Facebook de la página y el servidor que usas para poder ver el error.

      Nuestra empresa suele hacer presupuestos personalizados en función de tus necesidades. Cuando analicemos el problema, te envio el ppto por mail.

      Un saludo.

  69. Lhex Martinez
    Lhex Martinez11-25-2011

    Hola Pascual, hace rato ya que pasé por aquí y solo hasta hoy he podido darme a la tarea de crear mi app pero me sale en blanco el tab y ningún archivo presenta error de sintaxis, eso lo pude solucionar muy rápido pero sigo sin poder ver nada en la pestaña, algo extraño es que a veces al entrar en la pestaña se abre la ventana de “guardar como” como si fuese a descargar el index.php, la cuestión es que por cuestión de gastos ya que soy un joven independiente y recién estoy saliendo a flote alojo los archivos en Dropbox no se si ese sea el lío de ser así podrías darme el dato de algún hosting gratuito que sirva para esto?

    De antemano gracias por la ayuda y el tutorial mismo!

    Saludos

    • Pascual Vila
      Pascual Vila11-25-2011

      Con Dropbox no funcionará.

      Mira en Google, seguro que encuentras un server, aunque ya te digo que no te valdrá ninguno para esto. Necesitas SSL.

      Un saludo

  70. Renato
    Renato12-15-2011

    Escribo estas lineas para agradecer por tremendo tutorial, la verdad es que pocas veces se encuentra algo tan bien elaborado.
    Agradezco que compartas este material con nostros ya que nos das una mano en los problemas que podamos presentar.

    Gracias, gracias y mil gracias por tu tiempo y conocimiento
    Saludos

  71. adams
    adams12-15-2011

    no puedo ver como cambiar a español
    agradeceria mucho que me indicara, ya que mi aplicacion no se ve igual que como en la muestra

    • Pascual Vila
      Pascual Vila12-15-2011

      No entiendo tu pregunta, lo siento.
      Acláramela y te contesto.

      Un saludo

      • adams
        adams12-16-2011

        disculpa no me exprese bien, mira, todo lo que me indicas lo sigo y sale bien pero me sale en ingles, en tu ejemplo se ve tiene una opción para escoger idioma pero en lo que me sale no veo esa opción

        • Pascual Vila
          Pascual Vila12-29-2011

          La opción de escoger idioma la tienes en las preferencias de Facebook, no de la aplicación.

          Un saludo

  72. javier
    javier12-23-2011

    Hice lo mismo y tengo este error.

    Fatal error: Uncaught OAuthException: An active access token must be used to query information about the current user. thrown in /home/itmcalib/public_html/facebook/src/base_facebook.php on line 1039

    El code

    $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true
    ));

    $signed_request = $facebook->getSignedRequest();

    $page_id = $signed_request["page"]["id"];
    $page_admin = $signed_request["page"]["admin"];
    $like_status = $signed_request["page"]["liked"];
    $country = $signed_request["user"]["country"];
    $locale = $signed_request["user"]["locale"];

    if ($like_status) {
    include(“fan.php”);
    }
    else {
    include(“nofan.php”);
    }

    ?>

    • Pascual Vila
      Pascual Vila12-29-2011

      Me parece que no tienes la libreria Facebook.php instalada.

      Compruebalo.

      Un saludo

  73. Bahiense
    Bahiense12-26-2011

    Hola Pascual, como estas? Te escribo desde la argentina y estoy trabado con tu tutorial desde el pasado 1, ya uqe parece uqe facebook a cambiado nuevamente su cara y ahora no encuentro la pestaña “integración con facebook”. Podrias orientarme por donde continuar?

    Saludos y gracias

    • Pascual Vila
      Pascual Vila12-29-2011

      Ahora lo encontraras abajo del todo. Pone “Selecciona como tu aplicación se intrega con Facebook” y ahí están las casillas de entrada.

      Un saludo y Felices fiestas

  74. Jairo Ortiz
    Jairo Ortiz12-29-2011

    Hola soy nuevo en la creación de las aplicaciones para facebook y lo estoy intentando pero me sale un error, si me ayudarian a darme una idea de como resolverlo les estaría muy agradecido. AL momento de dar el nombre de la aplicacion y ingresar las palabras de seguridad me indica que tengo que ingresar un numero telefónico o una tarjeta de credito bueno ingreso el numero de celular para que me llegue el codigo para habilitar lacreación de la pagina y no me envia nada me podrían ayudar como puedo solucionar este problema. Muchas gracias

    • Pascual Vila
      Pascual Vila12-29-2011

      Jairo, esa es una cuestion de seguridad de Facebook, seguramente tengas otro usuario con ese telefono.
      Prueba con otro numero telefono, lamento no poder ayudarte mas.

      Un saludo y Felices fiestas

  75. Andree Ochoa
    Andree Ochoa01-23-2012

    No aparece AÑADIR A MI PAGINA creo que es por los cambios del nuevo facebook developers… si alguien sabe como ponerlo… porfa respondan…

  76. Adrian
    Adrian01-25-2012

    100% Funcionando! :-) Gracias!!!

    Aclaro para los que les queda la duda… deben subir a la misma carpeta donde esta index.php los archivos facebook.php y base_facebook.php

  77. Jorge Resendiz
    Jorge Resendiz02-06-2012

    Hola, tu tutorial me ha servido desde hace mucho tiempo pero no sabia que ustedes eran los creadores, lo encontre por casualidad en la red y recien vi que viene en comments su pagina web. Tengo el siguiente problema, el “fan gate” jala a la perfeccion, mi problema es cuando el usuario tiene activado el HTTPS (osea navegacion segura en facebook), tengo ssl y todo por supuesto, pero siempre sale que no soy fan. No importa el usuario (sea o no sea administrador) siempre sale eso, la forma en que lo “resolvi” es en el perfil de facebook de la aplicacion pues donde viene el link de la ventana segura en vez de poner el link del fan gate “index.php” puse el link de la ventana de fan “fan.php” y que no hiciera validacion. ¿Que podrá ser? Saludos!

    • Pascual Vila
      Pascual Vila02-17-2012

      Jorge perdona la demora, a veces andamos liados con trabajos y desgraciadamente no podemos atender el blog.
      A ver, yo creo que te ocurre porque en la venta de la app no has definido que la URL sea la de SSL, miralo y seguramente se resolverá-

      Un abrazo y gracias por tu paciencia.

  78. Pepe
    Pepe03-09-2012

    Hola, hace tiempo que os sigo y este mismo turorial me sirvió hace un año cuando quise subir aplicaciones en el cambio entre FBL e Iframe.

    El problema es que hace tiempo que tras seguir todos los pasos y cuando ya tengo la aplicación creada y pulso para ver la página de perfil de la misma, me manda a mi perfil personal. Esto hace que no pueda enlazarla con mi Fan page…

    ¿Cómo puedo solucionarlo? Esto ya me ocurría hace tiempo..

    Además ahora con el nuevo cambio de biografía de las páginas de Facebook ya no se puede hacer el FAN, NO FAN me equivoco?

    Un saludo

    • Pascual Vila
      Pascual Vila03-09-2012

      Hola Pepe (o Hernan)
      Estoy preparando un nuevo tutorial para emplear este truco con las nuevas características de Facebook para Paginas.
      Te podría contestar a tus preguntas, pero esta semana veras los cambios.

      El nuevo Facebook con Biografía en Paginas SI permite el truco, y ademas con mayor tamaño de las imagenes, ya lo veras.

      Un saludo y gracias por tu paciencia.

      Por cierto subscríbete a las newsletter y lo recibirás en el correo

  79. joel
    joel03-22-2012

    hola Pascual, gran tutorial, pero cuando estara el tutorial que mencionas en tu ultima participacion en el foro, Saludos

    • Pascual Vila
      Pascual Vila03-22-2012

      Gracias Joel.
      Lo estaba terminando cuando Facebook decidió que le gustaba el Timeline en las páginas y que las Fan Gate no iban a funcionar. Con lo cual hacer un tutorial de algo que no sirve para nada, es tontería.
      De todas maneras, lo iré terminando sin prisa y lo publicaré.
      Suscribete a las news y te llegara en breve.

      Y gracias por preguntar.

  80. Edu
    Edu05-08-2012

    Buenos dias paisanos!. Os felicito por el artículo!!. Me ha servido para iniciarme en el desarrollo de apps para facebook. Era algo que tenía pendiente y hasta que no ha salido un proyecto no me había puesto a ello… Cuesta meterse con la documentación oficial y un empujoncito en castellano siempre viene bien XD.

    Por cierto, podríais montar un curso para programadores, viendo todas las características de la api?

    Saludos.

    • Pascual Vila
      Pascual Vila05-08-2012

      Gracias por lo ánimos, Edu.

      Lamentablemente no creo que hagamos un curso para programadores, se sale de nuestra competencia, somos mas de Marketing Digital que de Programación.
      Pero buena observación.

      Un saludo

  81. Jorge
    Jorge05-18-2012

    Ante todo muchas gracias por el tutorial. Por fin me entero de algo en esto de las apps. Lo que quiero es justamente crear una app que me muestre un contenido diferente según sea o no fan (de hecho quiero que diga que me gusta la página para mostrarle el contenido como hace la de El Corte Inglés, por ejemplo).

    Por lo que veo han cambiado bastantes cosas en Facebook y no sé si seguirá valiendo lo que indicas. Le dije que sea una app de Facebook y en el Canvas le puse la URL donde está el index.php (no pude poner la ruta completa http://www.empresa.com/app/index.php porque daba error).

    Me da error 19:

    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.

    ¿Sabes qué puede parar? Muchas gracias.

  82. william
    william06-13-2012

    Saludos:
    el tutorial ha servido de lujo pero eskribo para realizar una pregunta.
    Ser puede realizar un boton en el diseño de nofan.php que al dar click lleve a fan.php
    tengo un ejemplo q vi y me parecio muy bueno
    http://www.facebook.com/Plastigama/app_416637068351400
    SAlUDOS Y SERIA FASCINANTE LOGRAR ALGO ASI
    GRACIAS!!

    • Pascual Vila
      Pascual Vila06-15-2012

      Willian.
      Verdaderamente, muy buena la idea de Plastigama, me la he apuntado.
      En la programación de fan y nofan.php, no tienes mas restricciones que tu imaginación y conocimientos.
      Puedes poner lo que quieras, ellos han usado los plugin sociales de Facebook https://developers.facebook.com/docs/plugins/
      Usa el like button y ya está.

      Un saludo y gracias por la idea!!

  83. Silvia Villarreal
    Silvia Villarreal06-16-2012

    Hola que tal?
    tu tutorial me ha servido de mucho, pues me ha sido muy dificil encontrar tutoriales en español.
    Sigo la instrucciones tal como las indicas, pero me sale un error y realmente no se ha que se deba.
    el error dice lo siguiente:

    Error
    Lo sentimos, la aplicación que estabas usando está experimentando un problema. Por favor, inténtalo de nuevo más tarde.

    Espero y tengas una minima idea de que pueda ser.
    Agradezco Saludos. (:

    • Pascual Vila
      Pascual Vila06-21-2012

      ¿Tienes alojado los archivos en un servidor SSL?.
      Facebook cambio el sistema de alojamiento y desde entonces es necesario.

      Un saludo.

  84. william
    william06-16-2012

    Pacual
    Lo he echo con https://developers.facebook.com/docs/plugins/ el problema es que al dar click en me gusta no se refreska toka manualmente para ingresar a fans y el ejemplo de plastigama se va automaticamente a fans.te envio el ejemplo para q me ayudes con este problemilla. esta publicado en la siguiente direccion.
    http://www.facebook.com/supertestingpage/app_253199824795949

    $app_id,
    ‘secret’ => $app_secret,
    ‘cookie’ => true
    ));
    $signed_request = $facebook->getSignedRequest();
    function parsePageSignedRequest() {
    if (isset($_REQUEST['signed_request'])) {
    $encoded_sig = null;
    $payload = null;
    list($encoded_sig, $payload) = explode(‘.’, $_REQUEST['signed_request'], 2);
    $sig = base64_decode(strtr($encoded_sig, ‘-_’, ‘+/’));
    $data = json_decode(base64_decode(strtr($payload, ‘-_’, ‘+/’), true));
    return $data;
    }
    return false;
    }
    if($signed_request = parsePageSignedRequest()) {
    if($signed_request->page->liked) {

    ?>
    ejemplo

    Contenido para fans!
    SI VES ES Q YA ERES FAN

    Contenido para no-fans 123!
    TIENES Q SER FAN PARA VER ESTA INFORMACION123456789

    Gracias ayudame con esta duda

    • Pascual Vila
      Pascual Vila06-21-2012

      Perdona Willian, pero nosotros no nos dedicamos a programación.
      Somos una agencia de Social Media. Publicamos nuestro codigo como ayuda, pero lo que nos envias no es ese código.
      Lamento no poder ayudarte.

Somos la primera Agencia de Marketing Digital de Albacete. Gestionamos campañas en Redes Sociales. Campañas SEO y SEM.