Tutoriales, Wordpress

Comparte tus URLs cortas al estilo Techcrunch

Publicado por Claudia en Junio 30, 2009

Hace algún tiempo, Techcrunch comenzó a usar su propio acortador de direcciones, con un dominio distinto al principal. Tener un acortador de URLs propio no es cosa difícil, especialmente si usas WordPress e instalas un plugin como Link Shortcut. Pero lo que me llamó la atención, fue la cajita que utiliza Techcrunch para compartir sus URLs cortas, las cuales se generan automáticamente para cada post.

Pienso que mostrar tus enlaces permanentes ayuda a que se difundan tus posts, especialmente si muestras URLs cortas para compartir en Twitter o Facebook. Una URL corta debería significar mayor difusión, porque les ahorra a tus visitantes el tener que ir a Bit.ly (u otro acortador), si es que no usan alguna extensión para Firefox o algún bookmarklet que les permita hacer esto con un click.

Aquí comparto la forma que encontré para mostrar tus URLs cortas al estilo Techcrunch y facilitar que compartan tus enlaces. Probablemente exista una manera distinta, más simple y hasta mejor de hacerlo, pero quise mostrar una vía “casera” que sí funciona (pueden ver el resultado de mi “experimento” al final de este post).

Un poco de javascript

Partiendo por lo general, lo primero fue buscar la manera de seleccionar todo el texto (la URL, en este caso) al hacer click con el mouse. Algo básico, pero necesario. De esta forma, utilicé un script que produce este efecto, y que puedes encontrar en Javascript Array o en Wallpaperama. Cualquiera de las dos versiones me va a permitir mostrar las cajitas para mis URLs, cambiando el valor (value) del input.

Buscando el plugin idóneo

En WordPress, hay varios plugins para generar URLs cortas, pero me decidí por “La Petite URL“, que hace este prodecimiento por sí mismo, instantáneamente.

Este plugin tiene opciones de configuración básicas: eliges el largo de tus URLs y el tipo de caracteres que quieres usar (letras minúsculas, mayúsculas y/o números). Luego de su instalación y configuración, sólo queda encontrar la función que me permita mostrar una URL corta para cada post, en el archivo single.php. La función que utilicé fue la siguiente:

<?php the_petite_url(); ?>

Dicha función muestra sólo los caracteres aleatorios de mi URL (ejemplo, “abcde”), por lo que antes tengo que añadir la dirección de mi blog (http://chicablogger.com/). Por lo tanto, procedí así:

1. Copié el siguiente código (el script) antes del cierre de la etiqueta “body“:

<script type="text/javascript">
function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}
</script>

2. Puse este código en mi single.php, antes de los comentarios:

<input type="text" style="width:180px; border: 1px solid #c3c3c3" onClick="SelectAll('short_txtfld');" value="<?php echo get_option('home'); ?>/<?php the_petite_url(); ?>" />

Ahora, para mostrar la URL completa (en vez de la versión acortada), el código deberá ser como el anterior, pero cambiando el valor (value) por este:

<?php the_permalink(); ?>

A considerar: El plugin funciona sólo para posts nuevos. Si quieres que genere URLs cortas para tus posts antiguos, deberás volver a guardarlos.

Una alternativa simple para Blogger

1. Pega antes del cierre de la etiqueta “body“.

<script type='text/javascript'>
function select_text()
{
var content=eval(&quot;document.myform.field&quot;);
content.focus();
content.select();
}
</script>

2. Busca el siguiente código:

<div class='post-footer-line post-footer-line-3'>

Y pega debajo:

<form action='' method='post' name='myform'>
<textarea name='field' onClick='select_text();' style='width: 180px; height: 15px; border: 1px solid #c3c3c3;'><data:post.url/></textarea>
</form>

El código anterior no genera URLs cortas, pero sí muestra tus URLs para trackbacks.

Tags: , ,
Herramientas, Productos Google

Crea URLs cortas con bit.ly en Google Docs y Gmail

Publicado por Claudia en Mayo 9, 2009

Desde hace un par de semanas, prefiero usar mi propio acortador de URLs en vez de utilizar servicios externos. Pero convengamos en que Bit.ly está ganando terreno en relación a TinyURL.com, y que está a punto de ganar la llamada “guerra de los acortadores de URLs” (URL shortening wars).

Bit.ly no sólo es un acortador de direcciones más “corto” que TinyURL (valga la redundancia), también está convirtiéndose en el preferido de quienes usamos Twitter (y otras aplicaciones) por la gran cantidad de herramientas que está incorporando. Entre estas herramientas, hay dos que quiero mostrar, y que considero de gran utilidad: la posibilidad de utilizar el servicio desde Google Docs y Gmail.

Utilizando Bit.ly desde Google Docs

google-docs

1. Accede a tu cuenta de Google, y luego a Docs.

2. Descarga y abre la plantilla creada por los desarrolladores de Bit.ly.

3. Crea una copia de esa plantilla (File/Create a copy).

4. Ingresa en la columna A la URL que quieres acortar, y haz click en la celda correspondiente (en la misma fila) de la columna B o C. La columna B hace un llamado a la Api de Bit.ly que permitirá que en la columna C aparezcan automáticamente las URLs acortadas con Bit.ly.

Si guardas el documento (File/Save & close), podrás almacenar tus direcciones y volver a usarlas en otra oportunidad.

Utilizando Bit.ly desde Gmail

