Actualización: Twitter desactivará la API de @anywhere el 6 de diciembre de 2012. Aquí está más detalles.
Paso 1: registrar una API
Antes de que pueda agregar la plataforma Anywhere en su sitio, debe registrar una API. Se le pedirá que acceda a una página que se vería así:
Una vez que se registre, debería recibir una clave API. Lo siguiente que debe asegurarse es que el nivel de permiso esté configurado en Lectura y escritura; de lo contrario, los usuarios no podrían hacer clic en el botón Seguir. Este es un problema técnico con Twitter, pero están trabajando para solucionarlo. Pero para estar seguro, le proporcionaremos las instrucciones sobre cómo hacerlo.
Primero haga clic en el enlace http://twitter.com/oauth. En esta página, verá la aplicación que registró. Haga clic en el nombre de su aplicación y le llevará a la página de detalles de la aplicación. Hay un botón llamado «Editar configuración de la aplicación». Haga clic en este botón para ir a la página de edición donde deberá desplazarse hacia abajo hasta el elemento etiquetado como «Tipo de acceso predeterminado». Cambie esto a «Leer y escribir».
Paso 2: implementarlo en su sitio
Debido a que existen numerosas funciones en la plataforma anywhere, explicaremos cada una de ellas una por una. Lo primero que debe hacer es llamar al JavaScript principal. Twitter recomienda que coloque este script en su header.php file ( Entre estos dos códigos ).
<script src="http://platform.twitter.com/anywhere.js?id=YourAPIKey&v=1" type="text/javascript"></script>
Recuerde agregar su clave de API donde dice YourAPIKey en el enlace.
Ahora echemos un vistazo a las funciones individuales que esta plataforma puede ofrecerle.
Vincular automáticamente todos los nombres de usuario de Twitter
Esta función vinculará automáticamente todos los nombres de usuario de Twitter en sus publicaciones y comentarios. Si menciona un nombre de usuario de Twitter en este formato: @wpbeginner Auto-Link todos los nombres de usuario de Twitter con una Hovercard
Esta función enlaza automáticamente todos los nombres de usuario de Twitter que se encuentran en la página, y también proporciona una tarjeta flotante en un efecto de mouseover. Entonces, cuando el usuario de su sitio lleve el mouse a un nombre de usuario como @wpbeginner, verá un cuadro flotante como se muestra en el ejemplo anterior. Si hacen clic en el botón Seguir, pueden seguir directamente al usuario desde su sitio web. Para habilitar esta función, simplemente pegue el siguiente código en el encabezado de su sitio debajo del script principal.
<script type="text/javascript"> twttr.anywhere(onAnywhereLoad); function onAnywhereLoad(twitter) { twitter.hovercards(); }; </script>
Botones de seguimiento inteligentes para Twitter
El botón de seguimiento inteligente le permite a su usuario seguir su cuenta directamente desde su sitio. Puede crear botones para su sitio y usarlos en su publicación o en cualquier otro lugar. Vea el ejemplo en vivo a continuación:
Para agregar este tipo de botón a su sitio, primero pegue el siguiente código en el encabezado de su sitio debajo del script principal:
<script type="text/javascript"> twttr.anywhere(onAnywhereLoad); function onAnywhereLoad(twitter) { twitter('#follow-wpbeginner').followButton("wpbeginner"); }; </script>
En segundo lugar, debe agregar la siguiente etiqueta div donde desea que se muestre este botón:
<div id="follow-wpbeginner"></div>
Recuerde cambiar wpbeginner a su nombre de usuario; de lo contrario, se mostrará un enlace de seguimiento a nuestra cuenta de Twitter.
Live Tweet Box en su sitio
Puede crear un cuadro de tweet en su sitio que permitirá a los usuarios twittear directamente desde su sitio sin tener que ir a Twitter. Un ejemplo de este cuadro se puede ver a continuación: (Recuerde que si hace clic en tuitear, tuiteará).
Intente twittear desde el cuadro en vivo de arriba para ver qué tan genial es. Realmente agradeceríamos que tuitees el contenido predeterminado, por lo que nos ayuda
Bueno, como puede ver, este cuadro de tweets en vivo es realmente poderoso. Incluso puede agregar texto Retweet allí si lo desea con una ligera personalización. Para agregar un cuadro de tweet en vivo en su sitio, primero pegue el siguiente código en el encabezado de su sitio después del script principal:
<script type="text/javascript"> twttr.anywhere(onAnywhereLoad); function onAnywhereLoad(twitter) { twitter("#custom-tweetbox").tweetBox({ label: "Live Tweet Box:", defaultContent: "Everyone should follow @wpbeginner for awesome #WordPress tips", height: 50, width: 480, }); }; </script>
Luego agregue el siguiente código donde desea mostrar el cuadro de tweet en vivo:
<div id="custom-tweetbox"></div>
Vemos que ya quedan pocos plugins en el WordPress plugin directorio que le permite utilizar las funciones básicas como la tarjeta flotante o el enlace automático. Puedes usar esos plugins si quieres, pero esto es algo tan sencillo que es mejor colocar los códigos manualmente.
Si te gustó este artículo, reenvíalo. Si nos perdimos algo, háganoslo saber en los comentarios.
Recurso adicional:
Documentación de Twitter Anywhere
Complemento simple de Twitter Connect (Estupendo plugin por un autor solidario – Gracias Otto)
.
Fuente: wpbeginner