YouTube: Cómo agregar enlaces externos en las anotaciones

YouTube - logoUna de las funcionalidades más usadas que ofrece YouTube son las llamadas Anotaciones, esas burbujitas de colores que aparecen de pronto durante la reproducción de un video.

Estas Anotaciones pueden servir para subtitular un video en un idioma extranjero, para dar más información sobre las imágenes que estamos viendo, para enlazar a otro video en YouTube, etc.

Adicionalmente, YouTube ofrece a los usuarios Partners la opción de incluir en las Anotaciones un enlace a una web externa. Pero YouTube solo permite UNA web externa, un Sitio web asociado (que es generalmente el sitio web oficial de nuestro programa o producto). YouTube no permite enlazar directamente a otros sitios externos (*)

Para agregar un Sitio web asociado a su cuenta de YouTube, deben entrar a la página de Configuración del canal – Avanzado.

Entonces, ¿cómo podemos incluir Anotaciones que contengan un enlace a otro sitio web, que no sea el Sitio web asociado? Por ejemplo, agregar una Anotación con un enlace a tu fanpage de Facebook.

Para lograr esto podemos hacer uso de las redirecciones URL.

Con este método podemos crear enlaces dentro de nuestro sitio web, que redirijan automáticamente a cualquier otro sitio web externo que nosotros indiquemos.

Para esto tendrán que editar el archivo .htaccess de su sitio web [Tip: Cómo editar tu archivo .htaccess], y agregar una línea como la siguiente:

Redirect 301 /facebook http://www.facebook.com/laslo.rojas

En este ejemplo, si agrego esa línea al .htaccess de mi sitio web, el link http://laslorojas.com/facebook redirigirá a http://www.facebook.com/laslo.rojas

Ahora solo bastará agregar una Anotación en un video de YouTube con un enlace válido, el link http://laslorojas.com/facebook, y este te llevará automáticamente a una página en Facebook. Voilà!

* En realidad, YouTube sí permite agregar enlaces externos a algunos sitios: de Merchandising, y de Recaudación de fondos.

Thumbnails de YouTube en Facebook

La situación es la siguiente: tienes un blog en WordPress donde publicas posts que incluyen videos de YouTube. Al pegar un permalink de este blog en el muro de Facebook, se esperaría obtener los thumbnails correspondientes al video YouTube.

Con un blog que administro (enlacenacional.com) esto no sucedía. Facebook solo mostraba el logo de la web como thumbnail. Siempre. Era muy aburrido.

He leído que mucha gente tiene este problema, la mayoría le echa la culpa a un error de Facebook. Buscando una solución dí con una pista: la solución pasa por insertar en la cabecera de cada página el meta tag siguiente, que indica qué imagen debe usarse como preview (en este caso deben ser los thumbnails del video YouTube):

< link rel="image_src" >

Para hacer esto automáticamente, encontré el plugin Facebook and Digg Thumbnail generator. Sin embargo, noté que este plugin falla con los códigos embeded más recientes de YouTube.

For the record, anteriormente, el código embeded era de este tipo:

value="http://www.youtube.com/v/AhMfIL5MF2A&hl=es&fs=1

Ahora es así:

value="http://www.youtube.com/v/Os28AxvgYSw?fs=1&hl=es_ES

Como resultado de esta variación, el plugin Facebook and Digg Thumbnail generator no funciona correctamente. Había que mejorar, actualizar, su código, en particular la línea correspondiente a la expresión regular que obtiene el identificador del video, una serie de 11 caracteres.

Para eso, reemplazo esta línea:

preg_match('@www.youtube.com/v/([^&"\' ]*)&@i', $post->post_content, $m);

por esta otra:

preg_match('/www.youtube.com\/v\/([A-Za-z0-9._%-]*)[&\w;=\+_\-]*/', $post->post_content, $m);

Y ya que estoy en eso, agrego dos variables extras, para generar dos thumbnails más que Facebook pueda mostrar:

$image = "http://i4.ytimg.com/vi/$yt_id/default.jpg";
$image1 = "http://i4.ytimg.com/vi/$yt_id/1.jpg";
$image3 = "http://i4.ytimg.com/vi/$yt_id/3.jpg";
...
echo "\t".'< link rel="image_src" href="'.$image."\" />
echo "\t".'< link rel="image_src" href="'.$image1."\" />
echo "\t".'< link rel="image_src" href="'.$image3."\" />

Hechos estos cambios, el plugin funciona correctamente, y ahora Facebook ya tiene 4 opciones de thumbnails para los links de Enlace Nacional: el logo, y los 3 thumbnails del video YouTube.

El viral de la 73

Actualización [16 junio]: ¿Y qué fue? Un celular de Nokia. Se ve bacán. (Qué insoportable el ‘actor’ médico, ¿no?).

Porque es viral, ¿no? En estos días super mediatizados nada fuera de lo común puede suceder en nuestras pequeñas realidades cotidianas sin que lo veamos con un poco, bastante, de desconfianza.

Algunos apuestan por una campaña viral de alguna academia de Pole Dance, otros llegan a pensar en el Bar la 73 de Barranco. Esto tiene que ser “un BTL de cualquier cosa”, dicen en YouTube:

Sigues navegando y encuentras más “videos grabados con celular”: un güachi se pone a bailar en la calle Capón, un pata disfrazado de cocinero-estudiante en mercado surquillano, la tía que baila en Gamarra, y un doctor que no baila pero que básicamente lanza la campaña de ‘intriga’, que ya tiene web. A estas alturas ya vemos un dinero invertido en el “viral”. Incluso preparan pequeños videos que envían a expertos en el tema como Ocram, Goga, LC Burneo, esperando que su ‘poder viralizador’ sirva a la causa.

Nótese también el esfuerzo de utilizar nombres de usuarios propios de la cultura YouTube (para mezclarse con ‘la gente’): xixitaperu, luchitoperuchito, usureroduarte, shirleyiutube; y sus intentos por ser parte de la comunidad, dejando comentarios ‘en su idioma’, y respondiendo otros.

A mi me suena a que nos quieren vender más celulares Movistar. En fin, este es un caso para Café Taipá, aunque Arturo Goga ya lo vió antes.

Mientras tanto en Twitter, @hdanniel ya se las olió, y me parece que le tira dedo a @paizaraweb.

Otros keywords: ipm.org.pe, Agencia NO2, Telefónica.

Un estudio antropológico sobre YouTube

Muchos hemos visto el video “The Machine is Us/ing Us”, pero pocos conocen a su autor. Se llama Michael Welsch, es un antropólogo del Kansas State University quien, junto a un grupo de alumnos suyos, viene realizando un estupendo proyecto: una etnografía digital de la cultura YouTube. El video de la presentación que realizó en la Biblioteca del Congreso de EE.UU., en junio de este año, es una perfecta introducción en el tema. Sus 55 minutos de duración me han hecho dar cuenta de todo lo que me estoy perdiendo en YouTube, alrededor de sus video virales, sus hypes y personajes memorables, existe toda una comunidad de vloggers que reflexionan sobre su propia naturaleza, frente a la pequeña luz verde una webcam. El trabajo de Welsch aporta conceptos como el Colapso del contexto (Context Collapse), y Aesthetic Arrest, ideas realmente fascinantes.

Por alguna razón el video de la presentación de Welsch ya no puede ser insertado en sitios externos, así que les dejo una muestra de lo que produce la comunidad YouTube, un video que pasó desapercibido por mi radar, y ya lleva 64 millones de vistas!

El blog del proyecto, y más videos de interés.

(Vía Hacia una psico-antropología de YouTube)