Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Integrar facebook

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 25 de septiembre de 2017 por Francisca G.

178 visualizaciones

Pasos a seguir para integrar Facebook en nuestra web

Más información Transcripción

Descargar la transcripción

Hola, vamos a ver cómo integrar Facebook en nuestra web. 00:00:00
Si tenemos una página de Facebook que sea pública, un perfil público, 00:00:05
por ejemplo yo tengo aquí esta del Colegio Público Tierno Galván, 00:00:14
puedo integrar esta parte de publicaciones dentro de una página web mía de EducaMadrid, 00:00:18
igual que hemos hecho con Twitter también. 00:00:26
Para ello lo primero que voy a hacer es irme a esta dirección, developers.facebook.com.docs.plugins 00:00:30
y encuentro una serie de elementos que me ofrece Facebook para integrarlo en distintos sitios. 00:00:37
El que me interesa a mí es este, el plugin de páginas ahora mismo. 00:00:48
Aquí me explica un poquito todo cómo funciona este plugin, todas las opciones que tengo para configurarlo 00:00:54
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. 00:01:00
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. 00:01:14
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. 00:01:32
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, 00:01:48
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. 00:02:16
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. 00:02:25
le doy un título que sea por ejemplo Facebook 00:02:43
y en el cuerpo, simplemente pulsando este botoncillo de pegar fragmento HTML, código embebido 00:02:50
como ya hemos hecho otras muchas veces, pego lo que he copiado 00:03:01
insertar, ya lo veo aquí que me queda en amarillo 00:03:07
simplemente pulso en publicar 00:03:10
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í. 00:03:13
si esto lo publicara en una columna más estrechita 00:03:40
pues se me adaptaría y me quedaría mejor 00:03:46
aquí como solamente tengo una columna ancha 00:03:49
pues queda así un poquito extraño 00:03:51
pues nada, espero que os sirva 00:03:54
Idioma/s:
es
Autor/es:
Francisca García Bernal
Subido por:
Francisca G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
178
Fecha:
25 de septiembre de 2017 - 18:05
Visibilidad:
Público
Centro:
Sin centro asignado
Duración:
03′ 58″
Relación de aspecto:
1.51:1
Resolución:
1060x700 píxeles
Tamaño:
9.98 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid