Como conectar tú sitio web en WordPress con las redes sociales

May 27, 2014

Ya sabes el aporte que pueden dar las redes sociales para conectar con tus potenciales clientes, para atraer tráfico cualificado a tu web y para posicionarte como marca, a pesar de todas estas “bondades” siguen habiendo empresas o blogs que todavía son reacios a utilizarlas.

 Lo importante es no buscar entrar en el mundo social con la premisa de muchos: “hay que estar porque hay que estar”. El “mundo social” implica mucho más que eso, se necesita un análisis, una planificación y una estrategia para tener éxito y no fracasar.

 Tras esta pequeña opinión, vamos al lío. En el post de hoy te voy a contar como integrar tu sitio web en WordPress a las principales redes sociales, para ello vamos a utilizar algunos plugins y en otros casos vamos a tirar directamente de las mismas plataformas.

 

Integración de tu sitio web con Facebook  icon-facebook-square 

Vamos a comenzar con la reina de las redes sociales (aunque poco a poco esté perdiendo terreno). Seguramente alguna vez has visto el famoso box de Facebook en otros sitios webs:

La integración es muy fácil, te lo explicaré punto por punto para que no tengas problemas. Ten en cuenta que esto es solo para páginas de empresas (Fanpage) NO para perfiles.

– Entra en tu perfil de Facebook.

– Entras en la página de los desarrolladores de Facebook, aquí.

– Pones la URL de tu Fan Page.

– Cambia las medidas adaptándolo a tu sitio web.

– Puedes personalizar la caja con diferentes aspectos.

– Generas el código con el botón “Get Code”.

– Copias y pegas el código IFRAME en tu sitio web

 

Si tu intención es poner el botón “Me gusta” en tu página web, debes realizar los siguientes pasos:

– Entra en tu perfil de Facebook.

– Entras en la página de los desarrolladores de Facebook, aquí.

– Generas el código con el botón “Get Code”.

– Copias y pegas el código IFRAME en tu sitio web.

 

En la barra de la izquierda “Product Docs” tienes otras opciones de integración como el: el botón compartir, el botón enviar, etc. Utiliza el que creas conveniente para tu estrategia en redes sociales.

box de facebook
  • Twitter
  • LinkedIn
  • Facebook
  • Gmail

 Integración de tu sitio web con Twitter  icon-twitter 

Otro de los pesos pesados en sin duda Twitter una de las redes sociales más virales que existe, bien proyectada puede ser un excelente canalizador de tráfico y de branding para tu proyecto.

Soy de los que piensa que cuantos menos plugins tenga tu plataforma web en WordPress mejor, es por eso que aquí también utilizaremos las herramientas de integración que nos da la misma plataforma, que en resumidas cuentas son similares a lo que vimos anteriormente en Facebook.

– Entras en tu perfil de Twitter.

– Vas a la ruedita de arriba, haces clic y entras en configuración.

– A la izquierda verás una barra con opciones y entras en “Widgets”.

– Haces clic en “Crear Nuevo”

– Das las características visuales que te sean útiles.

– Copias el código que tu sitio web

 

Twitter da la posibilidad de utilizar otras características desde su página de desarrolladores, puedes entrar aqui para verlas. Utiliza la que más te convenga según tu estrategia.

También tienes la opción de poner en tu sitio web una caja de Twitter tal como tiene Facebook. Aunque no es oficial por la plataforma comparto el código que debes pegar en tu sitio web:

<div>
<script type=»text/javascript» src=»https://s.moopz.com/fanbox_init.js»></script></p>
<div id=»twitterfanbox»>
<script type=»text/javascript»>fanbox_init(«remplaza esta línea con tu nombre de usuario»);</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 250px !important; /* Ancho del gadget */
height: 320px !important; /* Alto del gadget */
}
</style>

Remplaza la línea que está en color rojo con tu usuario de Twitter y personaliza el tamaño adaptándolo a tu proyecto: width y height.

Integración de tu sitio web con Google +  icon-google-plus-square 

Llegamos a la red social de nuestro querido Google, tengo que confesar que hace un año pasaba un poco de esta red social pero tengo que decir que cada vez me gusta más.

