Cómo agregar tu blog en una pestaña de Facebook

Vilma Núñez

29/08/2013

¿Te gusta?

Compártelo

Compartir en:

Vilma Núñez

29/08/2013

¿Te gusta?

Compártelo

Compartir en:

Tabla de contenidos

Hace unos meses os compartí herramientas para agregar Pinterest, Instagram, Youtube  y Twitter en pestañas de Facebook. Hoy a raíz de una solicitud de Maria L os comparto las instrucciones de cómo podéis agregar los últimos posts (feed) de vuestro blog en Facebook.

¿Por qué agregar el feed de tu blog en Facebook?

  • Hay usuarios que soy muy adictos a Facebook y casi todo el contenido lo consumen a través de dicha red social, por lo que podría resultar interesante llevar los posts del blog allí
  • Aumentas el tráfico de tu blog, es lógico que la experiencia no será la misma, así que el usuario que se sienta a gusto con el contenido tiene más posibilidades de ir a la fuente oficial a seguir consumiendo más
  • A veces es importante promocionar otros canales, no nos podemos centrar en un solo

Agregar feed blog con una aplicación automáticamente

A través de la aplicación Cool-tabs se puede agregar un feed de los últimos posts de tu blog. Pero no quedará nunca tal y como es tu blog o web. Por eso abajo explico cómo hacerlo 😉

Embeber tu blog directamente en una pestaña de Facebook

Esta es la parte más “frikie” por así llamarla y consiste en hacer que la experiencia parezca tal cual como en tu web pero adaptada a la medida de 810px de ancho de Facebook. A continuación los pasos. Algunas de los pasos los he copiado de otro post (Cómo agregar listas de reproducción de Youtube)

  • Ir al buscador de Facebook y escribir Static HTML: iframe tabs o hacer clic en este enlace para acceder directamente. Esta aplicación permite agregar mediante código HTML el contenido de tu preferencia en una pestaña de Facebook.
  • Una vez en la app de Static HTML haz clic en “Add Static HTML Tab to a page”

tutorial youtube agregar a facebook html tab

  • Selecciona la página donde  quieres embeber tu blog o web

tutorial youtube agregar a facebook html tab en fb

  • Una vez agregada automáticamente te dirige a la página de Facebook donde has agregado la pestaña, allí selecciona la estrella que dice Tab ubicado en tus pestañas
  • Cuando se te abra la pestaña selecciona “Edit tab”

tutorial youtube agregar a facebook html tab edit

  •  Te habrá aparecido un panel de configuración
  • Pega el siguiente código <iframe src=”http://TUWEB.com” style=”width:810px;height:1200px;”></iframe>  en la parte donde dice index.html de la pestaña de Facebook  y luego graba y publica
tutorial youtube agregar a facebook html terminar tab
No te asustes con el código de Youtube es de otro tutorial 😉

 

  • Luego seleccionas “View tab” y verás como agregó correctamente tu lista de reproducción en Facebook.

El resultado sería el siguiente

embeber blog en pestana facebook

 

ACTUALIZACIÓN

@JenaroVE me comentó que a través de HTML Static podemos evitar todos los pasos anteriores seleccionando el tipo de pestaña de website. Aquí una imagen que resume cómo hacerlo:

agregar blog en facebook

¿Quieres acceder a cientos de contenidos de Marketing?

Visita mi librería de Marketing Online, la más grande de habla hispana, y encontrarás plantillas, ebooks y cursos que te ayudarán a formarte y a potenciar tus proyectos online. Si estás interesado en cursos online visita directamente mi página con todos mis cursos gratuitos y de pago.

recursos de marketing digital gratis

Todos los derechos reservados. Esta obra está protegida por las leyes de copyright y tratados internacionales.

Suscríbete y recibe en tu mail:

500 ideas para crear posts que llevarán tu blog a otro nivel. Suscríbete y recíbela en tu correo.

500 ideas para crear posts que llevarán tu blog a otro nivel. Suscríbete y recíbela en tu correo.

