Integrar widget en tu blog/web

Si tienes o gestionas alguna web, puede que te interese facilitar a tus visitantes la forma de que puedan compartir y votar tus artículos en Tubaret.com. Te enseñamos a integrar nuestro widget en tu página de la forma más sencilla.

Para webs basadas en Wordpress (plugin)

Si tu web está basada en Wordpress, existe un plugin con soporte para toda la Tubaret Network que puedes descargar de:

http://wordpress.org/plugins/tubaret-network-share-button/

La forma más sencilla de instalar el plugin es descargarlo e instalarlo desde el panel de administración de tu wordpress en la sección de plugins. Puedes buscar por "Tubaret Network" en el administrador.

Ten en cuenta que por defecto el plugin está configurado para compartir tus contenidos en Tubaret.com (El site de temática generalista), pero es probable que te interese que tus contenidos se compartan directamente en Tubaret.com o en alguno de los portales temáticos especializados, para ello debes configurarlo en las opciones del plugin (Panel de Administración -> Ajustes -> Tubaret Network)

Desde el panel de configuración del plugin podrás además ajustar la apariencia o la posición del botón de Tubaret.com en tus artículos muy fácilmente.

Para todo tipo de webs (manual)

El botón de compartir funciona mediante un pequeño iframe que tendrás que incrustar en tu site

<iframe style="border: none; width: 100px; height: 30px;" src="http://www.tubaret.com/story/button?button_size=small"></iframe>

Únicamente insertando el iframe en la plantilla de tus artículos debería ser suficiente para que los usuarios puedan empezar a compartir tus contenidos en Tubaret.com sin problemas.

Definir los parámetros del botón de compartir

El botón tratará de definir automáticamente la URL del artículo que quieres compartir según donde esté contenido, sin embargo si quieres controlar este comportamiento tú mismo puedes definir algunos parámetros extra:

  • url: establece la url a compartir, o obtendrá la información de votos de la url si ya ha sido compartida con anterioridad
  • title: establece el título del artículo, facilitando a los usuarios el envío de artículos a Tubaret.com
  • button_size: establece el tamaño del botón entre small / medium / large / xlarge
Ejemplo:
<iframe style="border: none; width: 100px; height: 30px;" src="http://www.tubaret.com/story/button?url="http://www.tubaret.com/page/integrar-widget-en-tu-blog-web"&title="Integrar widget en tu blog/web"&button_size=small"></iframe>
Tamaño y formato del botón de compartir
El botón de compartir está diseñado en varios formatos y tamaños para facilitar la integración en tu site según diferentes necesidades, puedes escoger el tamaño del botón con el parámetro "button_size". Algunos ejemplos

Botón pequeño

<iframe style="border: none; width: 100px; height: 30px;" src="http://www.tubaret.com/story/button?button_size=small"></iframe>

Botón mediano

<iframe style="border: none; width: 100px; height: 30px;" src="http://www.tubaret.com/story/button?button_size=medium"></iframe>
 

Botón grande

<iframe style="border: none; width: 100px; height: 30px;" src="http://www.tubaret.com/story/button?button_size=large"></iframe>
 

Botón extra grande

<iframe style="border: none; width: 100px; height: 30px;" src="http://www.tubaret.com/story/button?button_size=xlarge"></iframe>