Tecnología

Configurar Twitter @Anywhere en tu sitio en 5 minutos

Configurar Twitter @Anywhere en tu sitio en 5 minutos

Este post es una traducción del original “How To Setup Twitter Anywhere On Your Site In 5 Minutes” creado por Nick O’Neill en socialtimes.com que enseña a cómo configurar Twitter @Anywhere en tu sitio y me parecio interesante traducirlo y postearlo ya que el proceso es muy sencillo y quizás algunos lectores tengan problemas con el ingles.

Pero que es Twitter @Anywhere?

Lo que vamos a lograr con esta implementación es que cada vez que escribamos el nombre de un usuario de twitter en el blog aparezca una especie de carta de presentacion del usuario que hace posible que puedas agregarlo como amigo colocando el mouse encima del nombre y logueandote en tu cuenta. Ejemplo: @cesanz

De esta forma podemos lograr que nuestros lectores se conecten con los usuarios de twitter que nombramos en nuestros articulos volviendo mas interesante la experiencia de lectura y enganche con la herramienta.

Pero empecemos con los pasos, que es un proceso muy sencillo.

Paso 1: Visite el Área de Twitter @Anywhere y registra tu sitio
El primer paso para conseguir que Twitter @Anywhere funcione en tu sitio es registrar la aplicacion. Simplemente visita el sitio de Twitter dev y llena el formulario con los datos de tu sitio.
<img src=”http://thelemongroup.net/v2/wp-content/uploads/2010/04/twitter-anywhere-settings.jpg” alt=”twitter-anywhere-settings” title=”twitter-anywhere-settings” width=”550″ height=”396″ />
Paso 2: Agregue un fragmento de JavaScript en el encabezado de tu sitio (Header)
Añade la línea de Javascript en su página de la siguiente manera:
<Src=”http://platform.twitter.com/anywhere.js?id=YourAPIKey&v=1″> <script / script>
Todo lo que necesitas hacer es sustituir tu “APIKey” con la clave de la API de Twitter que se te dio después de completar el paso 1. Incluso al completar el paso 1 ya te proporcionan el código listo para copiar y pegar. Si no estás acostumbrado a la edición de HTML podes tener algunos problemas, sin embargo si estas acostumbrado va a ser fácil.
Paso 3: Añadir un fragmento de código JavaScript en tu pie de página. (Footer)
El último paso es la adición de un fragmento de código JavaScript en el pie de página de tu sitio. De hecho, esto puede ir a cualquier parte del código, sin embargo es recomendable que vaya justo antes del cierre de su
</ Body>
Como se describe en el video tutorial, la forma más fácil de poner en marcha consiste en incluir el siguiente fragmento de código:
type=”text/javascript”> <script
twttr.anywhere (función (twitter) (
twitter.linkifyUsers ();
)
</ Script>
Este código vinculará a todos los usuarios de su sitio que tienen como referencia un nombre de usuario de Twitter con un signo @.
¡Ya está!
Eso es todo! Sí, sólo se tarda 5 minutos para poner en marcha Twitter @Anywhere y ¡funciona! Si preferis un vídeo tutorial acá tenes el paso a paso. En ingles, pero muy sencillo de seguir.
<object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/_03YUDOyj48&hl=es_ES&fs=1&color1=0x234900&color2=0x4e9e00″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/_03YUDOyj48&hl=es_ES&fs=1&color1=0x234900&color2=0x4e9e00″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object>

Paso 1: Visita el Área de Twitter @Anywhere y registra tu sitio

El primer paso para conseguir que Twitter @Anywhere funcione en tu sitio es registrar la aplicacion. Simplemente visita el sitio de Twitter dev y llena el formulario con los datos de tu sitio.

twitter-anywhere-settings

Paso 2: Agregue un fragmento de JavaScript en el encabezado de tu sitio (Header)

Añade la línea de Javascript en su página de la siguiente manera:

<Src=”http://platform.twitter.com/anywhere.js?id=YourAPIKey&v=1″> <script / script>

Todo lo que necesitas hacer es sustituir tu “APIKey” con la clave de la API de Twitter que se te dio después de completar el paso 1. Incluso al completar el paso 1 ya te proporcionan el código listo para copiar y pegar. Si no estás acostumbrado a la edición de HTML podes tener algunos problemas, sin embargo si estas acostumbrado va a ser fácil.

Paso 3: Añadir un fragmento de código JavaScript en tu pie de página. (Footer)

El último paso es la adición de un fragmento de código JavaScript en el pie de página de tu sitio. De hecho, esto puede ir a cualquier parte del código, sin embargo es recomendable que vaya justo antes del cierre de su

</ Body>

Como se describe en el video tutorial, la forma más fácil de poner en marcha consiste en incluir el siguiente fragmento de código:

type=”text/javascript”> <script

twttr.anywhere (función (twitter) (

twitter.linkifyUsers ();

)

</ Script>

Este código vinculará a todos los usuarios de su sitio que tienen como referencia un nombre de usuario de Twitter con un signo @.

¡Ya está!

Eso es todo! Sí, sólo se tarda 5 minutos para poner en marcha Twitter @Anywhere y ¡funciona! Si preferis un vídeo tutorial acá tenes el paso a paso. En ingles, pero muy sencillo de seguir

Qué te parece? Vas a utilizar @Anywhere en tu sitio?

Comentarios via Facebook:

comentarios

Tecnología
@cesanz

Muchacho que hace cosas en Internet.

Más sobre Tecnología

Un celular sin batería que hace llamadas con señales de radio y luz

Cesar15 agosto, 2017

BenQ revoluciona y promociona el mercado Gamer

Cesar22 septiembre, 2015

El cuestionamiento conduce a respuestas y amenazan las estructuras

Cesar10 marzo, 2014

Sobre el sitio:

11 años online creando contenido y conversando sobre cultura digital, comunicación, internet y nuevos medios.

Facebook

Copyleft 2017