Craftyman Blog » Twitter http://craftyman.net Redes Sociales, WordPress, Desarrollo Web, SEO Wed, 01 Feb 2012 00:57:30 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Buscador Twitter con PHP http://craftyman.net/buscador-twitter-con-php/ http://craftyman.net/buscador-twitter-con-php/#comments Sat, 16 Oct 2010 05:00:40 +0000 craftyman http://craftyman.net/?p=1229 Twitter realizado en PHP, esta sencilla función nos puede simular una real búsqueda en Twitter, podemos pasar como parámetro el criterio de búsqueda que deseamos y el numero de tweets que queremos obtener, también el numero de pagina, es simple y potente, pongo algunos ejemplos con los cuales podemos aprovecharlo mejor, puede servir para mucho más dependiendo de las necesidades de cada uno.
La siguiente función nos devuelve los datos en formato json. [php] function searchTwitter($query,$rpp=10,$page=1){ $url="http://search.twitter.com/search.json?q="; $q=urlencode(utf8_encode($query)); $params="&page=$page&rpp=$rpp"; $result = file_get_contents($url.$q.$params); $array = json_decode($result); return $array; } [/php] Estas son algunas búsquedas comunes [php] // de un usuario especifico print_r(searchTwitter('from:craftyman')); //de un hashtag especifico $rs = searchTwitter('#SEO'); //cualquiera de las dos palabras $rs = searchTwitter('#php OR #mysql'); //buscar una palabra que no contenga otra $rs = searchTwitter('javascript -jquery'); //referenciando a un usuario $rs = searchTwitter('@craftyman'); [/php] Ahora recorreremos el array de objetos que nos devuelve la función. [php] foreach($rs as $k=>$o){ echo $o->profile_image_url .'<br />'; echo $o->created_at .'<br />'; echo $o->from_user .'<br />'; echo $o->text .'<br />'; echo $o->id .'<br />'; echo $o->source .'<br />'; echo $o->geo .'<br />'; echo $o->iso_language_code .'<br />'; echo $o->from_user_id .'<br />'; } [/php] Si quieres saber más sobre los operadores de búsqueda de Twitter puedes revisar la documentación oficial : Twitter Search Operators. Tambíen te puede interesar Como loguearse con Twitter y PHP.

 

Post Relacionados

]]> http://craftyman.net/buscador-twitter-con-php/feed/ 8 Mostrar número de seguidores de Twitter con PHP http://craftyman.net/numero-seguidores-twitter-php/ http://craftyman.net/numero-seguidores-twitter-php/#comments Thu, 23 Sep 2010 18:11:14 +0000 craftyman http://craftyman.net/?p=1222 Twitter con PHP es una forma de personalizar la presentación de esta estadística, podemos crear una función y que nos devuelva el número de seguidores en texto, esta función que utiliza el API de Twitter nos ayudara mucho, solo debemos pasar como parámetro el username de Twitter. 
function getTwFollowers($username){

	$xml=file_get_contents('http://twitter.com/users/show.xml?screen_name='.$username);
	if (preg_match('/followers_count>(.*)</',$xml,$match)!=0) {
		$count = $match[1];
	}
	return $count;
}
Ahora solo tenemos que llamar a la función y pasarle como parámetro el username de Twitter. 
echo getTwFollowers('craftyman');
También podemos mostrar los seguidores de otras Redes Sociales:

 

Post Relacionados

]]> http://craftyman.net/numero-seguidores-twitter-php/feed/ 0 Twitter lanza su botón oficial http://craftyman.net/twitter-lanza-su-boton-oficial/ http://craftyman.net/twitter-lanza-su-boton-oficial/#comments Thu, 12 Aug 2010 17:40:53 +0000 craftyman http://craftyman.net/?p=1198 botón oficial para tweetear en cualquier Web fácilmente, este tiene algunas nuevas características de las que tiene Tweetmeme, como sugerir algunas cuentas de usuario que el sitio web ha establecido.
Para obtener el script del botón podemos entrar a twitter y personalizarlo muy fácilmente, ya que nos permite escoger tres tipos de botones, elegir el titulo del texto para tweetear, la url que acompañara al tweet y el lenguaje del botón (esta disponible Español), también podemos seleccionar algunos usuario que deseamos recomendar y que saldrán después que el usuario haga un tweet. Este video es un ejemplo de la funcionalidad del botón. ¿Quieres crear un botón personalizado para su sitio? Twitter tiene documentación para desarrolladores del API para compartir de Twitter, con esto podemos relizar botones a nuestro estilo. Tweet Button Documentation. vía: Twitter Blog

 

Post Relacionados

]]> http://craftyman.net/twitter-lanza-su-boton-oficial/feed/ 0 Todo sobre Twitter @anywhere http://craftyman.net/twitter-anywhere/ http://craftyman.net/twitter-anywhere/#comments Tue, 15 Jun 2010 03:10:33 +0000 craftyman http://craftyman.net/?p=1101 @AnyWhere es el no tan nuevo servicio de Twitter, el objetivo con esto es brindar a todos los usuarios una manera más fácil y dinámica de interactuar con Twitter desde cualquier página Web. Los elementos que conforman @AnyWhere son embeds y botones y Tooltips que tienen una gran funcionalidad como de tweetear automáticamente, loguearte con Twitter OAuth, y seguir a otros usuarios sin tener que salir de tu Web.
Para poder utilizar @AnyWhere tenemos que registrar previamente una aplicación, luego podremos trabajar directamente en nuestra Web.

Registrar una aplicación en Twitter:

Para crear una aplicación en Twitter deberán loguearse e ingresar al siguiente enlace: http://dev.twitter.com/

 

Luego del registro exitoso, nos mostraran la configuración que luego necesitaremos para integrar la aplicación con nuestro sitio Web.

Incluir Librería @AnyWhere

En nuestro .html debemos de llamar a un script alojado en el servidor de Twitter, este nos permitirá dar la funcionalidad a base de JavaScripts en nuestra Web. 
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Anywhere Sample</title>
    <script src="http://platform.twitter.com/anywhere.js?id=YOUR_API_KEY&v=1" type="text/javascript"></script>
  </head>
  <body>
    ...
  </body>
</html>

HoverCards

Los HoverdCards son una funcionalidad que podemos ver en la página de Twitter.com, donde al hacer hover a cualquier usuario nos lanza un Tooltip con información precisa sobre el mismo como numero de followers, following, dando la facilidad para poder hacer Follow o Unfollow dependiendo. Para implementarlo solo tenemos que incluir este script dentro de nuestro html justo antes de cerrar el . 
<div id="main-content"></div>
<script type="text/javascript">

  twttr.anywhere(function (T) {
    T("#main-content").hovercards({ linkify: false });
  });

</script>
Esto realizara un proceso de convertir en HoverCards a todas las palabras que contengan un @usuario dentro del contenedor #main-content, el parametro linkify: false inhabilitara al hacer click el enlace a su cuenta en Twitter.

Tweet Box

El Tweet Box es un Formulario para tweetear automáticamente desde tu Web, incluyendo el contador de caracteres y un botón para loguearse a Twitter. 
<div id="tbox"></div>
<script type="text/javascript">

 twttr.anywhere(function (T) {

    T("#tbox").tweetBox({
      height: 100,
      width: 400,
      defaultContent: "Titulo post"
    });

  });

</script>
Podemos personalizarlo con ciertos parámetros por JavaScript, defaultContent servirá para incluir un texto por defecto en el Tweet Box.

Follow Buttons

Los Follow Buttons servirán para que los usuarios que visitan nuestra Web puedan seguirnos con un simple click y sin tener que ir a Twitter. El botón con funcionalidad de detectar si ya los usuarios ya te siguen mostrara un mensaje haciendo saber que ya son followers. 
<span id="follow-twitterapi"></span>
<script type="text/javascript">

  twttr.anywhere(function (T) {
    T('#follow-twitterapi').followButton("craftyman");
  });

