Software

Fbshare: un botón para facebook como el de meneame

fbshare La mayoría de los blogs disponen de un botón o conjunto de botones para redes sociales, por medio de los cuales, todos y cada uno de los visitantes que quieran y deseen compartir la noticia de nuestro blog, lo puedan hacer de forma cómoda y haciendo uso de dichos botones.

Disponemos de tantos como tantas redes sociales conocidas exista, pero lógicamente tan solo unos pocos son los más usados.

El problema radica en que muchos de dichos botones no visualizan el número de veces que ha sido la noticia remitida desde dicho botón y por tanto se recurre en ocasiones a los botones más empleados, como pueden ser: Twitter y Facebook.

En esta ocasión nos centraremos más en Facebook para poder crear un botón y situarlo en nuestra entrada, dicho botón, es muy parecido al que emplea el pluging Retweet y bastante similar a los botones empleados para meneame.

Características

  • Visualización del numero de entradas compartidas, basándose incluso en el número de clics de aquellos que comparten la entrada, en caso de no haber sido compartida, se visualiza el logo de Facebook.
  • Posibilidad de elegir botón grande o pequeño.
  • Realiza un track de las entradas compartidas
  • Añade parámetros de Google Analytics a los enlaces de fbshare.
  • Se puede configurar el color y el tamaño del botón.

Instalación

Copia el siguiente código en tu plantilla y en el lugar donde quieras que se visualice dicho botón.

<script src="http://widgets.fbshare.me/files/fbshare.js"></script>

 

Dicho código visualizará el botón grande, empleando la dirección de la entrada y el título de la página donde esté ubicado.

Opciones Avanzadas

  • Size (Tamaño) – Es el tamaño del botón, y puede ser "grande o pequeño” (large/small). Por defecto a parece large.
  • URL – Es la dirección de la página que deseamos compartir en Facebook.
  • Title – Es el título de la página.
  • Google_Analytics – Si no dispones de la clave api para awesm puedes añadir la de Google, siendo su valor “true” o “false”.
  • Awesm_api_key – Si eres usuario de awe.sm podrás incluir aquí dicho clave.
  • badge_text – Cambia el color del texto empleando los códigos hexadecimales en CSS estándar.
  • badge_color – Igual que el anterior pero para el fondo.

Código de Ejemplo

<script>var fbShare = {
url: 'http://www.verasoul.com/',
size: 'large',
badge_text: 'C0C0C0',
badge_color: 'CC00FF',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>

 

Descarga e instala el plugin para Wordpess

 

Descargar.

[Fuente: fbshare.me]

3 Comentarios

VeraMagazine  - Tu canal de Prensa y Revistas.

Nota: recuerda que debes tener Telegram instalado.
Unirme
VeraMagazine