Utilizamos cookies propias y de terceros. Al navegar entendemos que aceptas el uso de cookies. +Info.
Política de cookies
Proyecto AjpdSoft

· Inicio
· Buscar
· Contactar
· Cookies
· Descargas
· Foros
· Historia
· Nosotros
· Temas
· Top 10
· Trucos
· Tutoriales
· Usuario
· Wiki

Nick


Contraseña


Nuevo usuario


English

Internet y Mail: Nuestro sitio web en las redes sociales Facebook, Twitter, Blogger, Delicious
Internet y comunicaciones


Explicamos en este artículo cómo promocionar nuestro sitio web en las distintas redes sociales, blog y microblog actuales: Twitter, Facebook, Delicious, Menéame, Reddit, Google Buzz, StumbleUpon, Digg, Technorati, Blogger, etc. Explicamos la diferencia entre las más importantes, para qué sirven y cómo añadir enlaces a cada una de ellas en nuestro sitio web (tanto automáticos como manuales con PHP y HTML).



 

Algunas definiciones previas: redes sociales, blog, microblog, marcadores sociales

En primer lugar vamos a indicar algunas definiciones y ejemplos de cada tipo de "página" (redes sociales, blog, microblog, marcadores sociales, etc.). Es necesario tener claro para qué sirve cada tipo de página, así podremos saber cómo promocionar nuestro sitio web en cada una de ellas y si es conveniente realizar dicha promoción.

Red social, servicio de red social

Una red social es una estructura social compuesta de personas, organizaciones u otras entidades, las cuales están conectadas por uno o varios tipos de relaciones, tales como amistad, parentesco, intereses comunes, intercambios económicos, relaciones sexuales, o que comparten creencias, conocimiento o prestigio.

Un servicio de red social se centra en la construcción y la verificación de las redes sociales online para las comunidades de personas que comparten intereses y actividades, o que están interesados en explorar los intereses y las actividades de otros, y que requiere el uso de software.

La mayoría de los servicios están principalmente basados en la web y ofrecen una colección de diversas vías para que los usuarios puedan interactuar, como el chat, mensajería, correo electrónico, videoconferencia, chat de voz, el uso compartido de archivos, blogs, grupos de discusión, tienda virtual, etc.

Los principales tipos de servicios de redes sociales son las que contienen los directorios de algunas categorías (como los amigos). Existen numerosos sitios web de servicio de red social, algunos de los más importantes: Facebook, MySpace, Bebo, Skyblog, Hi5, Tuenti, Sonico, Fotolog, Orkut, Muugoo, Friendster, CyWorld, LiveJournal, etc.

 

Blog

Un blog o bitácora (basado en los cuadernos de bitácora, cuadernos de viaje que se utilizaban en los barcos para relatar el desarrollo del viaje y que se guardaban en la bitácora) es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Aunque el nombre se ha popularizado en los últimos años a raíz de su utilización en diferentes ámbitos, el cuaderno de trabajo o bitácora ha sido utilizado desde siempre.