</script>
Le pasamos como parametro el id del contenedor del botón, en el método followButton tendremos que pasar como parametro el usuario al que se deberá seguir.

Connect Button

Este botón permite autorizar a tu Sitio Web para poder acceder mediante Twitter OAuth, luego de esto podrás realizar las diversas funcionalidades que brinda @AnyWhere sin tener que autorizar accesos nuevamente. 
<span id="login"></span>
<script type="text/javascript">

  twttr.anywhere(function (T) {
    T("#login").connectButton({ size: "large" });
  });

</script>
El botón aparecerá mediante este script, pasamos como parametro el id del contenedor del botón, luego en el método connectButton podemos personalizar ciertas características como el tamaño, que pueden ser: small, médium, large, xlarge. Login Button personalizado Otra opción si deseamos personalizar mejor el botón es, dándole la funcionalidad a un enlace cualquiera mediante este script: 
<button type="button" id="signin-btn">Conectar con Twitter</button>
<script type="text/javascript">

  twttr.anywhere(function (T) {??
    document.getElementById("signin-btn").onclick = function () {
      T.signIn();
    };

  });
</script">
Esto hará que el botón de id=signin-btn sea el responsable de loguear a los usuarios con tu sitio web por medio de Twitter OAuth. Usuarios conectados Cuando un usuario ya se autorizo a nuestra Web para que podamos interactuar con Twitter mediante ella es ilógico que siga saliendo el botón de "Conectar con Twitter", así que con este script podemos trabajar con los datos del usuario logueado. 
<span id="twitter-connect-placeholder"></span>
<script type="text/javascript">

  twttr.anywhere(function (T) {

    var currentUser,
        screenName,
        profileImage,
        profileImageTag;

    if (T.isConnected()) {
      currentUser = T.currentUser;
      screenName = currentUser.data('screen_name');
      profileImage = currentUser.data('profile_image_url');
      profileImageTag = "<img src='" + profileImage + "'/>";
      $('#twitter-connect-placeholder').append("Logged in as " + profileImageTag + " " + screenName);
    } else {
      T("#twitter-connect-placeholder").connectButton();
    };

  });

</script>
Esto hará que una vez logueados con Twitter muestren algunos datos del usuario para informarle que están conectados con la Web mediante Twitter. Más info:

 

Post Relacionados

]]> http://craftyman.net/twitter-anywhere/feed/ 5 Utilizando Twitter OAuth con PHP http://craftyman.net/utilizando-twitter-oauth-con-php/ http://craftyman.net/utilizando-twitter-oauth-con-php/#comments Mon, 15 Mar 2010 19:47:02 +0000 craftyman http://craftyman.net/?p=1064 Twitter OAuth es un protocolo de autenticación que permite a los usuarios conectarse con nuestro WebSite mediante una confirmación previa en Twitter. En estos días son muchas las Web que usan este método para el registro de usuarios de forma más fácil. En este tutorial explicaremos detalladamente como lograr implementar esta funcionalidad a nuestro sitio Web.

 

Paso 1: Crear una aplicación en Twitter.

Para crear una aplicación en Twitter deberán loguearse e ingresar al enlace: Settings > Connections En el modulo derecho podremos ver un enlace pequeño para registrar aplicaciones, posteriormente le dan a "Register new application".
Prestemos atención al formulario Demo.
  • Application Name: Este sera el texto que aparecera en el from del Tweet.
  • Application Website: El enlace del from en el Tweet.
  • Callback URL: Sera la url a donde redireccionara Twitter despues de loguearte.
  • Default Access type: Esto servira para interactuar con Twitter desde nuestra Web (Tweetear, seguir a otros, enviar mensajes privados, etc).

 

Luego del registro exitoso, nos mostraran la configuración que luego necesitaremos para integrar la aplicación con nuestro sitio Web.

Paso 2 : Implementando Twitter OAuth con PHP