1. Accede a tu cuenta de Gmail/Configuración/Labs.

2. Baja hasta el final, y habilita la opción “Añadir cualquier gadget mediante URL”. Guarda los cambios.

3. Ahora aparecerá una nueva pestaña en tu panel de configuración, de nombre “Gadgets“. Añade la siguiente URL:

http://hosting.gmodules.com/ig/gadgets/file/107368512201818821991/bitly-shortener.xml

Ya tienes el gadget de Bit.ly en tu barra lateral.

bitly

Vía: Labnol, Hackaddict

Tags: ,
Wordpress

Crea tu propio acortador de direcciones en WordPress

Publicado por Claudia en Abril 22, 2009

scissorscuttingpaperLos servicios acortadores de URLs son de uso popular, especialmente entre quienes utilizamos Twitter. Estos servicios son innumerables (incluyendo al conocido TinyURL), y aunque son enormemente útiles, presentan dos grandes desventajas:

1. Al utilizar un servicio externo estamos fortaleciendo determinada marca y llevando usuarios hacia tal servicio, sin ganar nada a cambio.

2. Siempre existe el riesgo de que nuestras URLs sean borradas o cambiadas de destino.

Son razones más que suficientes para pensar en tener nuestro propio acortador de direcciones, cosa nada complicada y que nos permitirá promocionar nuestro dominio y almacenar las URLs generadas en nuestro servidor.

Para crear nuestro propio acortador de direcciones sólo necesitamos dos cosas: (1) Un blog manejado bajo WordPress.org (propio dominio, propio hosting); y (2) un plugin llamado Link Shortcut.

Si instalamos y activamos el plugin, en teoría, ya tenemos nuestro acortador de URLs. Sin embargo, antes de instalarlo es necesario hacer una precisión: El plugin hace redirecciones 302, y es mejor configurarlo para que haga redirecciones 301 (no es estrictamente necesario, pero sí muy recomendado), por una cosa de SEO. Por ello, luego de descargar y descomprimir el plugin, en la carpeta lib debemos buscar el archivo Linkshortcut.php, y ubicar la siguiente línea:

wp_redirect($final_destination);

Ahora, reemplazaremos esa línea por:

wp_redirect($final_destination,301);

Una vez hecho eso, estamos en condiciones de instalar el plugin Link Shortcut, que nos permitirá acortar cualquier dirección (sea de nuestro sitio o cualquier otro), pudiendo elegir entre números y letras al azar o algún nombre breve para cada URL, tal y como cualquier otro acortador.

Configuración

Instalado y activado el plugin, en el menú Opciones debemos configurarlo (Link Shortcut Options), de la siguiente manera:

  • En el campo Character Length ponemos el número de caracteres que tendrá nuestra URL acortada (por defecto = 8), sin considerar el nombre de nuestro dominio con http (sin www) y slash al final. Y aquí es necesario hacer otra precisión: Si queremos URLs para usar en Twitter, debemos pensar en un máximo de 30 carácteres.

Por ejemplo:
http://chicablogger.com/ = 24 caracteres. Por lo tanto, el número máximo que puedo poner Character Lenght es 6 (yo elegí 4).

  • Dejamos en blanco el campo Subdirectory y Guardamos los cambios.

Usando el plugin

En el menú Link Shortcuts > Add New (bajo el menú Opciones) veremos:

shortcut2

Los campos a completar son bastante intuitivos:

  • Shortcurt URL: Elegimos entre generar una URL al azar o usar un nombre determinado para ella.
  • Web Address to Shortcut: La URL que queremos acortar.
  • Shortcut Name: La descripción de la URL que será guardada en nuestro panel de administración (sólo para fines prácticos de organización e identificación posterior de cada destino).

Finalmente, presionamos el botón Add Link Shortcut y volvemos al menú Link Shortcuts > Link Shortcuts, donde aparecerán nuestra(s) URL(s) generada(s), de la siguiente forma:
shortcut3

Conclusión

Las ventajas de la utilización de este plugin son evidentes: promoción de nuestro dominio como marca con URLs cortas y SEO-amigables, manejo y edición de los links generados desde el panel de administración y uso exclusivo y personal, lo cual aumenta la credibilidad de las URLs que utilizamos.

Vía:
OutspokenMedia

Tags: ,
Herramientas

OinkURL: Pídele al cerdito que te acorte la url

Publicado por Claudia en Febrero 5, 2009

OinkURL es otro servicio acortador de URL’s como muchos otros (Make use of, por ejemplo, destaca a TinyURL.com e is.gd como dos de los más populares). Si de acortadores de URL’s se trata, podemos encontrar muchísimos, pero OinkUrl tiene algunas características que lo hacen distinto a los demás: el diseño no sólo es lindo y amigable para los usuarios, sino también tiene la pecularidad de mostrar una captura de pantalla de la URL que queremos ver, incluyendo además un antivirus que indica si el contenido del sitio al que fuimos redireccionados es seguro, presenta un riesgo leve o si es peligroso y es mejor que no accedamos a él.

Al acortar una URL, veremos un simpático mensaje como este, que hace que el sitio sea aún más divertido y memorable: “No estamos sorprendidos de que funcionara. La URL que has querido acortar ha sido devorada por nuestros cerditos y extrañamente lograron expulsar una URL más corta“.

Enlace: OinkURL | Vía: Feedmyapp

Tags: