Iframes en facebook
-
Upload
alejandro-gil-mialdea -
Category
Self Improvement
-
view
958 -
download
0
description
Transcript of Iframes en facebook
![Page 1: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/1.jpg)
Tu weben Facebook con iframes
![Page 2: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/2.jpg)
» es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal.
¿Qué es un iframe?
![Page 3: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/3.jpg)
» Dicho de otro modoUna ventana
¿Qué es un iframe?
![Page 4: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/4.jpg)
facebook.com/MUNICHSports?sk=app_11007063052
Munich
Un buen ejemplo:
En uno de sus iframes temuestra un repertorio de sudivisión deportiva de Zapatillas
![Page 5: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/5.jpg)
- Diferenciación
- Aportar información adicional
- Lo que quieras: Imaginación al poder.
¿Qué me puede aportar?¿Qué puedo hacer?
![Page 6: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/6.jpg)
¿Añadir páginas por añadir?
NOMangoUn ejemplo poco recomendable:
Muestra un listado de enlaces que llevan a su página websin aportar mucho al usuario.
![Page 7: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/7.jpg)
Pero… ¿hacer un iframe es muy difícil?
Vayamos al meollo >
Ejemplo: iframe de un formulario de contactohecho en Wordpress con el plugin Contact Form 7.
NO
![Page 8: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/8.jpg)
Un poco de código… Os muestro un ejemplo de la plantillacon el código mínimo necesario. (Sólo contenido, nada de diseño, ni sidebar, ni footer)
* Recordad: Ancho máximo del IFRAME en FACEBOOK: 520px
![Page 9: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/9.jpg)
![Page 10: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/10.jpg)
facebook.com/developers
Entramos en Facebook Developersy creamos una aplicación
![Page 11: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/11.jpg)
![Page 12: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/12.jpg)
![Page 13: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/13.jpg)
![Page 14: Iframes en facebook](https://reader038.fdocuments.es/reader038/viewer/2022103017/557b5648d8b42a1f1a8b47ec/html5/thumbnails/14.jpg)
¡Gracias a todos!
Alejandro Gil@agmialdea
about.me/agmialdea