Para esto existe una clase que hará más sencillo el proceso, descargaremos la librería aquí. Ahora abriremos el archivo config.php y colocaremos la información correcta que la encontraremos en la aplicación creada en Twitter.
Para nuestro demo, necesitaremos estos archivos:
  • config.php : Archivos de configuración para Loguearse con Twitter.
  • OAuth.php : Clase para manejar el protocolo OAuth
  • twitteroauth.php : Clase para interactuar con Twitter y el protocolo OAuth.
  • callback.php : Proceso que redireccionara a una ruta personalizada.
  • redirect.php : Genera una url valida y redireccionara a Twitter para loguearse a nuestro WebSite.
  • logout.php : Cerrar sesión en nuestro Website ( no en Twitter.com ).
Estos archivos vienen por defecto en la librería, nuestro trabajo será generar un index que nos verifique el estado del usuario de Twitter, si esta logueado podrá imprimir sus datos, sino pintara un enlace para iniciar sesión. 
<?php
session_start();

require_once('config.php');
require_once('twitteroauth.php');

if (empty($_SESSION['access_token']) || empty($_SESSION['access_token']['oauth_token']) || empty($_SESSION['access_token']['oauth_token_secret'])){    
    header('Location: ./logout.php');exit;
}

$access_token = $_SESSION['access_token'];
$connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, $access_token['oauth_token'], $access_token['oauth_token_secret']);
$content = $connection->get('account/verify_credentials');

print_r($content);exit;
?>
De esta manera podemos loguearnos con una cuenta Twitter en nuestra Web, olvidándonos por completo de llenar registros y validarlos, Twitter hará la validación de credenciales, datos, etc. Cuando iniciemos una nueva aplicación Web que necesite un registro podemos agregar esta funcionalidad como alternativa para aquellos que dispongan de una cuenta en esta red social. Más info: Twitter API Wiki / OAuth FAQ

 

Post Relacionados

]]> http://craftyman.net/utilizando-twitter-oauth-con-php/feed/ 36 Obtener el número de retweets de Tweetmeme http://craftyman.net/obtener-el-numero-de-retweets-de-tweetmeme/ http://craftyman.net/obtener-el-numero-de-retweets-de-tweetmeme/#comments Wed, 18 Nov 2009 05:05:53 +0000 craftyman http://craftyman.net/?p=1013 Tweetmeme es un servicio para realizar retweets y de esta manera agregar algún aporte a un tweet, al realizar el retweet podemos contabilizar el numero de retweets hechos para un determinado tweet. Este servicio nos brinda un script para mostrar el número de retweets hechos por los usuarios y un enlace que nos lleva a ver las estadísticas de esos retweets.
Si queremos personalizar este botón tendremos que utilizar la API de Tweetmeme, con esto podremos obtener información en formato XML y JSON, y poder mostrarlo de una manera diferente en nuestro Website.
Este es el resultado de la petición en formato JSON de una url. 
{
  "status": "success",
  "story": {
    "title": "10 maneras de evitar el SPAM en WordPress | Craftyman Blog",
    "url": "http://craftyman.net/10-maneras-de-evitar-el-spam-en-wordpress/",
    "media_type": "news",
    "created_at": "2009-11-17T15:31:04+00:00",
    "url_count": 4,
    "tm_link": "http://tweetmeme.com/story/282576007",
    "comment_count": 0,
    "excerpt": "10 maneras de evitar el SPAM en WordPress | Craftyman Blog: http://bit.ly/3akyy",
    "thumbnail": "http://tweetmeme.s3.amazonaws.com/thumbs/282576007.jpg"
  }
}
Esta es una función que nos devolverá el número de retweets mediante un parámetro que será la url. 
function retweet_count($url){
    $content = file_get_contents("http://api.tweetmeme.com/url_info.json?url=".$url);
    $content = json_decode($content);
    return $content->story->url_count;
}
Para ponerlo en algún post en WordPress podemos pegar este script en nuestro archivo single.php 
echo retweet_count($post->permalink);
En la página oficial de Tweetmeme podemos obtener más información sobre la documentación.

 

