Enviar tweets desde tu web con @anywhere de Twitter

@anywhere no sólo permite que fácilmente haya hovercards en tu sitio web, sino le puedes dotar de más usos que hasta ahora sólo eran posible mediante el uso de programación y la API de Twitter.

Por ahora son experimentales y no es garantizable que lo que hagas ahora, funcione en el futuro (Twitter se reserva el derecho a cambiar los modos de acceso y lo avisa claramente), pero sí que son fácilmente implementables en casi cualquier web. La explicación es básica y la que facilita Twitter, si lees la documentación de @anywhere verás que se pueden hacer más cosas.

  1. Asegúrate de estar logueado con la cuenta de Twitter de tu web/blog, o la tuya personal si es la única que tienes.
  2. Registrar tu web o blog como aplicación en http://dev.twitter.com/anywhere/apps/new, y sigue los sencillos pasos. Al final te dará un código HTML que hay que guardar para el cuarto paso, es para incluir en el HEADER de la web que incluya el formulario.
  3. Ir a Twitter Oauth, entrar en la aplicación que has generado y cambiar la aplicación que has generado, que estaba sólo en modo lectura por lectura y escritura.
  4. En el HEADER del HTML donde vaya, debe ir el código que nos facilita Twitter en el segundo paso. Y dentro del BODY el siguiente Javascript justo donde vaya el código:

<script type=”text/javascript”>
twttr.anywhere(function(twitter) {
twitter(“#custom-tweetbox”).tweetBox({
label: “Qué pasa (o lo que quieras)”,
defaultContent: “@estwitter ”
});
});
</script>
TUIT-TUIT
<div id=”twitter-connect-placeholder”></div>
<script type=”text/javascript”>

Podréis probarlo (tarda en cargarse). Según el sitio, os saldrá un problemilla u otro, que si os atravéis a probar lo anterior, también creo que sabréis resolver.

Si os saltáis el paso 3, no enviará nada, al no tener permisos de escritura.

A partir de ahí se puede personalizar algo, me queda investigar cómo optimizarlo en CSS, será estupendo si podéis aportar mejoras.

Hovercards y más en cualquier sitio con @anywhere

Ya está disponible @anywhere, por ahora con pocas funcionalidades pero que se puede implementar fácilmente en cualquier parte.

Para ello, entramos en http://dev.twitter.com/anywhere/ y rellenamos el simple formulario como el de arriba. Nos dará un código muy sencillo que implementamos entre el y de nuestra página web.

hovercards @anywhere register formY a partir de ahí, símplemente poniendo el nombre de usuario, nos saldrá el Hovercard del mismo, pudiendo incluso seguirlo desde ahí si ya estamos logueados.

Ejemplo hovercards @anywhereFácil, sencillo, práctico. Y creo que le implementarán más funciones. A partir de ahora queda activado en esTwitter.com para que lo veáis en acción, salvo que cambie de opinión futura 🙂 . Ejemplos:

@javig @estwitter @universotv

Símplemente, pasáis el cursor del mouse por encima.

Se pueden hacer más cosas, todas ellas mediante Javascript, como una caja para escribir tweets desde ahí, un sistema de login, y botones para follow, en la documentación vienen ejemplos si bien ya no he probado más, no me fijé que había esto y gracias al comentario de nip lo he descubierto.

via: blog de Twitter