Configurando los marcadores sociales en BSM

Configuración del componente

Una vez entramos en la configuración del componente podéis encontrar un pequeño manual en la pestaña de Documentación en el que se os explica de manera general el componente, y os puede servir como complemento si os surgen dudas tras leer este pequeño tutorial.

Para configurar los enlaces a las webs tendremos que ir a la pestaña Marcadores. Una vez allí veremos un listado con los distintos marcadores sociales que vienen por defecto en el componente, la mayoría de ellos de sitios populares dentro de la web en inglés, como por ejemplo el popular Digg. Antes de pasar a eliminarlos, crearemos nuestro propio enlace y después veremos cómo se desactivan.

Obviamente, para crear un nuevo enlace tendremos que pulsar en el botón de "Nuevo" o "Crear" según la traducción de Joomla! que tengamos, y enseguida nos aparecerá la pantalla de configuración de los enlaces. En esta pantalla vemos dos apartados, uno de Detalles del Marcador y otro en el que tendremos que introducir el Código HTML.

Detalles del Componente

En este formulario tendremos que incluir los nombres que queremos que aparezcan y configuraremos parte de la apariencia que van a tener nuestros botones de marcadores. Los distintos campos a rellenar son:

• Nombre: En este campo se indica el nombre que tiene el marcador social. Este campo no aparece en la parte pública por lo que es más una referencia al marcador en la parte de administración.
• Texto: Una vez situados los marcadores sociales en el portal, al situar el cursor sobre ellos aparecerá un texto explicativo a nuestros usuarios. Este texto se compone de la frase "Añadir a + TEXTO", donde TEXTO es el contenido de este campo.
  
  
   
• Hacer Popular: En esta casilla marcaremos si queremos que el enlace sea popular o no, esto servirá después para discriminar mucho mejor los enlaces desde el plugin.
• Tamaño por defecto: Aquí elegiremos cuál de los formatos posibles de marcador social queremos.  Estos formatos se especifican en el siguiente apartado.
• Icono (Opcional): En este apartado tendremos que elegir la ruta hasta el icono que queremos que se muestre en la barra de marcadores sociales.

Código HTML

En este apartado de la configuración nos encontramos con varios campos en los que tendremos que incluir el código HTML que usará nuestro marcador social. En principio no es necesario configurarlos todos, tan sólo aquel que hayamos seleccionado en el campo Tamaño por defecto de la sección anterior.

El código HTML de una forma muy  parecida a como se crea un enlace con HTML. Así, el formato general será:

<a src="URL PARA EL ENVÍO"> ICONO O TEXTO DEL MARCADOR </a>

Así de sencillo. Quizá la parte más complicada es encontrar la URL del envío ya que en cada sitio es diferente y no suelen ser fácilmente localizables. No obstante si tenemos problemas para encontrar una URL, siempre podemos buscar un sitio que tenga implementado el marcador social y tras pinchar en su enlace para el envío ver el formato de la misma.

En el caso de la popular Menéame, la URL sería:

http://meneame.net/submit.php?url=DIRECCIÓN URL DE NUESTRO ARTÍCULO

Para incluir la dirección url de nuestro artículo el componente incluye la etiqueta [url] con lo que finalmente el enlace quedaría:

http://meneame.net/submit.php?url=[url]

Finalmente si nos decidimos por un botón con icono, la forma de incluirlo es con la etiqueta HTML img, indicando su ubicación. En principio podemos subir el icono a cualquier lugar de nuestro sitio Joomla!, pero si optamos por situarlo en el direcotorio por defecto del componente ([...]/components/com_bmsmanager/assets/badges/), podremos usar la etiqueta [badgespath] para facilitarnos la inclusión del mismo de la forma:

<img src="[badgespath]/meneame_16.gif" alt="[text]" border="0" width="16" height="16" />

En algunos de los sitios de marcadores sociales, además de incluir en la URL la dirección de nuestro artículo, podemos incluir también el título o incluso la descripción. Para ello el componente viene con las etiquetas [title] y [desc], preparadas.

Por tanto para Menéame nuestro marcador social será de la forma:

<a href="http://meneame.net/submit.php?url=[url]" [twin]>
<img src="[badgespath]/meneame_16.gif" alt="[text]" border="0" width="16" height="16" />
</a>

Una vez guardado el marcador tendremos que fijarnos en el número que se le asigna en la lista de marcadores porque será importante para configurar el plugin.