2. Requisito: un web con Wordpress y una plantilla adaptada a un ancho máximo de 520 px.
1.- Instalar Static HTML: iframe tabs
En primer lugar, tenemos que instalar la aplicación Static HTML: iframe tabs. Aplicación que nos permite
mostrar nuestra página web en un iframe que se mostrará en una pestaña de la página de Facebook que
deseemos.
Instrucciones para instalar Static HTML: iframe tabs:
1.- Pulsamos en este enlace: https://apps.facebook.com/static_html_plus/?fb_page_id=111611398948183
O si hay problemas con el enlace, buscamos la aplicación Static HTML: iframe tabs en Facebook.
2.- Para añadir Static HTML: iframe tabs pulsamos en “Add Static HTML: iframe tabs to a Page” y
elegimos la página de Facebook a la que deseamos añadirle la aplicación.
2
3. 3.- Y con esos pasos, ya tenemos instalada la aplicación en la página de Facebook seleccionada:
2.- Configurar Static HTML: iframe tabs
La pestaña por defecto se llama “Welcome”. Para cambiar el nombre tenemos que ir al a la configuración de
la página de Facebook.
La forma más rápida es ir al muro y pulsar en “Editar página”:
Vamos a “Aplicaciones”, buscamos “Static HTML: iframe tabs” y “Editar Configuración” podemos
añadir el nombre que queramos.
3
4. Ahora volvemos a la página de Facebook y pulsamos en la pestaña de la aplicación.
El primer cuadro muestra contenido público, independientemente de que sea fan de la página, y el segundo
cuadro se usa para mostrar contenido solo para fans. Si no se rellena el segundo cuadro, tanto fans como
no fans verán el mismo contenido.
Suponemos que solo queremos mostrar el portal en Wordpress. Para ello, en el cuadro superior pegamos el
siguiente código:
<iframe width="520" height="1420" src="http://www.midominio.com/” scrolling="no" frameborder="0"
></iframe>
Y le damos a “Guardar”. Para ver como se verá la aplicación, pulsamos sobre “Preview”.
- El valor height se puede modificar para ajustarlo a la altura de la página que queremos mostrar.
- El valor width no se puede tocar. Ya que 520 es el ancho máximo que me permite mostrar de nuestro
Wordpress en las páginas de Facebook.
Si el Wordpress solo se va a mostrar en Facebook. Aconsejamos poner la página en un subdominio y
activar en Wordpress la opción “Quiero bloquear los motores de búsqueda, pero permitir visitantes
normales”. De esta manera, evitamos que nuestra página se indexe en los buscadores y solo sea accesible
vía Facebook.
4
5. Si queremos trackear la aplicación de Facebook en Google Analytics, pulsamos en “Magic” y metemos el
código de nuestra huella de Google Analytics (UA-XX-XXXXXX) y pulsamos en “Save Changes”.
Se recomienda crear una huella distinta
5