Este término inglés blog o weblog proviene de las palabras web y log ("log" en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en la web (en línea).

Algunas variantes del weblog son los openblog, fotolog, los vlogs (videoblogs), los audioblogs y los moblog (desde los teléfonos móviles).

Algunas plataformas web que permiten crear blog: Blogia, Blogger, WordPress, etc.

 

Marcadores sociales

Los marcadores sociales son una forma de almacenar, clasificar y compartir enlaces en Internet o en una Intranet.

Además de los marcadores de enlaces generales, existen servicios especializados en diferentes áreas como libros, vídeos, música, compras, mapas, etc. Los marcadores sociales también forman parte de los marcadores sociales de noticias.

Algunos marcadores sociales: reddit, Menéame, keepyourlinks, Favoriting, Diigo, Delicious, Reddit, LinkedIn, StumbleUpon, Digg, Technorati, etc.

 

Microblogging

El microblogging o nanoblogging, es un servicio que permite a sus usuarios enviar y publicar mensajes breves (alrededor de 140 caracteres), generalmente de sólo texto. Las opciones para el envío de los mensajes varían desde sitios web, a través de SMS, mensajería instantánea o aplicaciones ad hoc.

Estas actualizaciones se muestran en la página de perfil del usuario, y son también enviadas de forma inmediata a otros usuarios que han elegido la opción de recibirlas. El usuario origen puede restringir el envío de estos mensajes sólo a miembros de su círculo de amigos, o permitir su acceso a todos los usuarios, que es la opción por defecto.

Los principales servicios son Twitter, Plurk, Identi.ca, Jaiku, Tumblr, Pownce, Khaces, Picotea.com y Xmensaje.

 

La importancia de la presencia de nuestro sitio web en estos entornos

A día de hoy, las redes sociales, blog y microblog están "de moda". Son servicios utilizados por millones de usuarios en todo el mundo, por lo que es una buena forma de promocionar nuestro sitio web, dándolo de alta en estos servicios. Además, otra de las ventajas es que el alta y presencia en estos servicios suele ser gratuita, por lo que no tendrá un coste para nuestra empresa, sólo será necesario dedicar unos minutos al día para mantener los datos de nuestra empresa actualizados en las distintas redes sociales y microblog.

Por supuesto, dependiendo de la temática de nuestro sitio web, nos interesará darlo de alta en unos u otros servicios.

En nuestro caso, el Proyecto AjpdSoft es un sitio web sin ánimo de lucro con artículos, manuales y trucos sobre nuevas tecnologías, también código fuente de aplicaciones en varios lenguajes de programación. Por ello, como ejemplo, tenemos presencia en los siguientes servicios:

  • YouTube: aunque no es una red social al uso, si es un servicio ampliamente usado, por lo que si disponemos de algún vídeo podemos crear un canal en YouTube para darnos a conocer.
  • Facebook: este servicio de red social es el más usado en el mundo, por lo que es muy recomendable disponer de nuestra página en Facebook.
  • Wikipedia: aunque no es un servicio de red social también es una de las plataformas más visitadas del mundo, por lo que, siempre que sea posible, es recomendable tener nuestro artículo haciendo referencia a nuestro sitio web en la Wikipedia.
  • Twitter: por supuesto, este microblogging es de los más visitados del mundo, por lo que deberemos tener nuestra cuenta en twitter.
  • Blogger: el sevicio de Blog más utilizado en el mundo, también deberemos tener nuestro blog.
  • Reddit: servicio de marcadores sociales muy usado.
  • StumbleUpon: servicio de marcadores sociales muy usado.
  • Digg: servicio de marcadores sociales muy usado.

Por supuesto, en todos estos servicios, siempre haremos referencia a las distintas páginas de nuestro sitio web, añadiendo enlaces cuando sea posible. Además, intentaremos mantener estos servicios actualizados y buscar "amigos" o "suscriptores". Por ejemplo, cada vez que publicamos un artículo en nuestro sitio web, lo publicamos también (el enlace al artículo) en los distintos sevicios, como Twitter, Blogger ó Facebook.

 

Barra de accesos a Facebook, Blogger, Twitter, Menéame, Delicious

Desde hace unos meses, debido al uso extendido que hacen los usuarios de los servicios de red social, la gran parte de los sitios web incluyen enlaces en sus páginas para que los usuarios que las visitan puedan darlas a conocer en sus redes sociales. Vamos a explicar en esta sección cómo añadir estos enlaces para que cualquier usuario, con un simple clic de ratón, pueda dar a conocer o "valorar" alguna de nuestras páginas. Explicamos cómo añadir esta barra de accesos a servicios de red social manualmente o usando algún sitio web que nos permita añadir esta barra automáticamente.

 

Barra de accesos a servicios de red social con AddThis (automática)

La opción más sencilla es usar algún sevicio que proporcione el código (normalmente JavaScript) necesario para añadir una barra de botones para publicitar nuestro sitio por parte de los usuarios que lo visitan. El más conocido es AddThis (www.addthis.com), aunque existen otros como AddToAny (www.addtoany.com).

Desde estos servicios, con un sencillo asistente, obtendremos el código fuente en JavaScript necesario para añadir una barra de botones para publicitar nuestro sitio en varios servicios de redes sociales, marcadores sociales y microblog. Algo así como lo que aparece en la siguiente imagen:

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Para añadir una barra como la mostrada en la imagen seguiremos los siguientes pasos:

1. Accederemos a la web www.addthis.com, seleccionaremos en "1. Select your service." el tipo de página web de que dispongamos:

  • Website: generará el código para un sitio web cualquiera.
  • WordPress: generará el código para este entorno web.
  • Blogger: generará el código para este entorno web.
  • MySpace: generará el código para este entorno web.

En "2. Select a style." seleccionaremos el tipo de barra que se mostrará.

En "3. Do you want analytics?" tendremos dos opciones:

  • No, just gibe me the button: si seleccionamos esta opción, AddThis no nos guardará estadísticas de uso de los botones en nuestro sitio web, la ventaja es que marcando esta opción no necesitaremos registrarnos y el código para la barra de botones nos lo mostrará directamente.
  • Yes, I want sharing statistics (requires registration): marcando esta opción AddThis nos guardará estadísticas de uso de los botones que podremos consultar en cualquier momento. Si marcamos esta opción deberemos registrarnos en la web.

Una vez que hayamos seleccionado las opciones correspondientes pulsaremos "Get Your Button":

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Copiaremos el código resultante en "Grab the code":

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

El código puede ser algo así (variará en función de las personalizaciones elegidas):

    <!-- AddThis Button BEGIN -->
    <a class="addthis_button"
    href="http://www.addthis.com/bookmark.php?v=250&username=xa-4c73a4ea44410be3">
  <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16"
  alt="AjpdSoft Bookmark and Share" style="border:0"/></a>
  <script type="text/javascript" 
  src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c73a4ea44410be3">
  </script>
    <!-- AddThis Button END -->

A continuación copiaremos este código y lo pegaremos en el lugar de nuestro sitio web donde queramos que aparezca la barra de botones automática, por ejemplo, en nuestro caso, puesto que queremos que aparezca en todas las páginas de nuestro sitio web, colocaremos el código al principio de todos los ficheros (html, php, asp, etc.) de nuestro sitio web, por ejemplo:

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Una vez añadido el código generado en el sitio web de AddThis a los ficheros de nuestro sitio web, los subiremos al hosting y comprobaremos cómo queda la barra de botones:

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

La gran ventaja de usar estos servicios para añadir esta barra de accesos a nuestro sitio web es que no tendremos que preocuparnos de actualizar los accesos cuando haya un nueva red social, pues este tipo de servicios actualizan sus listas de servicios y se actualizan en nuestra web de forma automática. Otra de las ventajas de usar AddThis (o algún otro) es que suelen permitir mostrar la barra de forma bastante profesional, con los iconos correspondientes, con ventanas emergentes en flash, etc, además, suelen ser bastante personalizables.

El inconveniente principal es que si usamos este tipo de servicios (que suele ser gratuito) cuando un usuario visite nuestra web, también se realizará un acceso (visita) al sitio web de este servicio para obtener los datos necesarios para crear la barra (imágenes, lista de sitios, guardar estadísticas). Es decir, el código fuente JavaScript de este tipo de servicios accede a su propia web para obtener las imágenes de los iconos, la personalización elegida y las distintas redes sociales. Por lo que tenemos que tener en cuenta que añadir una de estas barras supondrá una visita a estos sitios web por cada visita a nuestra página. Este método puede ralentizar un poco la visualización de nuestra página.

 

Añadir barra de accesos de forma manual a nuestro sitio web

Exponemos los distintos enlaces para cada servicio (Twitter, Facebook, Delicious, Menéame, Reddit, Google Buzz, StumbleUpon, Digg, Technorati y Blogger):

  • Twitter:

http://twitter.com/home?status=Texto_Descriptivo - URL_A_Publicar

  • Facebook:

http://www.facebook.com/sharer.php?u=URL_A_Publicar&t=Texto_Descriptivo

  • Delicious:

http://delicious.com/save?v=5&url=URL_A_Publicar&title=Texto_Descriptivo

  • Menéame:

http://meneame.net/submit.php?url=URL_A_Publicar

  • Reddit:

http://reddit.com/submit?url=URL_A_Publicar&title=Texto_Descriptivo

  • Google Buzz:

http://www.google.com/reader/link?url=URL_A_Publicar&title=Texto_Descriptivo

  • StumbleUpon:

http://www.stumbleupon.com/submit?url=URL_A_Publicar&title=Texto_Descriptivo

  • Digg:

http://digg.com/submit?url=URL_A_Publicar&amp;title=Texto_Descriptivo

  • Technorati:

http://technorati.com/faves?add=URL_A_Publicar&title=Texto_Descriptivo

  • Blogger:

http://www.blogger.com/blog-this.g?t=Texto_Descriptivo&u=URL_A_Publicar

Donde:

  • Texto_Descriptivo: normalmente suele ser el título de la página web a publicar, aunque puede ser cualquier texto descriptivo. Este texto suele estar limitado en caracteres, dependiendo del servicio donde se publique.
  • URL_A_Publicar: dirección web que queramos publicar, normalmente la URL actual.

A continuación vamos a explicar cómo automatizar este proceso utilizando un poco de código PHP para obtener la URL actual, de esta forma podremos escribir la URL de cada servicio de forma automática:

1. En primer lugar crearemos un fichero, llamado redes.php, que tendrá el siguiente código PHP:

<?php  

  class SocialClass 
  {
    var $url;
    var $title;
    var $target;
    var $type;
         
	 
    function SocialClass($_url, $_title, $_target = "_blank", $_type = "link") 
    {
      $this->url = urlencode($_url);
      $this->title = urlencode($_title);
      $this->tituloTwitter = $_title;
      $this->setTarget($_target);
      $this->setType($_type);
    }
  
    function setTarget($_target) 
    {
      if ($_target != "") 
      {
        $this->target = " target=\"".$_target."\"";
      }
    }
  
    function setType($_type) 
    {
      $this->type = $_type;
    }
  
    function write($path, $label = "") 
    {
      if ($this->type == "link") 
      {
        return "<a href=\"".$path."\"".$this->target.
            ">".$label."</a>";
      } 
      else 
      {
        return $path;
      }
    }
  
    function delicious($label = "Delicious") 
    {
      $path = "http://delicious.com/save?v=5&url=".
          $this->url."&title=".$this->title;
      return $this->write($path, $label);
    }

    function digg($label = "Digg") 
    {
      $path = "http://digg.com/submit?url=".$this->url.
          "&title=".$this->title;
      return $this->write($path, $label);
    }
  
    function facebook($label = "Facebook") 
    {
      $path = "http://www.facebook.com/sharer.php?u=".
          $this->url."&t=".$this->title;
      return $this->write($path, $label);
    }
  
    function technorati($label = "Technorati") 
    {
      $path = "http://technorati.com/faves?add=".
          $this->url."&title=".$this->title;
      return $this->write($path, $label);
    }
  
 
    function twitter($label = "Twitter") 
    {
      $cadena = $this->tituloTwitter;			  

      $cadenasBuscar = array("-", ",", "   ");
      $cadenasPoner= array(" ", " ", " ");
      $cadena = str_replace($cadenasBuscar, $cadenasPoner, $cadena);

      $cadenasBuscar = array("á", "Á", "é", "É", "í", "Í", "ó", "Ó", "ú", "Ú");
      $cadenasPoner = array("a", "A", "e", "E", "i", "I", "o", "O", "u", "U");
      $cadena = str_replace ($cadenasBuscar, $cadenasPoner, $cadena);

      $cadena = urlencode(trim($cadena));

      $path = "http://twitter.com/home?status=". 
          $cadena . " - " . $this->url;
      return $this->write($path, $label);
    }
  
    function meneame($label = "Meneame") 
    {
      $path = "http://meneame.net/submit.php?url=".
          $this->url;
      return $this->write($path, $label);
    }
  
    function reddit($label = "Reddit") 
    {
      $path = "http://reddit.com/submit?url=".
          $this->url."&title=" . $this->title;
      return $this->write($path, $label);
    }
  
    function stumbleupon($label = "StumbleUpon") 
    {
      $path = "http://www.stumbleupon.com/submit?url=".
          $this->url."&title=" . $this->title; 
      return $this->write($path, $label);
    }
  
    function buzz($label = "Google Buzz") 
    {
      $path = "http://www.google.com/reader/link?url=".
          $this->url."&title=".$this->title; 
      return $this->write($path, $label);
    }

function blogger($label = "Blogger")
{
$path = "http://www.blogger.com/blog-this.g?t=".
$this->title . "&u=" . $this->url;
return $this->write($path, $label);
} } ?>

Guardaremos el contenido anterior en un fichero con el nombre redes.php, que subiremos a nuestro sitio FTP.

2. Buscaremos en Internet las imágenes (iconos) para cada servicio que queramos añadir, en este ejemplo, añadiremos el botón para Twitter, Facebook, Delicious, Menéame, Reddit, Google Buzz, StumbleUpon, Digg, Technorati y Blogger. Subiremos las imágenes de cada servicio a nuestro sitio FTP.

3. En las páginas donde queramos añadir la barra de botones o iconos para los servicios de red social, marcadores sociales y microblogging añadiremos el siguiente código HTML y PHP:

<?php 

  include("redes.php");
	
  function urlActual ()
  {
    $url = 'http';
    if ($_SERVER["HTTPS"] == "on")
    {
      $url .= "s";
    }
    $url .= "://";
    if ($_SERVER["SERVER_PORT"] != "80")
    {
      $url .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] .
          $_SERVER["REQUEST_URI"];
    }
    else
    {
      $url .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
    }
    return $url;
  }  
  
  $url = urlActual ();
  
  $titulo = "Título de la página o descripción a publicar";

  $social = new SocialClass($url, $titulo, "", "url"); 