Post Relacionados

]]> http://craftyman.net/obtener-el-numero-de-retweets-de-tweetmeme/feed/ 1 WP-Drag2Share: plugin para WordPress http://craftyman.net/wp-drag2share-plugin-para-wordpress/ http://craftyman.net/wp-drag2share-plugin-para-wordpress/#comments Tue, 27 Oct 2009 00:40:16 +0000 craftyman http://craftyman.net/?p=1004 anterior post que trata sobre una herramienta para compartir nuestras paginas Web en las populares redes sociales: Twitter, Delicious y Facebook mediante el drag and drop. Pensando en la utilidad de este complemento y la fácil implementación en los sitios Web, he creado un plugin para todos los usuarios que utilizan WordPress como blog.
Características del plugin:
  • Soporte de Wordpress 1.5+.
  • Fácil de instalar y configurar.
  • Soporte en los navegadores más populares.
  • Compartir en las mejores Redes Sociales: Twitter, Delicious y Facebook.
Las modificaciones que realize al script original tambien las puse en este plugin para tener un aspecto similar al porporcionado por meebo en Mashable.
  • Sombreado de bordes cuando realizar un over a la imagen.
  • Cambio de imágenes de Twitter, Delicious y Facebook mas agradables.
  • Imagen de indicación para hacer el drop(soltar).
  • Abrir en target="_blank" las redes sociales para no interrumpir la navegación al usuario en nuestra web.

 

La instalación del plugin es fácil, solo siga estos 3 pasos:
  • Descomprimir el archivo 'wp-drag2share.zip' en '/wp-content/plugins/'.
  • Activa el plugin desde el menu 'Pugins' del WordPress.
  • Configura el id del contenedor del post para que se zona draggable .
Si el identificador del contenedor del Post es diferente a 'content' pueden cambiarlo o modificar el script wp-drag2share.php y poner su identificador. 
var images = $("#content img");

 

Pueden descargar el plugin aquí:

 

Descargar

 

Nota: Este plugin no esta soportado por IE6.

 

Post Relacionados

]]> http://craftyman.net/wp-drag2share-plugin-para-wordpress/feed/ 1 5 tips para escribir tweets retweeteables http://craftyman.net/5-tips-para-escribir-tweets-retweeteables/ http://craftyman.net/5-tips-para-escribir-tweets-retweeteables/#comments Thu, 08 Oct 2009 05:29:51 +0000 craftyman http://craftyman.net/?p=996 Twitter para tus negocios, promover tu marca, productos o servicios en tiempo real, es muy importante saber como escribir un tweet que sea retweeteable, y para lograr esto nunca se debe hablar de yo, yo y yo, ya que no funciona, los usuarios están dispuesto a compartir algo que sea de valor, interesante y provocativo, ejm: "Michael Jackson is dead". Estos 5 simples tips harán de tus 140 limitados caracteres contenidos muy retweeteables.

1. Siempre incluya un enlace

Puede ser un post de algún blog, una noticia, un video, o una foto, o algo que profundice y aclare mejor el resumen de tu tweet, lo importante es poner dentro del tweet la parte mas importante del contenido del enlace para atraer a mas usuarios. Para minimizar el enlace puedes utilizar un servicio de acortamiento de url, uno recomendado es bit.ly ya que es el acortador oficial de Twitter.

2. Nunca utilices los 140 caracteres

Si los utilizas no alcanzara caracteres para retweetearlo, Pete Cashmore de Mashable es un ejemplo a seguir, ya que en sus tweets utiliza muy por debajo de los 140 caracteres contenido para sus tweets, de esta manera deja fácil a los usuarios el poder retweetear sin editar el contenido para resumirlo.

3. Escriba tweets con hashtags en tendencias

Poner un hashtag en tu tweet no garantizara que lo encuentren rápidamente, el punto es saber que hashtag esta con tendencia en Twitter, al tener que Tweetear algo y encontrar el debido hashtag para relacionarlo sera más efectivo que nos hagan más retweets. #php, #web20, #seo, son algunos de los hashtags mas generales para PHP, Web 2.0 y SEO.

