facebook Page Plugin
Esta documentación es para los sites antiguos.
En los new sites es muy similar.
Hoy os traigo como poner un gadget de vuestra pagina de facebook aqui en google site, lo primero es saber la identidad de facebook de vuestra pagina y diréis como se hace??, pues os vais a vuestra pagina y en la sección de información abajo del todo estará los 15 dígitos que necesitáis ademas de la dirección web, en mi caso quedaría tal que así: https://www.facebook.com/acmedesign.studio/123456789101112
Una vez obtenido estos datos, prepara un documento de texto en notepad copia el siguiente código mas abajo y sustituye tu dirección web mas tu identidad, si deseas adaptar el tamaño tienes la opción, así como el idioma.
Terminadas las modificaciones guarda tu fichero con extensión XML y lo subes a tu sites como un archivo adjunto en el administrador de tu site, una vez subido te aparecerá en listado y la pestaña descargar, con el botón derecho del ratón al hacer click en descargar y elegir la opción copiar ruta del enlace.
Seguidamente nos iremos anuestra pagina donde queremos insertar nuestro gadget de facebook y cojeremos la opción de insertar mas gadget y alli por URL, y pegamos nuestra url copiada, ya solo queda personalizar y listo, el ejemplo lo tenéis en el noticiario.
Os dejo ademas la pagina de tutorial de facebook donde hace referencia a las modificaciones.
<center>
<body>
</head>
<style type="text/css">
html{overflow-y:hidden;}
html { overflow-x:hidden; }
</style>
</body>
<body>
</head>
<style type="text/css">
html{overflow-y:hidden;}
html { overflow-x:hidden; }
</style>
</body>
<div id="fb-root">
</div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v14.0" nonce="d5MKHR4W"></script>
<div class="fb-page" data-href="https://www.facebook.com/acmedesign.studio/" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">
<blockquote cite="https://www.facebook.com/acmedesign.studio/" class="fb-xfbml-parse-ignore">
<a href="https://www.facebook.com/acmedesign.studio/">acme Design</a>
</blockquote>
</div>
<center>