Cómo compartir en Facebook desde tu sitio


Todos hemos visto los botones de compartir contenido en las redes sociales como Facebook, Google Plus o Twiteer. Siempre es una buena idea cuando diseñamos nuestros sitios web pensar en maneras de promocionar contenido y vincularlo con las redes sociales es una manera muy práctica de hacerlo. Las redes sociales se han convertido en el mundo de hoy un punto de encuentro casi obligado para todos los usuarios de la red, por lo que sin duda es el sitio ideal para promocionar, vender o aumentar consumidores de nuestros productos.

Hoy les voy a mostrar unos pasos simples para implementar los famosos botones SHARE o COMPARTIR que publican en el muro del usuario el contenido que se está revisando. Para esto utilizaremos los Social Plugins o Plugins Sociales que comparte Facebook para la integración de su portal con los usuarios y sus servicios. Los usuarios podrán compartir en sus muros personales, en los grupos a los que pertenecen o en los muros de sus amigos.

El siguiente código inserta un vínculo en el Texto “Compartir en Facebook” que posibilita compartir http://www.nuestrositio.com

  <a href="https://www.facebook.com/sharer/sharer.php?u=http://www.nuestrositio.com" target="_blank">
  Compartir en Facebook
  </a>

Una vez dado click en el vínculo, se abrirá una nueva ventana conectándose a Facebook para compartir la página http://www.nuestrositio.com. Si no está activa ninguna sesión pide las credenciales para iniciarla.

Otra vía y la más común es una pequeña ventana modal con la misma funcionalidad que el código antes expuesto. El código es el siguiente.

  <a href="#" 
    onclick="
      window.open(
    'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 
    'facebook-share-dialog', 
    'width=626,height=436'); 
    return false;">
    Compartir en Facebook
  </a>

Noten que en ambos ejemplos el parámetro más importante es la variable GET u que contiene el valor del sitio a compartir. Otros parámetros pueden ser definidos en configuraciones más avanzadas como los usuarios permitidos a compartir o los tags título, imagen y descripción.

Latest posts by Leroy Ley (see all)