|
Internet y Mail: Nuestro sitio web en las redes sociales Facebook, Twitter, Blogger, Delicious
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 socialesEn 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 socialUna 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.
BlogUn 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 socialesLos 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.
MicrobloggingEl 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 entornosA 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:
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, DeliciousDesde 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: 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:
En "2. Select a style." seleccionaremos el tipo de barra que se mostrará. En "3. Do you want analytics?" tendremos dos opciones:
Una vez que hayamos seleccionado las opciones correspondientes pulsaremos "Get Your Button": Copiaremos el código resultante en "Grab the code": El código puede ser algo así (variará en función de las personalizaciones elegidas):
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: 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: 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 webExponemos los distintos enlaces para cada servicio (Twitter, Facebook, Delicious, Menéame, Reddit, Google Buzz, StumbleUpon, Digg, Technorati y Blogger):
Donde:
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); } 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>
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):
Añadir "me gusta" de Facebook a nuestro sitio webPor 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: 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: Para añadir este botón "Me gusta" de Facebook, abriremos la web de Facebook accediendo a:
Introduciremos los datos que nos pide para configurar cómo quedará el botón "Me gusta" y pulsaremos "Get code": 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": Quedará algo así: Artículos relacionados
CréditosArtículo realizado íntegramente por Alonsojpd miembro fundador del proyecto AjpdSoft. Anuncios
Enviado el Domingo, 29 agosto a las 19:58:00 por ajpdsoft
|
|