?>
   
  <a href="<?php echo $social->facebook(); ?>" 
      target="_blank"><img src="facebook.png" border="0" alt="AjpdSoft Publicar en Facebook"></a>
  <a href="<?php echo $social->meneame(); ?>" 
      target="_blank"><img src="meneame.png" border="0" alt="AjpdSoft Menéame"></a>
  <a href="<?php echo $social->twitter(); ?>" 
      target="_blank"><img src="twitter.png" border="0" alt="AjpdSoft Compartir en Twitter"></a>
<a href="<?php echo $social->blogger(); ?>"
target="_blank"><img src="blogger.png" border="0" alt="Publicar en Blogger"></a> <a href="<?php echo $social->delicious(); ?>" target="_blank"><img src="delicious.png" border="0" alt="AjpdSoft Delicious"></a> <a href="<?php echo $social->reddit(); ?>" target="_blank"><img src="reddit.png" border="0" alt="AjpdSoft Reddit"></a> <a href="<?php echo $social->technorati(); ?>" target="_blank"><img src="technorati.png" border="0" alt="AjpdSoft Tecnorati"></a> <a href="<?php echo $social->stumbleupon(); ?>" target="_blank"><img src="stumbleupon.png" border="0" alt="AjpdSoft StumbleUpon"></a> <a href="<?php echo $social->buzz(); ?>" target="_blank"><img src="buzz.png" border="0" alt="AjpdSoft Google Buzz"></a> <a href="<?php echo $social->digg(); ?>" target="_blank"><img src="digg.png" border="0" alt="AjpdSoft Digg"></a>
 

