Muy buenas a todos.

Esta semana me he retrasado en la publicación y os pido disculpas, la faena aprieta (y que siga así) y he tenido que dejar para hoy la publicación.

Hoy hablare de cómo integrar los álbumes de facebook dentro de nuestra web, y quizás más importante, dentro de WordPress.

De Facebook a la web

Las redes sociales cada vez se utilizan más y ofrecen mayores posibilidades: rápida difusión, las posibilidad personas, comentarios, compartir, etc. Por ello, es más recomendable tener las fotos en Facebook y enlazarlas en la web que al revés (publicar en la web y enlazar en Facebook).

Hay dos opciones: usar la API de Facebook para crear una aplicación e insertarla en nuestra web, o bien usar las clase de php “phpCurl.php”. Os puede sonar raro pero veréis que es muy sencillo.

Paso 1: descargar la Classe phpCurl.php

Lo primero que hay que entender es que este sistema funciona usando una clase php, si no sois de la rama técnica os sonará un poco a chino, pero básicamente significa que usa unas funciones de un programa, y ese programa se encuentra dentro de una clase llamada phpCurl.php que tenemos que descargar de phpclasses (click aquí).

Hay que subirla a nuestro alojamiento ya sea en la raíz o en una carpeta, recomiendo usar carpeta para tenerlo todo ordenado. Yo la he subido en la carpeta “functions” de mi alojamiento y en el resto de pasos me basaré en esta carpeta.

Paso 2: Añadir classe a nuestras páginas

El siguiente paso es añadir la clase a nuestras páginas para poder usar las funciones. Siempre que se enlaza una archivo en PHP se usa la funcion “include” y lo haremos de la siguiente forma:

<?php
include(“functions/phpcUrl.php”);
?>

Ahora ya podemos usar las funciones que necesitamos en la página a la que lo hemos añadido, si por ejemplo lo añadimos en la página “galeria” de nuestra web, lo podremos usar sólo en esta página.

 

Paso 3: Añadir el código en la página que deseemos

Una vez ya tenemos añadido el sistema para poder insertar los álbumes, hay que añadir el codigo que los obtendrá y mostrará. Simplemente hay que añadir:

<?php
define(‘PAGE_ID’, ‘00000000000000’);
define(‘APP_ID’,”);
define(‘APP_SECRET’,”);
$face = new FacePageAlbum(PAGE_ID, $_GET[‘aid’], $_GET[‘aurl’], APP_ID, APP_SECRET);
?>

Veréis que hay 3 “define” del cuál solo nos interesa el primero, donde hay que substituir los “0000” por el id de nuestra página de Facebook. En mi caso mi fanpage con la que hago los tests es “140083382761694” , quedaría así:

define(‘PAGE_ID’, ‘140083382761694’);

El resto de código no hay que modificarlo para que funcione, lo único que nos aparecerá sin ningún estilo, como aquí: 

Album Facebook sin estilos

 

Paso 4: Aliplicar estilos

A partir de aquí hay que trabajar el estilo de los diferentes elementos para darle forma, pero el esqueleto básico ya esta listo. Eso lo dejo a la inventiva de cada uno, ya que según como tengáis la web será muy diferente de lo que yo os pueda explicar.

 

Para hacerlo desde wordpress:

En wordpress como siempre es más sencillo, existe un pluggin que se llama “Facebook Photo Fetcher”(click aquí)Este pluggin por defecto sólo deja usar álbumes de perfil, en la documentación podemos encontrar cómo hacer para usar los de las páginas. Si alguien necesita ayuda, ya sabéis, preguntad!

Una vez instalado entramos en su configuración, nos pedirá iniciar sesión en nuestro facebook, y nos solicitará permisos par acceder a los datos. Luego hay que volver a darle para que extraiga los álbumes. Una vez extraídos, aparecerá un botón “search”, que al pulsar, nos enseñará un listado con todos los álbumes que tenemos en nuestro perfil de facebook:

Facebook Photo fetch

Hay 2 partes, una que es el nombre del álbum y la otra el código que hay que insertar en nuestros artículos para que muestren los álbumes:

< ! –FBGallery 1234567890123456789 –>< ! –/FBGallery–>

Hay que insertarlo desde “html” porqué si no, no funcionará! Al insertar este código dentro del artículo veremos las fotos como en este ejemplo:

From Projecte, posted by Kristian Muñoz Muñoz on 12/20/2010 (3 items)

Generated by Facebook Photo Fetcher


Espero que os guste, a mi me encantó toparme con esto por casualidad. En el caso que tengamos los álbumes de Facebook muy trabajados, nos otorga la posibilidad de dar un valor añadido a nuestra web. Y si no los tenemos trabajados, manos a la obra!

 

Saludos a todos y gracias por vuestro tiempo.

 

EDITO: Os dejo un enlace para descargar un ejemplo completo!(Click Aqui)

Saludos!

 

Kristian Muñoz Muñoz, 
Programador Web .

Si te ha sido de ayuda y me quieres pagar una cerveza ^^