4. Añadir algo original al retweetear

Este truco es un buen modo de realizar retweets haciendo un ajuste al original, reduciendo el contenido al tweet para agregar una observación original para aportar algo más y hasta podrá hacer que retweeten a nosotros y no al original, recuerden siempre poner al autor original en nuestros retweets.

5. Llene su BIO y la URL en su cuenta de Twitter

Lo que es el "Acerca de mí" en nuestra Web significa el BIO y la URL en nuestro Twitter, esto proporcionara a sus visitantes poder comprobar su credibilidad y hacer que lo sigan con confianza y fidelidad. Original de: Mashable.

 

Post Relacionados

]]> http://craftyman.net/5-tips-para-escribir-tweets-retweeteables/feed/ 2 TweetMixx: La Mejor manera de ver las tendencias en Twitter http://craftyman.net/tweetmixx-la-mejor-manera-de-ver-las-tendencias-en-twitter/ http://craftyman.net/tweetmixx-la-mejor-manera-de-ver-las-tendencias-en-twitter/#comments Fri, 11 Sep 2009 22:14:20 +0000 craftyman http://craftyman.net/?p=801 TweetMixx es un sistema similar a Tweetmeme, obtener los temas favoritos, tendencias en Twitter, todo mediante el API de búsqueda de Twitter. Pero el objetivo principalmente esta en tweets que tengan enlaces, con el propósito de brindarle mucho más conocimiento al usuario acerca del tweet.
El servicio nos permite iniciar sesión con nuestra cuenta Twitter mediante OAuth, y estando en sesión podremos añadir una serie de intereses que queremos saber de Twitter, hasta ahora los resultados de temas han sido bastante exactas.
También podemos darle un vistazo al previo al contenido de los enlaces en los tweets de usuarios que nosotros seguimos.
En el modulo derecho tenemos también un cuadro de texto similar al de Twitter para actualizar nuestros tweets, dándonos la facilidad de tener todo en una sola página, podemos encontrar contenido muy bueno y tweetearlo en un instante. Las secciones de TOP y TRENDS nos permiten saber que es lo que esta más tweeteado y que temas están con tendencia en Twitter.
Esto es similar a lo que nos ofrece Tweetmeme pero con un una funcionalidad agregada de previsualizar el enlace. Sin duda es sera mi nuevo servicio preferido para ver lo nuevo en Twitter, que les parece a ustedes?

 

Post Relacionados

]]> http://craftyman.net/tweetmixx-la-mejor-manera-de-ver-las-tendencias-en-twitter/feed/ 0 Screenr: Grabar ScreenCasts desde la web http://craftyman.net/screenr-grabar-screencasts-desde-la-web/ http://craftyman.net/screenr-grabar-screencasts-desde-la-web/#comments Mon, 31 Aug 2009 20:14:18 +0000 craftyman http://craftyman.net/?p=718 Screenr es una nueva herramienta que combina la utilidad de screencasts con el poder de Twitter, muy fácil de usar y una solución rápida cuando se trata de explicar detalladamente la alguna función por medio de un video.
Esta particular aplicación Web también nos permite gravar el video con audio incluido, no trae todos los efectos ni funcionalidades que tendría una aplicación de escritorio como Camtasia por ejemplo, pero para cosas simples se nos hace mejor utilizar esto que una herramienta de escritorio. Imagen de Ejemplo:
Una de las mejores ventajas es que nos libraríamos de estar subiéndola a Youtube u otro servicio de alojamiento para poder compartirlo. ya que Screenr se encarga de eso automáticamente mediante el API de Twitter. Video grabado con Screenr
[SWF]http://screenr.com/Content/assets/screenr_0817090731.swf,520,350,i=7794[/SWF]

 

Post Relacionados

]]> http://craftyman.net/screenr-grabar-screencasts-desde-la-web/feed/ 1