El detonante de esto es que cada vez en Facebook el “Alcance Orgánico” es menor por lo que he optado por cambiar mis estrategias a Google + dejando en un segundo lugar a Facebook.

Ahora que ya tienes experiencia con la integración  icon-smile-o  no vas a tener problema en enlazar tu página web con esta red social:

– Entras a la plataforma de desarrolladores de Google+, lo puedes hacer aquí.

– Tal como teníamos en Facebook y Twitter, nos vamos a la columna de la izquierda.

– Entramos a la opción “Web”, ahí veras diferentes opciones de integración.

– Yo suelo utilizar la “insignia”, que es la caja de Google+ que se encuentra en este blog a la derecha, que si quieres puedes hacer clic en el +1  icon-smile-o

– Volviendo a la página de los desarrolladores, puedes darle las características visuales que necesites.

– Se genera un código que debes pegar en tu sitio web.

 

Te recomiendo que le des una oportunidad a esta red social, explorara de arriba abajo, entrará en las diferentes comunidades afines a tu nicho de mercado, puede ser muy interesante para tus intereses. Además aunque Google no se pronuncie sobre el tema, sabemos que nos puede ayudar a mejor el Posicionamiento SEO de tu web.  icon-smile-o

insignia google+
  • Twitter
  • LinkedIn
  • Facebook
  • Gmail

Integración de tu sitio web con Instagram  icon-instagram

Nos metemos en el “mundo plugin” con Instagram. Esta red social ha crecido en popularidad desde que Facebook la adquirió. Para el que no la conoce se trata de una plataforma donde se comparten fotos.

La integración de Instagram con tu plataforma web puede ser muy recomendable según tu estrategia en medios sociales ya que es muy viral y tiene un carácter más humanizado que otras redes sociales. La integración actúa como portales altamente funcionales que conectan a los visitantes del sitio web a la página de Instagram y viceversa.

 

oEmbed Instagram

Es un plugin muy sencillo que permite mostrar imágenes individuales y enlazarlas en tu página de WordPress. Todo lo que tienes que hacer es colocar la URL de Instagram donde desea que aparezca la imagen. Eso es todo lo que hay. Si lo deseas puedes descargarlo aquí.

 

Simply Instagram

Permite poner las fotos en una página web utilizando un código corto o en un widget. Hay opciones para visualizar las últimas fotos, también ver las fotos más populares y las que han tenido un mayor número de “Me Gusta” o Corazones (no sé cómo llamarlo).

Tiene la opción de insertar una galería y de poder configurar el tema de presentación de diapositivas, el número de imágenes para mostrar y muchas otras opciones más. En el perfil del cliente también se puede visualizar un botón «follow» que puede ser interesante para la captación. Descarga este plugin aquí.

 

Integración de tu sitio web con Tumblr icon-tumblr-square 

Otras de las redes sociales que tiene mucho potencial y que pocos sitios web la tienen en cuenta en su integración es Tumblr.

 

Tumblr Crosspostr

Convierte el sitio de WordPress en un servidor para la cuenta de Tumblr. El plugin mantiene los post en sincronización mediante el uso de API de Tumblr. La actualización simultánea ahorra mucho tiempo. Si se elimina un post en WordPress, se eliminará al mismo tiempo en la cuenta de Tumblr. También puede programar posts en WordPress para que aparezcan en ambos al mismo tiempo. Puedes descargarlo aquí.

 

Tumblr Widget

Otra forma de integración de Tumblr es a través de Tumblr Widget, este plugin permite que Tumblr envié mensajes automáticos para que se muestren en cualquiera de las áreas de su sitio web, a través de un widget totalmente personalizado. Cualquier audio, video, Foto o enlace pueden importarse hacia tu plataforma web.

Integración de tu sitio web con Pinterest  icon-pinterest

Pinterest es una red donde hay mucha gente con muchas y variadas ideas que no debemos desaprovechar, sobre todo porque su contenido es visual y por tanto con un poder de propagación muy fuerte. Hay muchos plugins para esta red por lo que casi la dificultad radica en elegirlos. A continuación te muestro algunos de los que hay actualmente para WordPress:

Pinterest Pinboard Widget

Las imágenes quedan guardadas en estilo galería y limitadas a su vez a un pinboard específico. Aun así el plugin permite el control de las mismas, según las recomendaciones con hasta imágenes tres se trabajaría perfectamente. Dos de sus grandes beneficios son la cantidad de temas que abarca y su operatividad en la mayoría de sitios. Descárgalo aquí.

Pinterest “Follow” Button

Todo ello puede controlarse y monitorizándose con gráficas a través de un código corto o un widget y seguirlas a través del botón “Seguir” de Pinterest plugin. Ahí nos darán un enlace que está asociado a la página de Pinterest y que será el que utilicemos en dicho control. Descarga aquí.

Bueno hasta aquí hemos llegado con la integración de tu sitio web con las redes sociales, al final se ha trasformado en un post de más de 1500 palabras. Antes de realizar la integración realiza un análisis, estudia a tu competencia, analiza cómo trabajan sus canales sociales y mejora lo que ellos están haciendo. Crea una estrategia y planifica día a día tus publicaciones, mide y compara resultados y tendrás el éxito asegurado, mucha suerte!.

Como favor te pido que hagas clic enel +1 de Google+ en el cuadro que tienes a la derecha, gracias.

David Luengo Decoud

David Luengo Decoud

Consultor Marketing digital

Me encanta poder estar relacionado con el mundo de internet, un mundo que nunca deja de sorprenderme.

Ver quienes somos

12 Comentarios

  1. Meitar

    Gracias por mencionar Tumblr Crosspostr usted. ¿Estaría usted interesado en ayudar a traducir este plugin en español? Si es así, se inscribe el proyecto de traducción aquí.

    Responder
    • David Luengo

      Hola gracias! Sin problema con tu pedido 😉

      Responder
  2. margarita

    Hace una semana decidí abrir un blog personal de viajes familiares, y como realmente entiendo muy poco de internet me anoté en fiver para que me configurara unas cosas que me parecieron importantes. Ahora tengo en mi página principal todas las redes, y no entiendo cómo moverlas de allí.
    Entendés cómo puedo sacarlas de la página de entrada?Tendré que contratar de nuevo para eso????
    Mil gracias por tu opinión.

    Responder
    • David Luengo

      Hola Margarita, enviame la url de tu web y veo como ayudarte.
      Gracias y saludos

      Responder
  3. lissette

    Hola, en que lugar especificamente de la pagina web vamos a pegar el codigo iframe? Agradecere la respuesta

    Responder
    • David Luengo

      Hola, cópialo en tu sitio web. Hay tienes un CMS como WordPress, puedes copiarlo en el widget de Texto dentro del sidebar. Saludos

      Responder
  4. yennifer

    buenas tardes david ,somos un grupo de<estudiantes que estamos haciendo una pagina web y necesitamos incluir Google + ,que nos permitas dar a iconocer informacion de la pagina y ademas que funcione como un foro dinamico, hic
    imos los que esta en tu pagina pero no nos funciono …………y estamos trabajando con eclipse

    Responder
  5. yennifer

    para ver en que podia ayudarnos

    Responder
  6. María

    hola. Estoy siguiendo tus pasos porque quiero que en mi web aparezca el icono de mi facebook y mi twitter. Pero no lo consigo. Mi web está hecha con wordpress. Yo hago todo lo que dices y me genera ese código, y luego no sé dónde tengo que ponerlo….

    Por favor, me podrías ayudar?Te sorprenderías si te dijera la cantidad de tiempo que llevo intentando hacer esto y nadie me ayuda a resolverlo.. Gracias!

    Responder
    • David Luengo

      Hola María, concretame un poco más y te ayudo. ¿Dónde quieres poner las redes sociales?

      Responder
  7. Leonardo Muñoz

    Hola amigo con Jertpack puedes integrarte a las redes sociales de una forma más sencilla ya que prácticamente es un plugin todo en uno. Cuando puedes dedícale una entrada a ese plugin en caso deque aún no la tengas.

    Responder

Enviar un comentario

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

Share This