165 Comments

  1. Carles Says Responder

    Y para Joomla? Cómo???

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      para joomla no se si existe algun olugin, pero el priner metodofuncionaria:
      sbir el archivo php curl a tu alojamiento.
      ir a la edicin de la plantilla y en el index.php añadir el include.
      activar la edicion avanzada del editor de textos en las opciones del editor, si no sabes como ya tr lo explicare.
      crear el articulo y desde la version html añadir el trozo de codiigo con los defibes y la linea del new.si no activas la verson avanzada del editor te cambiara algunos elementos.

      yo creo que asi funcionara de todas maneras ya investigare si hay algun pkuggin que te permita hacerlo

      Saludos

  2. Carlos Says Responder

    Es muy interesante el poder insertar las fotos de facebook en nuestro sitio web ya que nos ahorramos un trabajo de tener que subirlas a nuestro sitio web. Pero esto ara que se cargue muy lenta la web afectando al posicionamiento web de nuestro sitio.
    Es mejor y recomendable subir las fotografias a nuestro sitio web y aqui usar la cache para la rapida visualizacion.
    Otra cosa que me descuidava que siempre que facebook (en ciertas horas) este algo saturado tardara mas en cargar las imagenes..
    Saludos.

  3. Carlos Says Responder

    Otra cosa que me descuidaba, si quieres en un tiempo mejorar el posicionamiento web de tu sitio tienes que ser cuidadoso con las faltas y con no mezclar diferentes lenguajes como por ejemplo en el menu “Home” y lo demas en castellano. El nuevo algoritmo de Google tendra en cuenta a la hora de posicionar la ortografia y la cualidad de los articulos. Otra cosa, mira de validar el HTML y CSS ya que es muy importante tambien.
    Saludos.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Carlos!
      Muchas gracias por tus comentarios, lo de la ortografía lo conocía, lo del tema idiomas no. De todas maneras los artículos que he ido publicando se han posicionado muy bien, muy muy bien diría, me falta posicionar la página principal, seguiré tus consejos y pondré “Inicio” en vez de “Home”, y algunos más 🙂
      Lo de la validación es un tema donde podríamos discutir, no es tan importante como parece, la web google.com no esta validada, usa meta-tags y elementos de css (“exploits”) que cortan la validación, por ejemplo el que hace que los móviles te reconozcan mejor el sitio, no pasa la validación. Lo que si que tendría que arreglar son fallos de funcionamiento… que alguno hay. Si quieres que la web funcione al 100% en todos los navegadores muchas reglas de css y técnicas javascript hacen que no valide bien… Vamos por lo que yo se eh, si me equivoco aquí estoy para aprender jeje

      Sobre lo que comentas de ralentizar tienes razón aunque tampoco se nota mucho la diferencia, tengo 100 álbumes en mi perfil y en tests quizás hay medio segundo de diferencia, lo que si que sería bueno hacer es que si vienen por navegador móvil no cargue, y te envíe directo a facebook a verlos. En una web en la que sólo tienes los álbumes, y en el facebook casi toda la “chicha” creo que es muy bieno este sistema, ya que le das importancia a facebok, y las visitas en la web no se pierden ese contenido extra.

      Bueno muchas gracias por tus comentarios, seguimos en contacto!

      • Carlos Says Responder

        Hola Cristian,

        Me parece correcto tu razonamiento sobre las validaciones, pero no es razon de no validar nuestras webs porque otros no lo hacen. Yo creo que aqui es donde una persona con una carrera de Ingenieria Informatica puede demostrar que hace las cosas bien echas y se puede distinguir del resto de webs que estan echas por aficionados o por gente que siguiendo algun manual de internet se le dice programador. (Respeto a la gente que lo hace ya que demuestra ser una persona realmente emprendedora). Pero nunca tendria que ser igual de profesional que una web echa por un profesional. Supongo que entiendes donde quiero llegar con esto verdad?

        Otra cosa es que realmente no lo sabe nadie si es valorado por google o no que una web sea validada correctamente pero si que lo menciona en todos los cursos y certificados oficiales de google como algo inportante en tema posicionamiento. Supongo que algun valor anadido le dara a las webs que son correctamente validadas.

        I por ultimo tienes que tener en cuenta que espana respecto al internet por desgracia es un pais tercer mundista donde el 70% de los consumidores tienen 1mb en su casa que eso quiere decir un tiempo bastante considerable a la hora de cargar cualquier web. Claro que no seria importante para una persona que tiene 20Mb pero como comentava anteriormente la mayoria no lo tienen. Ademas cada vez mas la gente tiene smartphones de manera que en muchas ocasiones la web sera vista desde los mismos y en este caso pasara lo mismo ya que el 3G es lo mas lento que puedas encontrarte…

        En ninguna ocasion comento el post para criticar ya que considero que has echo un buen trabajo y que todos tendriamos que ser emprendedores y realmente el pais iria algo mejor de lo que va en la actualidad. Pero si es bueno poder aprender de otros ya que en este ambito es un aprendizaje continuo. 😉

        Un saludo.

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola Carlos, perdona que tardara tanto en contestar!

          Pues no digo que no sea importante validar y hay que hacerlo siempre que sea posible, pero no siempre se puede… El tiempo apremia y hay que reconocer que el tiempo es dinero, y si trabajas como freelance pues quizás puedes dedicar más tiempo, pero siendo empleado o produces o produces.. No se si me explico jeje
          Lo que comentas de ser ingeniero o no.. bueno conozco programadores autodidactas que son infinitamente mejores que cualquier persona que sale de la universidad, y me tiro piedras sobre mi tejado ya que yo soy Diplomado, pero he aprendido mil cosas más en un año como autodidacta que en la universidad, sinceramente jeje

          Sobre el tema de España y el tercermundismo.. es cierto, no tenemos conexiones a internet a la altura del talento que hay aquí, todos los técnicos, desarolladores, programadores y gente del mundo web, tendríamos que plantarnos y pedir calidad, y no ir a la cola del mundo, pero ya sabemos cómo funciona este país no? jeje 🙂

          Y tranqui que no me lo tomo como crítica, si no como aporte y debate, que para eso esta el blog, si no, vaya gracia jeje

          Muchas gracias por los comentarios, por cierto tienes web, o trabajas de programador en alguna agencia? Siempre viene bien aprender del trabajo de otros!
          Gracias por compartir, saludos!

  4. jesus Lopez Says Responder

    Hola estoy haciendo mi web y en la parte de imágenes quiero hacer esto pero no me saleeeeee llevo mucho tiempo intentándolo de diferentes formas, por favor me podrías ayudar?? nose si me puedes mandar los archivos y yo los edito con lo de la ID y eso pero es que haciendolo yno me sale… porfa necesito una manito, te lo agradezco mucho… mi correo es jesu009@gmail.com

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Jesus, si me dices tu web y tu pagina de facebook te digo paso por paso como lo tienes que hacer.
      No es dificil simplemente hay que buscar la id corrececto y poner bien los includes. el archivo phpcurl ya puse en la entrada el enlace para bajarlo… en serio que no hay mas pasos jeje dime lo que te pido y te ayudo, asi el rerlsto podrán ver el proceso.
      Saludos y gracias por el comentario.

      • jesus lopez Says Responder

        hola, mira es que mi pagina web no la he subido pero tengo un server por ahi de 260mb para probar pero no me sale nada y segun este server si soporta php, es que creo que estoy confundido con lo de las extenciones y eso pero mira la pag de fans en face es
        http://www.facebook.com/pages/Sonido-JL/314345485270199?ref=ts
        ahi esta el ID lo de la web nose por ahora lo estoy probando en el server que te dije, no hay nada montado solo es para pruebas pero detodos modos te lo digo… http://www.sonidojl.260mb. y cuando se compre el dominio sera sonidojl.com.co

        gracias por la ayuda tengo como tres dias en esto y nada espero seas mi salvacion ejeje

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola Jesús, no he entendido muy bien lo que me dices del servidor de 260mb… he entrado en sonidojl.260mb.com y no hay nada…
          Lo primero es saber si tu web esta echa con algun CMS (joomla, wordpress, drupal…) o si no es así y la hiciste con php a pelo (o sea programando todo tú).
          En el primer caso ya he explicado en WordPress cómo hacerlo, y en joomla en uno de los comentarios.
          Para el segundo caso lo primero es identificar en qué página lo quieres poner. Supongamos que tu web es http://www.jesus.com y la página donde va a ir el álbum es http://www.jesus.com/albumes.php.
          tienes que ir a tu alojamiento y descargarte el archivo “albumes.php” y editarlo añadiendo justo antes de la etiqueta “” (el cierre de la cabecera) el siguiente código:

          < ?php include(“functions/phpcUrl.php”); ?>

          Una vez añadido esto, tienes que añadir en el lugar que quieres los álbumes el trozo de código siguiente:

          < ?php define(‘PAGE_ID’, ’00000000000000′); define(‘APP_ID’,”); define(‘APP_SECRET’,”); $face = new FacePageAlbum(PAGE_ID, $_GET['aid'], $_GET['aurl'], APP_ID, APP_SECRET); ?>

          Substituyendo ‘0000000000000’ por ‘314345485270199’ que es el ID de tu fanpage.

          Ahora tienes que ir a esta url (pincha aquí) y descargarte el archivo, abajo del todo casi pone “Files” y hay una que pone “phpcUrl” (tienes que pinchar ahí) y debajo hay un ejemplo. Recuerda que para descargarla tienes que estar registrado en la web.

          Una vez te has descargado el archivo, lo tienes que subir a la carpeta “functions” de tu servidor.

          Con esto ya debería funcionar.
          Si con todo y con esto, no te funciona, te dejo este enlace con un ejemplo con las carpetas creada y el archivo phpcUrl.php. (pincha aquí)

          Espero que ahora si te haya ayudado! Saludos!

          • jesus Lopez Says

            hola gracias por la respuesta ahora si es verdad que nose que hacer he subido los archivos que me distes a la raiz del server y no me ha funcionado
            http://sonidojl.260mb.org/test_album.php
            y url del archivo en blanco es con lo de

            es
            http://sonidojl.260mb.org/album.php
            creo que perdere las esperanzas de hacer el album de fotos asi
            es que subi los archivos y cree un php en blanco con solo la clase pero nada me saale

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            Si puedes activar la visiualización de errores php quizás nos ayudaría un poco más.
            Has descomprimido y subido directamente lo que te puse en la anterior respuesta??
            Activa el display_errors y veremos qué erro nos da… Yo lo he testeado en 3 alojamientos diferentes y funciona correcto.

            Saludos

          • jesus Lopez Says

            campañero gracias, creo que era el server cambie de server hosting por 000webhost y si sale, maluquito pero sale ahora le debo colocar el diseño, veamos como me queda, si te metes en la pag podras ver como lo subi, lo estaba haciendo bien pero era el server
            http://sonidojl.site50.net/
            muchisimas graciassssss

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            Me alegro 🙂 estos servidores gratuitos… jeje ahora a poner bien el estilo jeje
            animo con la web y ya nos enseñaras el resultado!!

        • jesus Lopez Says Responder

          hola… gracias tu ayuda ya termine la WEB, me quedo un poquito grande lo de los estilos pero me lo aceptaron asi
          http://sonidojl.com.co/Inicio/Imagenes.php
          edite un poquito el estilo pero nada no supe hacer nada mas, queria saber si me podias ayudar en que no salgan asi verticales sino en columnas de dos, bueno si sabes si no no hay problema… muchas gracias por tu gran ayuda

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            Tendrías que aplicar la propiedad “float” del css y aplicar “width” y “height” a tu gusto. Un estilo a
            float:left;
            height: 200px
            width: 200px;

            eso según tus necesidades, si ves que no te sale vuelve pro aquí jeje

            felicidades por el trabajo, y ánimo.

            Gracias por tu comentario, saludos!

  5. Urchin Says Responder

    Estoy implementando una página web en un servidor Zymic, y me está generando este error:
    Fatal error: Call to undefined function curl_init() in “…”/functions/phpcUrl.php on line 110
    Estoy utilizando recursos de PHP4 y 5 en la web y no me generan ningún problema, así que no se que puede ser. ¿Sabes cómo solucionar el problema? ¡Gracias!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola muy buenas!
      Tiene pinta que es el servidor…
      No he usado nunca zymic, pero quizás no tienen instalado el modulo de curl.
      Por otro lado, has puesto el archivo correcto en la carpeta functions no?
      Haz un test, instálate lo mismo en un servidor local, o en otro server a ver.. porque no se me ocurre nada más.

      Saludos!

  6. tom Says Responder

    Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING in C:\xampp\htdocs\emp\foto.php on line 6

    me sale este error a que se debe respondeme a mi correo gracias
    aries_9183@hotmail.com

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Tom,
      Eso es debido a algún error de programación, falta un “;” al final de alguna sentencia o hay espacio donde no los tiene que haber o algo así…
      Si pones tu código aquí te digo lo que es.

      Saludos

  7. Juan Carlos Says Responder

    Excelente programilla, muy utíl para ahorrar trabajo creando galerias para páginas donde los clientes quieren subir las chorrocientasmil fotos que tienen ya en facebook 🙂

    5 estrellas al programa, y 10 Estrellas al tutorial, excelente explicación

  8. Claudio Says Responder

    Esto funciona solo con albums de fandPage, pero no con albums de usuarios no?

  9. Mashirito Says Responder

    Hola Cristian.
    Muchas gracias por este aporte, estoy haciendo una web para unos amigos y necesitaban colgar fotos ellos mismo y yo no me veo capaz para hacerles un CMS para ello, con esto que explicas no solo se lo he podido hacer sino que ademas no se han de molestar en subirlo 2 veces, es genial! Incluso le he añadido un lightBox.js i queda de PM!! Pero tengo un “problemilla”…
    Al cargar las imagenes de los albumes lo hace de 25 en 25, es decir, primera pagina 25 fotos, segunda 25, tercera, etc. Yo he diseñado la galeria con 4 columnas, entonces no me queda muy bien pues en la ultima fila solo me pone una foto y aun peor, al abrir la foto con el lightBox la navegacion en la foto solo me deja navegar por esas 25 fotos.
    He buscado pero no he sabido encontrar por donde tocar esto, a mi me gustaria que cargara todas las fotos del album.
    ¿Sabrias echarme un cable?
    Muchas gracias y felicidades por tu web! 😀

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Mashirito,
      Gracias por tu comentario!

      Pues para modificar el número de fotos modificando el archivo phpcUrl.php
      En la línea 49 pone:
      $this->PHOTOS = ‘http://graph.facebook.com/’.$albumId.’/photos?’;

      Lo tienes que cambiar por:
      $this->PHOTOS = ‘http://graph.facebook.com/’.$albumId.’/photos?limit=5&offset=5′;

      Donde el 5, es el número de fotos que quieres, si pones 300 por ejemplo te descargará 300.
      En este archivo puedes modificar las traducciones también de Número de imágenes y demás, por si te interes.

      Espero que te sea de ayuda,

      Saludos!

      • Mashirito Says Responder

        Gracias Cristian!

        Pero hay 2 5, el ‘limit’ entiendo que es el limite, ¿pero el ‘offset’? ¿Que es? He puesto ‘limit=360&offset=360’ (como tu ponias 5 y 5) y no me carga ninguna. :S
        No se cuantas fotos subiran esta gente, pero me he fijado que uno de los albumes que tienen por subir es de 254 fotos, así que queria ponerle algo para que de aquí cierto tiempo no lo tenga que modificar.
        ¿No hay alguna forma de decirle todas?

        Perdona, pero es que yo de php 0… 🙁

        Sobre el idioma si, ya me habia fijado que desde aquí se puede traducir el documento, pero directamente lo he eliminado, simplemente pongo (“.$v->count.”) y así sale el numero entre parentesis.

        • Mashirito Says Responder

          Vale! Haciendo pruebas lo he deducido (‘limit=360&offset=0’, ‘limit=360&offset=1’, ‘limit=360&offset=2’, ‘limit=360&offset=3’, etc.) ‘offset’ es el numero de fotos que se salta para empezar, es decir, pongo 0, empieza desde el la 1, pongo 1 empieza desde la 2, pongo 2 empieza desde la 3, etc. Es eso, ¿no?

          Muchas gracias! Cuando tenga la pagina lista te colgaré el enlace aquí, que le he aplicado un efecto al título de las portadas de los albumes y un lightBox al abrir las fotos y me queda la mar de bien, así se vera la de posibilidades que da esto!
          Lo colgaria ya, pero lo tengo en una URL de pruebas que en breve borraré, así lo veran futuros lectores! 😀

          Solo una pregunta, ¿porque si solo se pone ‘photos’ caarga 25, en que se basa?

          Gracias una vez más!

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            Hola!
            Perdona, he estado desconectado todo el fin de semana! Y he visto los comentarios ahora!
            Felicitats per la web! 🙂
            Al final has dado con ello, pro si alguien lo lee, el offset es como bien dices el numero de fotos que se salta al principio!

            Si no se especifica el offset ni el limit, por defecto tiene definido el 25, es la misma API de facebook que lo calcula y devuelve los datos así.

            Saludos! 🙂
            Gracias por los comentarios!

          • Mashirito Says

            Hola de nuevo (no me deja responder a tu post).
            Lo unico que aun no me convence es como se ven las miniaturas, de pena! Me han recomendado que me mire timthumb.php, lo conoces? Si saco algo de provecho ya te lo comentaré 😉
            Gracias por la felicitacion por la web, aunque aun está algo verde, pero en los futuros meses la iremos mejorando 😉
            Salut!

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            Hola!
            Yo para los thumbnails uso timthumb, la verdad que es muy sencillo de usar y va perfecto.
            http://code.google.com/p/timthumb/
            http://www.binarymoon.co.uk/projects/timthumb/

            Te dejo los enlaces por si acaso jeje

            Salut! 😉

          • Mashirito Says

            Pues creo que algo ha hecho mal, ayer intente de inserarlo y no me va, no me carga los thumbs… 🙁 Me ayudas?

            Lo que hice fui alojar en la carpeta php el timthumb.php + la carpeta cache esta contiene el index.html y la carpeta _notes, que a su vez tiene el archivo dwsync.xml
            Modifiqué como creií conveniente el phpcUrl.php pero no me carga las imagenes.

            Gracias.

            PD: Duda: Esto hace que las imagenes de los thumbs se alojen en tu server, no? Entonces engorda peso y transferencia, no? Esta web esta alojada en un server muy pequeño…

          • Mashirito Says

            Mira te doy algunos dats más

            Yo en phpcUrl.php modifique esta linea:
            echo “source.”‘>picture.”‘ />“;

            Por esta otra:
            echo “source.”‘>picture.”&w=225&h=225&q=100’ />“;

            Te situo en el proyecto, todo se ve desde la pagina fotos.php, es ahi donde hago el include, entonces la estructura es la siguiente:
            – fotos.php
            – php [carpeta]
            – timthumb.php
            – phpcUrl.php
            – cache [carpeta]
            – index.html
            – _notes [carpeta]
            – dwsync.xml

            Yo creo que las rutas que te paso de los enlaces son correctas, no? A lo mejor es un problema de comillas?

            Gracias.

        • Pablo Says Responder

          como hiceste para separar de a 4 la visualizacion de los albumnes?

      • Mashirito Says Responder

        Se comió los espacios, para que te quede más claro los niveles:
        + fotos.php
        + php [carpeta]
        –-+ timthumb.php
        –-+ phpcUrl.php
        –-+ cache [carpeta]
        –––+ index.html
        –––+ _notes [carpeta]
        ––-––+ dwsync.xml

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola!
          En el anterior comentario he visto que no salía bien lo que puse:

          Tienes que modificar en el phpCurl:

          < img width='125px' src='https://graph.facebook.com/".$v-/>id.”/picture’ / >

          Por:
          $paththumb = “./timthumb.php”;
          $imagen = “https://graph.facebook.com/”.$v->id.”/picture”;
          < i mg width='125px' src='".paththumb."?src=".imagen."&q=100&w=125' / >

          El w=150 es el ancho de la imagen en miniatura.

          Diría que así te funcionará.

          A ver si así te funciona

          Saludos!

          • Mashirito Says

            Pero yo tengo imagenes cuadradas, por eso esta esa medida..
            Que no te queda cllaro, explicate y te explico
            Gracias.

  10. Jose Says Responder

    Hola, he intentado seguir los pasos porque el pluggin que propones para WordPress me da error. He metido la clase que viene en el archivo que pones para descargar en el functions de mi tema, y después definí un shortcode:

    Al ver la página donde incrusto el shortcode me sale este problema:

    Warning: Invalid argument supplied for foreach() in /home/u483181720/public_html/wp-content/themes/responsive/includes/functions.php on line 112

    La línea 112 es la tercera de las que pongo a continuación (phpCurl):
    $json = json_decode($this->curlGetFile($this->URL));
    if($json -> error) die(“THERE HAS BEEN AN ERROR: pageId invalid”);
    foreach($json->data as $v)

    A ver si puedes ayudarme. Garcias

  11. César Says Responder

    Hola, estoy haciendo una pagina web con wordpress, de momento la tengo en un subdominio. Estoy intentando cologar las galerias de facebook en las paginas. Cuando le doy a buscar, me sale todo el listado de galerias que tengo, despues copio y pego en la pagina que quiero, en formato html, y al viualizarlo, se me queda tal y como lo he escrito.

    Un saludo y gracias.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola César,
      Al pegar el código en html, le das a guardar? O simplemente lo pegas?
      Mira a ver si guardando la entrada/pagina y visualizándola después se te ve bien.
      Si no, revisa los permisos de los álbumes que sena públicos.

      Saludos

  12. rock100193 Says Responder

    el post esta interesante … pero me sale un error:
    Fatal error: Call to undefined function curl_init() in C:\xampp\htdocs\prueba\functions\phpcUrl.php on line 110
    como podria solucionarlo??

  13. Sara Says Responder

    Hola he probado con el ejemplo que has puesto y se me queda la pagina en blanco, que le pasa? Me encanta la idea de poner los albunes en mi web y quisiera solucionarlo. Espero me puedas ayudar, gracias y un saludo.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola!
      Pues puede ser por diferentes motivos, pero yo creo que es por el tema de la extensión curl del servidor.
      Mira a ver si puedes activar la directiva “display_errors” en tu servidor, y verás el error concreto.

      También revisar si puedes, si en tu servidor esta activa la extensión CURl.
      Mira en el php.ini de tu servidor si tienes esta línea:
      extension=php_curl.dll

      Y si es así, quitale el “;” de delante, y reinicia el servidor a ver si así funciona.

      Si no tienes que hablar con los que te lleven el servidor y preguntar.

      Saludos.

  14. Sky Says Responder

    Lo he hecho con WordPress y ha salido, pero el caso es que me ocupa toda la pantalla y se sobremonta sobre el sidebar.

    Hay algún código que le pueda meter para que no salgan montados?

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola!
      Puedo ver cómo queda en algún sitio? O puedes pasarme una captura de pantalla a contacto[at]cristianmunoz.es ?
      Hay que ajustar el css para que aparezca todo bien.. mira a ver si tienes en tu css .gallery con algunas propiedades,
      Si no añade .gallery{float:left; width:100%;} o algo así para ver cómo queda.

      Simplemente hay que acabar de ajustar el css!

      Saludos

  15. miguel angel Says Responder

    hola, estoy intentando insertar la galeria con photo fetcher, he instalado wordpress, añadido y configurado el plugin, conectado a facebook, me aparecen las galerias , inserto el codigo copiado literal “
    a traves de un editor html dentro de pagina…..y nada, nada de nada.

    que estoy haciendo mal??

    gracias por tu ayuda¡¡¡

  16. jefelon Says Responder

    Cómo le hago un boton next o prev para la navegación de las imágenes?

  17. jcach Says Responder

    Buenas Tardes, Agradezco tu aporte, esta super genial!!, me Funciono!! 🙂 , sera que podrias colocarlo con un estilo LightBox para ver como se podria trabajar!! gracias por la ayuda!! 🙂

  18. Carlos Says Responder

    Saludos, yo tengo este error ya siguiendo correctamente todos los pasos: THERE HAS BEEN AN ERROR: pageId invalid

    Hay alguna configuracion o requisito que deba tener el server donde lo tenemos montado?

  19. tobias Says Responder

    Cristian gracias por su aporte es inmenso, ahora bien yo tengo el sitio sin cms normalito, como le hago para que las imagenes me abran al estilo ligthbox?

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Tobias,

      Para añadir lightbox en una web normal lo tienes explicado en inglés aquí: http://lokeshdhakar.com/projects/lightbox2/
      Te lo resumo:
      – Descargar y descomprimir
      – Los ficheros que hay dentro de la carpeta /js/ jquery-1.10.2.min.js y lightbox-2.6.min.js los tienes que añadir a tu proyecto
      – El Css que hay dentro de /css/ lightbox.css también
      – las imágenes que hay dentro de /img/ las copias tambié a tu proyecto.
      – Una vez lo tienes montado, en aquellas imágenes que quieres que se muestre el lightbox tienes que hacer algo así:
      < a href="imagen_grande.jpg" data-lightbox="imagen" rel="nofollow">< img src="imagen_pequeña-jpg" />
      – SI quieres que a parte en cada imagen puedas ir pasando hacia adelante y atrás tienes que generar un grupo

      < a href="imagen_grande1.jpg" data-lightbox="grupo1" rel="nofollow">< img src="imagen_pequeña1.jpg" />
      < a href="imagen_grande2.jpg" data-lightbox="grupo1" rel="nofollow">< img src="imagen_pequeña2.jpg" />

      < a href="imagen_grande3.jpg" data-lightbox="grupo2" rel="nofollow">< img src="imagen_pequeña3.jpg" />
      < a href="imagen_grande4.jpg" data-lightbox="grupo2" rel="nofollow">< img src="imagen_pequeña4.jpg" />

      Este codigo generaria 2 grupos, al abrir la imagen 1 podrias ir a la dos y viceversa, y en la imagen 3 irias hacia el 4 y viceversa.

      Y con esto tendrias suficiente,
      Lo he explicado un poco rápido pero si tienes dudas vuelve a escribirme! 🙂

      Saludos

  20. Ernesto Says Responder

    Hola Cristian

    muy buena tu explicación, conseguí hacerlo funcionar, pero tengo un problema, el link que en tu ejemplo aparece abajo de “cristian muñoz” que dicen “album de test2” y “album de teste1” apuntan a http://www.riveraltoque.com.ar/index.php?aid=511955528855894 que no es un url válido. este link no debería mostrarme el album ?
    gracias y un saludo de Argentina!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Ernesto,

      Creo que tienes un problema con la reescritura de URL’S.
      Porque al acceder a index.php te lo quita de la url, i creo que de ahí viene tu problema.
      El enlace que te tendía que generar tendría que contener /test-multimedia/ en la url.

      Con que sistema hiciste la web?

      Saludos!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Ya veo que con Word-press.
      Si usas wordpress, con este pluggin –> http://wordpress.org/plugins/facebook-photo-fetcher/
      No te funciona?

      Saludos

      • Ernesto Says Responder

        Hola Cristian, gracias por la respuesta 🙂
        tienes razón, el problema estaba en que lo hacía dentro de wordpress y perdía el valor de $URL, ahora lo saqué de wordpress y está funcionando perfecto 🙂
        en estos momentos estoy intentando agregarle el efecto de lightbox y si lo logro ya sé como meterlo despues en wordpress
        el tema con el facebook phtoo fetcher es que solo acepta una galería por página y yo necesito 3… además intento escribir yo los plugins
        gracias por tu atención y si consigo hacer el efecto lightbox vengo a avisarte! saludos !!!

  21. Ernesto Says Responder

    Cristian !!

    aquí está el link con TODO funconando como queria

    http://www.riveraltoque.com.ar/wp-content/themes/riveraltoque/test_album.php

    MUCHAS GRACIAS 🙂

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      yeah!
      Me alegro mucho.
      No me has dado tiempo a guiarte con el tema del lightbox.
      Yo ahora le daría un poco de estilo para que salgan los álbumes uno al lado del otro y listos.
      Pero felicidades 🙂

      Saludos!

  22. Alberto Says Responder

    Hola, queria saber si me podias enviar el archivo que hay que descargar por que no lo puedo encontrar muchas gracias un abrazo.

    Me tira este error Cristian, me podras ayudar mucahs gracias Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /home/ph000376/public_html/facebook/functions/phpcUrl.php on line 4

    Use tu mismo codigo y me da ese error gracias saludos disculpa que te moleste

  23. Jesús Santos Says Responder

    Hola Cristian, primero que nada muchas Gracias por tu publicación.

    El problema es que no me funciona y me manda los siguientes errores:

    Notice: Undefined index: aid in (aquí viene una ruta de archivo y una línea de código)
    Notice: Undefined index: aurl in (aquí viene una ruta de archivo y una línea de código)

    Ya cheque en mi phpinfo() y me aparece lo siguiente:

    cURL support -> enabled

    ¿Tienes alguna idea de por qué no jala? Ojala y puedas ayudarme, de antemano muchas Gracias.

    PD: No tengo acceso a mi archivo php.ini o al menos no sé dónde encontrarlo, ya busqué en mi servidor y en mi FTP.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Jesús,

      El ini no hace falta tocarlo, ya tienes bien lo del curl.

      El error viene porque no tienes bien puestos los datos de:


      define(‘PAGE_ID’, ’00000000000000′);
      define(‘APP_ID’,”);
      define(‘APP_SECRET’,”);

      Revisalo, con el ejemplo que he puesto sin modificar nada no te funciona? O sea tiene que salir una página en blanco, sin nada.
      Si con el ejemplo te da el mismo error, pide a tu hosting que te active la opciçon allow_url_fopen, a ver si con eso funciona.

      Saludos

  24. Sebas Says Responder

    Buenas tengo un problema que el enlace me vuelve a llevar a mi index y no a la pagina de facebook la saque de mi servidor y la subi y tampoco me vuelve a llevar al index, podrias ayudarme por favor, por cierto muy buen aporte, gracias.

  25. Doris Hill Says Responder

    ES un exito el modulo.. para desplegar las galerias… Pero quiero darle estilo. pero no se como interconectar el file principal con la funcion del estilo.

    • Sebas Says Responder

      He creado un panel de control en php, pero para esa sección no cree nada para que solo modifique el cliente el facebook y no tenga que hacer doble trabajo.
      Pero estoy empezando en esto y ando un poco perdido todavia la variable aid como puedo hacer para que la reconozca desde mi servido? dando algún permiso?
      Muchas gracias

  26. Doris Hill Says Responder

    Buenas,

    Deseo saber como puedo ponerle estilo a mis galerias. ya me funciona perfectamente con .php .. gracias por su ayuda.. Excelente modulo

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Doris,

      Para añadir estilo, es sencillo, si abres el ejemplo que puse casi al final de la entrada verás que puse algún estilo a las imágenes y a los botones de siguiente y anterior.
      Simplemente tienes que mirar la clase o id de cada elemento e ir añadiéndolo en la página desde donde insertas el código de Facebook.

      Los elementos básicos son:
      – class=”ImgWrapper” –> Cada uno de los álbumes
      – class=”ImgLink” –> Dentro de los álbumes, cada una de las imágenes.

      Con eso puedes montar la estructura básica, pero mírate el código que genera, y a partir de ahí puedes ir añadiendo el estilo.

      Espero que te sea de ayuda.

      Saludos

  27. Doego Says Responder

    Hola, muy bueno tu aporte, pero mi duda es como mostrar en un slidershow solo un album alojado en facebook, estoy utilizando joomla 3 y no logro enlazar……muchas gracias por tus repuestas……saludos desde ecuador

  28. Carlos Says Responder

    hola que tal buscaba por la web y tu metodo me parecio el mas completo soy nuevo en esto de la programacion y realmete no lo he logrado queria saber si podrias ayudarme desde 0 con la importacion del album, gracias.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola carlos, tienes un ejemplo completo hacia el final del post, es un zip con todo lo necesario en el que si cambias los datos por los tuyos ya tendrías que tener bastante, necesitas alguna aclaración mas?
      Donde tienes el problema?
      La programación es bastante sencilla, si te miras el ejemplo creo que lo verás más claro.

      Si no escríbeme de nuevo!!
      Saludos

  29. CRISTIAN Says Responder

    Hola

    Buscando como integrar API que ofrecen otros sitio llegue hasta tu web y me ayudo muchisimo, al menos a comprender algunas cosas.

    mi pregunta es, ¿donde encuentro algun tutorial que xplique paso a paso como integrar API de otros sitio en wordpress, por ejemplo, esta web ofrece su API

    http://www.sharedcount.com/documentation.php

    Ahora, ¿como la meto en wordpress? soy bastante nuevo en este tema de integrar API, suplico una explicacion como para tontos :/ jajaja

    agradesco de antemano, bueno espero me heches una mano, no es que quiera axactamente integrar la API que puse como ejemplo, en realidad me gustaria tener un panorama general para poder integrar cualquier API de otros sitios.

    Saludos!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola,

      Cada api necesita de unas variables y parámetros diferentes, y cada una te devuelve unos datos diferentes, o sea que hacer un programa que te funcione para todas, como que no jeje
      Por otro lado si sigues el manual que me has pasado te dice lo que tienes que ir haciendo, pero claro para integrarlo con wordpress, tendrías que modificar tu plantilla y añadir ese codigo php, en la plantilla que desees, ya sea en la de sidebar.php o header.php.

      No te puedo dar muchas indicaciones porque en el manual ese esta muy bien explicado, lo único que creo que necesitas es aprender algo php, y modificación de plantillas de wordpress, puedes empezar por añadir ese código al final de tu sidebar.php o de header.php de tu tema y ver cómo se comporta.

      También hay este pluggin que te puede ayudar:
      http://wordpress.org/plugins/insert-php/

      Espero te sea de ayuda.
      Saludos

  30. Oscar Says Responder

    Hola Cristian, primero gracias por compartir este material… Me gustaría preguntar lo siguiente:

    ¿Es posible usar un botón sharer de facebook u algo parecido para compartir imágenes desde mi web? O sea que se comparta en Facebook como imagen y no como post.

    Gracias por tu atención.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola!

      Lo único que puedes hacer es que en el momento de compartir el enlace de la página donde hay la foto, puedas decirle qué imagen coge por defecto de miniatura.
      Es lo máximo que puedes hacer usando open-graph meta datas.

      A parte que creo que es mejor compartir un enlace y que lleguen a tu web, en vez de compartir directamente la imagen ya que así tienes posibiliades que vean más imágenes y naveguen por tu web!

      Para poder decir que imagen es la que saldrá en la miniatura por defecri tieens que usar uno de estas 2 meta tags en el header de cada pagina.

      < meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/ >
      < meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" / >

      Espero que te sea de ayuda!
      Saludos

  31. Pablo Donato Says Responder

    Hola que tal?, Con esta clase en un servidor co nphp 5.1.6 no se puede correr porque json_decode es implementado a partir de php 5.2. Alguien sabe como solucionar este problema? ya que justamente necesito subirlo a un apache 5.1.6? Gracias

  32. Marcel Says Responder

    No me Funciona… he intentado TODO, hasta lo he probado en 2 servidores distintos. En todos me queda la pantalla en blanco.
    No sé que estoy haciendo mal, pero he perdido todo el día intentando hacerlo funcionar…. Ni con el .ZIP del ejemplo me funciona… Tal vez Facebook ya ha quitado esta opción?

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Marcel,
      No esta desactivado, yo lo uso en diferentes webs.
      Si te queda en blanco, mira a ver si puedes activar la variable php display_errors = true y ver qué errores te muestra, porque si se queda en blanco es que no ejecuta todo el código.

      Saludos

  33. Nicolas Says Responder

    Buen dia , he bajado el ejemplo pero no puedo hacer que muestre los albumes.

    El error del og es el siguiente

    [29-Oct-2013 23:12:35 Europe/Berlin] PHP Notice: Undefined index: aid in C:\xampp\htdocs\pruebaFacebook\test_album.php on line 59

    [29-Oct-2013 23:12:35 Europe/Berlin] PHP Notice: Undefined index: aurl in C:\xampp\htdocs\pruebaFacebook\test_album.php on line 59

    [29-Oct-2013 23:12:35 Europe/Berlin] PHP Notice: Undefined index: HTTPS in C:\xampp\htdocs\pruebaFacebook\functions\phpcUrl.php on line 10

    [29-Oct-2013 23:12:36 Europe/Berlin] PHP Notice: Undefined property: stdClass::$error in C:\xampp\htdocs\pruebaFacebook\functions\phpcUrl.php on line 89

    Saludos.

  34. Ivan Ignacio Says Responder

    Por favor le solicito ayuda, probe haciendo todos los pasos que indica, pero me muestra nada, tampoco me muestra un error, que podra ser.
    mi pagina en facebook es : facebook.com/sicfud y la pagina en la que quiero poner las fotos es sicfud.om, por favor espero su respuesta

  35. Ivan Ignacio Says Responder

    Bueno, revisando bien los anteriores comentarios logre solucionar el problema, y con ligthbox 2.3 queda buenisimo, muchas gracias

  36. Ivan Ignacio Says Responder

    Te pido una ayudita para terminar mi proyecto, quiero mostrar mediante diferentes enlaces los albunes que tengo en facebook, es decir, tengo bastantes albunes y quisiera separalos en un menu, por ejemplo: Deportes, Actividades, Marchas y varios.
    Se puede hacer esto cambiando algun codigo en el phpcurl, espero tu respuesta y la agradesco de antemano

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Ivan Ignacio,
      Puedes usar la misma función FacePageAlbum($id, $albumId, $aurl, $appId, $appSecret) para obtener 1 por 1 los álbumes.
      En la llamada a la función $face = new FacePageAlbum(PAGE_ID, $_GET[‘aid’], $_GET[‘aurl’], APP_ID, APP_SECRET);
      Substituye $_GET[‘aid’] por el ID del álbum que quieras.

      Cómo facebook no categoriza, no puedes obtener todos los de un “tipo” de golpe, lo que si puedes hacer es ir obteniendo 1 por uno los que tú quieras.

      Espero te sea de ayuda.
      Saludos

      Saludos

  37. gisela Says Responder

    una pregunta, yo lo estoy haciendo con una prueba con xampp, debo modificar algo?. porque no me muestra mis albunes , ayuda porfa

  38. Miguel Torres Says Responder

    Hola mira no me salen los albunes

    Search for Albums

    To get a list of album IDs that you can use to create galleries, enter a Facebook Page or User ID below and click “Search.”

    Your User ID is 607810621. To get a friend or page’s ID, click on one of their photos – the URL will be something like facebook.com/photo.php?fbid=012&set=a.345.678.900. The last set of numbers (900 in this example) is their ID.

    Available Facebook Albums for Trance iT magazine:

    None found.

    Espero me puedas ayudar mil gracias

  39. Pablo Says Responder

    Buenas Cristian
    Magnifico aporte.!! Estoy inentado enlazarlo con mi pagina personal de FB pero me da el siguiente error:
    THERE HAS BEEN AN ERROR: pageId invalid
    Lo pruebo con mi pagina de negocios y funciona perfecto pero con la personal no. Por que puede ser?
    Los albunes son publicos

  40. Mardo Says Responder

    hola me puedes ayudar me da un error en el phpcurl en la linea 90 porque

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola,
      Seguramente lo que pasa es que no tienes el php_curl activo en tu servidor, pero siendo tan específico con tu error no se si te podré ayudar jeje
      Si me pasas el error que te da quizás te puedo ayudar pero pueden ser mil cosas.

      Saludos

  41. Ramòn Says Responder

    hola oye quiero implementar este código para pero tengo un problema, mas bien dicho 4 problemas en el código me salen estos errores:
    Notice: Undefined index: aid in C:\wamp\www\nuevomezquite\test_album.php on line 58
    Notice: Undefined index: aurl in C:\wamp\www\nuevomezquite\test_album.php on line 58
    Notice: Undefined index: HTTPS in C:\wamp\www\nuevomezquite\phpcUrl.php on line 10
    Fatal error: Call to undefined function curl_init() in C:\wamp\www\nuevomezquite\phpcUrl.php on line 110
    Podrás ayudarme con mi problema?

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Ramón,

      Eso es porque en tu wamp server no tienes activo el modulo curl.
      Tienes que pulsar el icono de wamp –> PHP -> PHP Extensions y en la lista buscar php_curl y activarlo y reiniciar todos los servicios.
      Sin esto no te va a funcionar.

      Saludos

  42. Gabriel Says Responder

    Hola Cristian, antes que nada gracias por tomarte la molestia de la explicación, ejemplo y respuestas!!

    Te cuento queiro implementar una galería de imagenes y me interesa poder subir albums al facebook, y que éstas esten en mi sitio web en el área “Fotos”, el problema es que solo se lo mínimo de html, de php desconozco absolutamente todo 😛 ¿Tengo posibilidad de poder hacerlo?

    La página en cuestión es http://www.casaroller.com.ar
    el facebook en cuestión es : https://www.facebook.com/pages/Casa-Roller/209048759126384?fref=ts

    En la página aún no está la sección de galería, la idea sería implementarla ahora.

    Espero tu respuesta, gracias adelantadas!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Gabriel,

      Hombre tal como lo explicas quizás es difícil jeje
      Pero si sigues los pasos no tendrías que tener problema.
      Puedes generar una pagina de test, si te descargas el ejemplo viene todo listo para subir al servidor y probar, a partir de ahí añadirlo a tu pagina.

      Saludos

  43. Francisco Leiton Says Responder

    Hola, a mi me tira un warning en la línea 90 del phpcUrl.php, por casualidad sabes algo sobre ello?

    De antemano gracias!!!

  44. Carlos Says Responder

    Hola Cristian, primero gracias por tu articulo!! Mira lo he implementado bien, aplicando estilos y todo eso, pero lo que no se si se puede hacer es añadir en facebook una descripción en cada foto y que esta aparezca también en la web… muchas gracias de nuevo y a ver si me puedes echar una mano con este tema.. Saludos!!!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Gracias a ti Carlos por escribir! jeje
      En facebook puedes añadir un título en cada foto editandolas (en la vista de imágenes, hay un botón para ello) y ese título se puede usar para mostrar en la web, que he hecho es el que se ve si usas mi ejemplo.
      Lo que no se puede es añadir otra descripción, eso no lo permite. Lo que podrías hacer es crear tú mismo un sistema para ello, por ejemplo en facebook ponerle un una descripción que incluya el título y luego tratarlos desde el script php, algo del estilo “[Esto es el título de la foto] Esto es la descripción” y en facebook tampoco quedaría mal, ya que se vería al principio el título entre [] y luego la descripción. EN el scrpipt php simplemente tendrías que extraer por separado las 2 cadenas, y mostrarlas a tu gusto.
      Espero te sea de ayuda.

      Saludos!

  45. Carlos Says Responder

    Muchas gracias por la idea!! voy a intentarlo…. (puedes ingnorar el ultimo mensaje que te he enviado, no habia visto este)

  46. Pablo Says Responder

    Tengo una duda, sabes que ingreso el codigo como aparece en tu descripcion pero no se ve nada, cuando agrego las fanpage de Dr. House o alguna conocida si aparece pero la mia no, puede ser porque solo tengo 200 me gusta? porque en la mayoria que tiene sobre 2000 me gusta si funciona

  47. pablo Says Responder

    mira, tengo otro problema, me gustaria que las imagenes se vieran igual que en la facepage de facebook, que muestre 4 imagenes alineadas y los albunes de 4 hacia abajo porque por ahora solo aparece un loop infinito, pudiste solucionar esto?

  48. Pablo Says Responder

    no se si se entendio la explicacion anterios, pero mas o menos esto es lo que necesito. Cuando se visualice los album se vea asi
    1-2-3-4
    5-6-7-8
    etc y que cuando selecione algun album igual se vea asi

  49. Karina Says Responder

    Hola..
    Acabo de encontrarme con este post, la verdad me encanto porque es muy sencillo de colocarlo, solo tengo una duda.. donde le puedo mover o como puedo hacer para que me muestre mas de 25 álbumes ya que yo tengo mas en la pagina de Facebook pero no me muestra mas que los últimos.
    Ojala me puedas ayudar con esto. El ejemplo esta en el sig. URL (todavia sin estilos :P) http://rodando-viajando.x10.mx/example.php

    Saludos y Gracias por tu aporte

  50. Jorge Says Responder

    No me sale 🙁 🙁

    La página web no la hice yo, no tengo muchos conocimientos sobre ello pero tengo que modificarla ahora y estoy intentado incluir la galería de imágenes de facebook.

    ¿Qué puede ocurrir? Me sale el siguiente error:

    Warning: include(functions/phpcUrl.php) [function.include]: failed to open stream: No such file or directory in /home/bossando/www/modulos/fotos/inicio.tpl.php on line 25

    Warning: include() [function.include]: Failed opening ‘functions/phpcUrl.php’ for inclusion (include_path=’.:/usr/local/php5.3/lib/php’) in /home/bossando/www/modulos/fotos/inicio.tpl.php on line 25

    Fatal error: Class ‘FacePageAlbum’ not found in /home/bossando/www/modulos/fotos/inicio.tpl.php on line 26

    ¿Qué puede ocurrir? Muchas gracias de antemano.

    Me gustaría que la galeria de imágenes apareciera en la sección http://www.bossandover.com/fotos de forma específica pero manteniendo el código que hay en dicho apartado. Incluyo el archivo .php entero que he subido y que me ha dado error :

    Videos
    Galería de Fotos

    Boss and Over
    Fotos

    fotos()){
    foreach ($fotos->fotos() as $dato) {
    ?>
    <a href="” class=”fsand”>

    <img style="width: 250px;" src="”>

  51. Oscar Martínez Says Responder

    Hay alguna manera de obtener los like y comentario con las propiedas del graph ? pongo el enlaze del source pero en el boton like pero no me muestra los like que tiene en face si

  52. David Says Responder

    Hola Cristian,
    puesdes echarme una mano? me da un error en la linea 90 y no consigo dar con la solución. El error es el siguiente…. Warning: Invalid argument supplied for foreach() in /****/*******/****/phpcUrl.php on line 90.
    Saludos y gracias.

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola david,
      Pueden ser dos cosas creo yo, o bien los datos de configuración no son correctos y no hay ningún álbum, y al intentar mostrar da error, o hay algún problema con la configuración del server, estas seguro que el Curl esta configurado?

      Espero te sea de ayuda.
      Saludos

      • David Says Responder

        Hola de nuevo Cristian,

        según mi PHP Info, CURL está habilitado y mi Facebook ID es el correcto. También he probado con tu Facebook ID como pones en el ejemplo., pero sigue dando el mismo error.

        Saludos.

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola de nuevo David
          Y has probado directamente con mi ejemplo si te funciona?
          Quizás tienes algún error al copiar el código?

          Es que en esa parte del código lo que hace es recorrer el resultado para mostrar lo que hay, si da ese error es que no hay nada en el resultado.
          Si no quizás es algún tema de configuración del servidor..
          No sabría decirte mas sin ver todo en detalle

          Saludos

          • Josu Says

            Hola, a mi no me va el ejemplo, no se como configurar el servidor para que vaya.

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola de nuevo David,
          tal como le acabo de decir a Josu:

          Te has descargado el ejemplo que tengo en la web?
          http://www.cristianmunoz.es/ejemplo.zip

          Lo acabo de testear y funciona a la perfección, lo que tienes que hacer para que funcione es activar el php_curl en tu servidor.
          Según que hosting tengas u otro se hace de una manera u otra, quizás abriendo ticket a tu compañia de hosting acabas antes.
          Si por el contrario lo tienes en local solo tienes que quitar el “;” que hay delante de la línea ;extension=php_curl.dll dentro del fichero php.ini
          Lo puedes ver fncionando aquí:
          http://www.cristianmunoz.es/ejemplo/test_album.php

          Y lo puedes descargar de aquí:
          http://www.cristianmunoz.es/ejemplo.zip (hay que cambiar los datos de acceso)
          Espero te sea de ayuda,
          Saludos

  53. Josu Says Responder

    Hola cristian, a mi tambien me aparece: Warning: Invalid argument supplied for foreach() in /home/xxxxxxxxxx/public_html/phpcUrl.php on line 90, se sabe la solución?

    Uso hostinger para el servidor de la web. Saludos

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Josu,
      Te has descargado el ejemplo que tengo en la web?
      http://www.cristianmunoz.es/ejemplo.zip

      Lo acabo de testear y funciona a la perfección, lo que tienes que hacer para que funcione es activar el php_curl en tu servidor.
      Según que hosting tengas u otro se hace de una manera u otra, quizás abriendo ticket a tu compañia de hosting acabas antes.
      Si por el contrario lo tienes en local solo tienes que quitar el “;” que hay delante de la línea ;extension=php_curl.dll dentro del fichero php.ini
      Lo puedes ver fncionando aquí:
      http://www.cristianmunoz.es/ejemplo/test_album.php

      Y lo puedes descargar de aquí:
      http://www.cristianmunoz.es/ejemplo.zip (hay que cambiar los datos de acceso)
      Espero te sea de ayuda,
      Saludos

      • Josu Says Responder

        Hola, los del hosting me han dicho que esta activado por defecto, aun me sigue apareciendo esa linea de warning

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola josu,
          Justo dos líneas encima de esa línea pone:
          $json = json_decode($this->curlGetFile($this->URL));

          Pues debajo pon:
          echo “

          "; print_r($json); echo "

          “;

          Y dime que te pone a ver. Sigo pensando que es error o del id facebook o algo así, si no no llegaría a la línea 90…

          A ver si sacamos algo en claro.
          Saludos

          • Josu Says

            Ahora pone:
            Warning: Invalid argument supplied for foreach() in /home/xxxxxxxx/public_html/phpcUrl.php on line 93

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            Perdona el codigo que puse no es correcto, no se ve bien en la web.
            Cambia los “_” por espacios y los “\\” quitalos a ver… es que no me deja poner el codigo directamente 🙁
            echo_"< \\pre>-->";_print_r($json);_echo_"< --<\\/pre>";die();

            A ver si ahora te sale algo más, esto lo que te mostrará es el resultado de la petición a facebook de tus álbumes.
            Si solo te sale –><-- es que no esta haciendo bien la petición y habría que revisar otras cosas, pero ya se complica algo el tema... Solo puedo decir que revises de nuevo los datos que sean correctos 🙁 Saludos!

  54. Josu Says Responder

    Hola de nuevo, cristian

    Me aparece eso de –><–, hay algo que esta mal no?

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola Josu,
      Efectivamente hay algo raro.
      Te he puesto el codigo aquí:
      http://codepen.io/anon/pen/waaXYx.html

      El antes y el después, a ver ahora si tira jeje
      Y me dices lo que te sale por pantalla.

      Saludos.

      • Josu Says Responder

        Con el después solo me aparece : –><–

        • Kristian Muñoz Muñoz
          Cristian Muñoz Muñoz Says Responder

          Hola Josu,

          Ahora entiendo el resultado que te dió la principio, si sólo te sale –>< -- es que la petición que esta realizando a facebook esta fallando por algo. El porqué falla ni idea.. pero algo esta mal. Has probado con otros datos de conexion? Mira con estos a ver:
          define(‘PAGE_ID’, ‘336741486349396’);
          define(‘APP_ID’,”);
          define(‘APP_SECRET’,”);

          Són los de mi perfil personal, los mismos que en el ejemplo que te pasé.
          Si con esto no funciona, o bien hay algo mal en el servidor que te corta las peticiones, o algo mal en el código..
          No sbaría que más decirte.

          Si tu web es en wordpress puedes usar el pluguin que comento en el post, que funciona bien, pero en el fondo hace casi lo mismo que lo otro.

          Saludos.

          • Josu Says

            Gracias, Cristitan.
            Tiene que ser o el servidor o el codigo porque sigue sin funcionar, la web no es wordpress. Ya mirare bien que es lo que falla. Saludos.

          • Kristian Muñoz Muñoz
            Cristian Muñoz Muñoz Says

            De nada Josu,
            Siento no poder ayudar más.
            Si encuentras lo que es ya me avisaras!

            Saludos!!

  55. DsunIsMine Says Responder

    Hola Cristian, yo obtengo el mismo warning:
    Warning: Invalid argument supplied for foreach() in …/public_html/phpcUrl.php on line 90
    Uso 000webhost. Por lo que veo me trae el $json vacío. Sin embargo en mi web local funciona sin problemas, asi que supongo que es algo del servidor, aunque dice que soporta cUrl…
    Sabes que puede estar pasando?
    Necesito implementar esta funcionalidad en mi web. En caso de que tenga que cambiar el servidor, en que hosting sabes que sí funciona esto?

    Gracias!

    • Kristian Muñoz Muñoz
      Cristian Muñoz Muñoz Says Responder

      Hola!

      Pues vaya putada, la verdad que no se si influye algo más de la configuración para que funcione….
      Mi servidor es de OVH y funciona bien, así que no se.. si me quieres pasar el php info y te digo si veo algo diferente….

      Saludos!

  56. Falgon Says Responder

    Buenas tardes Cristian!
    Lo primero un millón de gracias. Un artículo perfecto y muy sencillo. Veo que sigues ayudando a la gente así que subo un millón más las gracias.
    Comentarte una cosa, hasta ahora me iba perfecto el ensamblado de las galerías pero de la noche a la mañana ha empezado a aparecer este error “THERE HAS BEEN AN ERROR: pageId invalid”.
    He entrado en tu ejemplo http://www.cristianmunoz.es/ejemplo/test_album.php y pasa lo mismo…
    He revisado de arriba a abajo el código y está todo bien…. ¿puede que FB nos haya cambiado algo de seguridad?
    Muchas gracias!

    • Daniel Says Responder

      Alguien ya logro hacerlo con la app de facebook?
      Yo he tratado de hacerlo pero no puedo; si alguien ya lo hizo por favor postear alguna solución.

      Muchas gracias.

  57. Henry Small Says Responder

    si por favor si alguien lo a logrado hacer por favor postear

Dejar un comentrario:

¿Eres humano? * Límite de tiempo se agote. Por favor, recargar el CAPTCHA por favor.