1
00:00:00,110 --> 00:00:04,089
Hola, vamos a ver cómo integrar Facebook en nuestra web.

2
00:00:05,650 --> 00:00:12,929
Si tenemos una página de Facebook que sea pública, un perfil público,

3
00:00:14,029 --> 00:00:17,850
por ejemplo yo tengo aquí esta del Colegio Público Tierno Galván,

4
00:00:18,649 --> 00:00:26,589
puedo integrar esta parte de publicaciones dentro de una página web mía de EducaMadrid,

5
00:00:26,589 --> 00:00:29,449
igual que hemos hecho con Twitter también.

6
00:00:30,109 --> 00:00:37,789
Para ello lo primero que voy a hacer es irme a esta dirección, developers.facebook.com.docs.plugins

7
00:00:37,789 --> 00:00:48,090
y encuentro una serie de elementos que me ofrece Facebook para integrarlo en distintos sitios.

8
00:00:48,670 --> 00:00:52,729
El que me interesa a mí es este, el plugin de páginas ahora mismo.

9
00:00:54,770 --> 00:01:00,130
Aquí me explica un poquito todo cómo funciona este plugin, todas las opciones que tengo para configurarlo

10
00:01:00,130 --> 00:01:14,269
Y en mi caso lo que tengo que hacer es coger y copiar la dirección de esta página de Facebook, de este perfil, y pegarla aquí, donde pone URL de la página de Facebook.

11
00:01:14,269 --> 00:01:32,269
La pego, voy a usar la pestaña de Timeline, aquí abajo se explica que otras pestañas podéis usar, Timeline, Events o Mensajes y podéis agregar varias, esto ya podéis cacharrear lo que queráis.

12
00:01:32,269 --> 00:01:48,090
Vamos a hacer aquí lo más básico. Puedo configurar el alto y el ancho, si quisiera usar un encabezado breve, aquí estaba mostrando el encabezado por defecto, pero yo podría usar un encabezado breve que veis que es un poquito más estrechito.

13
00:01:48,090 --> 00:02:16,530
puedo ocultar esta parte de la foto, puedo hacer que estos rostros de los amigos por ejemplo no se muestren, los quito, en fin yo ya puedo ajustar lo que quiera, yo lo voy a dejar así con ancho y alto por defecto, no me voy a complicar también que se adapte al contenedor y vengo aquí a obtener código, ya lo tengo aquí configurado, pulso en obtener código,

14
00:02:16,530 --> 00:02:25,009
Veo aquí SDK para Javascript, este no me vale, me voy a ir aquí a iframe, este sí que me sirve para insertar en EducaMadrid.

15
00:02:25,830 --> 00:02:43,870
Simplemente me sitúo, lo copio, el código y ya está, ya me puedo venir a EducaMadrid como siempre, crearme un contenido de tipo libre, que son los más versátiles que tenemos, ya lo sabéis.

16
00:02:43,870 --> 00:02:50,289
le doy un título que sea por ejemplo Facebook

17
00:02:50,289 --> 00:03:01,500
y en el cuerpo, simplemente pulsando este botoncillo de pegar fragmento HTML, código embebido

18
00:03:01,500 --> 00:03:07,020
como ya hemos hecho otras muchas veces, pego lo que he copiado

19
00:03:07,020 --> 00:03:10,539
insertar, ya lo veo aquí que me queda en amarillo

20
00:03:10,539 --> 00:03:13,340
simplemente pulso en publicar

21
00:03:13,340 --> 00:03:40,659
Y ahora como siempre en la página donde lo quiera ubicar, pues como siempre añadir agregador de contenidos, esto ya lo sabemos, seleccionar contenidos, selecciono el contenido de Facebook, cerrar y ya está, ya lo tengo aquí.

22
00:03:40,659 --> 00:03:46,879
si esto lo publicara en una columna más estrechita

23
00:03:46,879 --> 00:03:49,580
pues se me adaptaría y me quedaría mejor

24
00:03:49,580 --> 00:03:51,659
aquí como solamente tengo una columna ancha

25
00:03:51,659 --> 00:03:54,879
pues queda así un poquito extraño

26
00:03:54,879 --> 00:03:56,780
pues nada, espero que os sirva