29 comentarios en “Cómo agregar tu blog en una pestaña de Facebook”

  1. Hola Vilma,

    Muchísimas gracias por mencionar a Cool Tabs. Quería comentarte que tenemos una aplicación que permite insertar tu blog / web para que quede exactamente igual dentro de la pestaña de Facebook que fuera de ella.
    La aplicación se llama “Web Externa” y acabamos de crear un ejemplo con tu blog para que veas cómo con el zoom de nuestra app puedes adaptar perfectamente cualquier página a la pestaña. Aquí tienes el ejemplo: http://goo.gl/MHQmbW

    Esperamos que te guste 🙂
    Un abrazo
    Marta

  2. Pingback: Cómo agregar tu blog en una pestaña de Facebook — Andreas Wiechert

  3. Hola. Tengo un problema al introducir el url de mi blog. La aplicación me dice que el url ya está contenido dentro del código de mi página de Facebook. Supongo que debe ser por la información que contiene mi página. ¿Cómo puedo solucionar ese problema?

  4. Hola Vilma, mil gracias por tu ayuda!!

    solo un pequeñin problema… cuando he instalado el blog, en la pestaña de editar y poner mi intex.html… puse por error primero solo MIWEB.com y ahora cuando ya estoy poniendo el código que describe el tutorial que creo que es: me dice que “tengo un URL relativo y que tengo que cambiar a URLs absoluto … me podrías decir por favor eso como se cambia?? gracias y mil millones de gracias por la ayuda de verdad

  5. Me parece genial este tuto y todo lo que he aprendido aquí! mi pregunta: es como si visitaran mi blog desde facebook? Cuando vea las analiticas de mi blog me va a mostrar que el tráfico proviene de facebook? o estan visitando una copia alterna a mi blog? Afecta de algún modo las visitas de mi blog, o por el contrario…?

  6. Hola Vilma! He intentado crearlo ahora que he llegado a tu post, pero han hecho cambios en la aplicación y si no hay una conexión segura por https no se muestra el blog en Facebook. Una pena porque la funcionalidad era muy buena!

  7. Crónicas Germánicas

    Vilma,

    estoy intentando hacerlo pero en el momento en el que estoy en el panel de configuración para introducir el código (evidentemente he cambiado el texto rojo por mi web) me sale esto:

    You have some relative urls in your code. You’ll need to change them to absolute urls or they will not work.

    no entiendo qué es lo que no hago bien

    ¿me ayudas porfa?

    muchas gracias!!!

    saludos desde Deutschland***

    Elisabet*

  8. si no tienen un certificado ssl instalado en su host,. será imposible hacer lo que Vilma explica arriba,. ese pequeño dato le faltó,. si estás alojado en Hostgator te puede servir un ssl compartido que es gratis,.

  9. Hola a todos! Sólo un pequeño testimonio sobre las dificultades que he tenido con Static HTML y lo rápido y sencillo que ha sido con Woobox. Me obligaba a hacer upgrade para poder garantizar la seguridad de mi URL y no darme problemas.

    De momento, perfecto! Gracias Carlos por la recomendación 🙂

      1. Hola Vilma soy la chica de la bufanda verde y quiero tener mi blog soltera pero nunca sola quiero ayudar a las chicas solteras y hacerles comprender que estar soltera no es tan malo, soy secretaria trabajo en una universidad intercultural y estudio en la facultad de ciencias contables de la upp tengo 35 años y soy madre soltera el padre de mi hija murió hace un año, en el futuro quiero escribir un libro de mi vida y por mientras quiero tener muchos seguidores en mi blog que me ayudarás a crear

  10. Hola Vilma, como estas? porfa me puedes ayudar diciéndome como elimino esta pestaña, no funciona con mi blog porque no es https: quiero eliminarla y no veo donde lo puedo hacer.

    Mil gracias

  11. Hola vilma muchas gracias por tu blog estaba buscando esta información.

    Tengo un problema cuando intento agregarlo a mi facebook
    me sale el siguiente error
    This page does not have permission to install the custom tab.

    Tienes algún consejo como puedo resolverlo?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio

30 días 30 recursos gratis

Completa el formulario y comienza a recibir tus recursos gratuitos.

30 días 30 recursos gratis

Únete a mi boletín por correo electrónico y recibe GRATIS 30 recursos descargables para crecer, impactar y vender más con tu marketing digital.

Contrata Mis Servicios