Nota: hemos supuesto que las imágenes subidas para cada servicio son: facebook.png, meneame.png, twitter.png, delicious.png, reddit.png, technorati.png, stumbleupon.png, buzz.png, digg.png y blogger.png).

Nuestra barra de accesos directos a los servicios sociales y marcadores sociales quedará así (variará en función de la visualización e iconos elegidos):

AjpdSoft Añadir barra de accesos de forma manual a nuestro sitio web

 

 

Añadir "me gusta" de Facebook a nuestro sitio web

Por supuesto, casi todos los servicios de redes sociales, los microblog y los marcadores sociales suelen tener un API y algunos asistentes para crear botones y demás opciones para mostrarlas en nuestro sitio web, por ejemplo el típico botón Twittear:

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Este tipo de botones se puede añadir a nuestro sitio web de forma bastante sencilla, suele ser suficiente con seguir unos pasos en el asistente de cada servicio a tal efecto, nos generará un código JavaScript que deberemos pegar en la página donde queramos que aparezca el botón o el cuadro de texto.

Vamos a explicar en esta sección, puesto que es el botón que más de moda está, cómo añadir el botón "Me gusta" de Faccebook a nuestro sitio web, para que quede de la siguiente forma:

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Para añadir este botón "Me gusta" de Facebook, abriremos la web de Facebook accediendo a:

http://developers.facebook.com/docs/reference/plugins/like

Introduciremos los datos que nos pide para configurar cómo quedará el botón "Me gusta" y pulsaremos "Get code":

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Copiaremos el código generado por el asistente y lo pegaremos en la página de nuestro sitio donde queramos que aparezca el botón "Me gusta":

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

Quedará algo así:

AjpdSoft Nuestro sitio web en las redes sociales Facebook, Twitter, Menéame, Buzz, Blogger

 

Artículos relacionados

 

Créditos

Artículo realizado íntegramente por Alonsojpd miembro fundador del proyecto AjpdSoft.


Anuncios


Enviado el Domingo, 29 agosto a las 19:58:00 por ajpdsoft
Este sitio web NO CONTIENE malware, todos los programas con código fuente aquí. Autor: Alonso Javier Pérez Díaz Google+ Síguenos en Google+