Craftyman Blog » Facebook 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 Agregar Google Analytics a Páginas de Facebook http://craftyman.net/google-analytics-facebook/ http://craftyman.net/google-analytics-facebook/#comments Tue, 24 Aug 2010 14:32:45 +0000 craftyman http://craftyman.net/?p=1203 Facebook, podemos tenerla integrada a Google Analytics. Facebook tiene integrado un sistema de Estadísticas "Facebook Insights", pero este se limita a brindar información demográfica y de interacción de fans con nuestra pagina Facebook, a lo que Google Analytics nos ofrece datos más completos y sofisticados. Los que utilizamos páginas FBML en Facebook y hemos querido poner JavaScript dentro, nos habremos percatado que por seguridad tiene limitaciones con sripts. Como Google Analytics nos brinda un script con llamada externa, esta tendrá que ser puesta de otra manera en nuestras páginas Facebook. Google Analytics Facebook Tracker (FBGAT) es una solución a esto, podemos entrar a su página y colocar algunos parámetros y luego generara un script con llamada a una imagen la cual si aceptan las Páginas de Facebook, y esta servirá de igual forma que el script de Google Analytics, contando las visitas de igual forma. Siguiendo estos pasos podremos tener nuestro Google Analytics en nuestras Páginas de Facebook.

Paso 1: Crear una nueva Cuenta en Google Analytics.

Si tenemos una Cuenta en Google Analytics solo debemos crear un "Nuevo perfil de sitio", ahí tenemos que colocar como URL a facebook.com que es donde se alojan nuestras Páginas Facebook. Luego nos generara un código algo así: UA-3123123-2. Esto nos sera de utilidad en el siguiente paso.

Paso 2: Obtener Script de FBGAT.

Facebook Google Analytics Tracker es una herramienta que evitara las limitaciones de Facebook respecto a códigos Javascript, esta generara una imagen para hacer el seguimiento. Entramos a Google Analytics on Facebook para obtener este código.
  • Analytics Code: Aquí debemos ingresar el código que nos muestra en el paso 1.
  • Domain on Analytics: Este sera facebook.com igual que en Google Analytics.
  • Page Link: Esta sera la ruta de nuestra página o sección en Facebook.
  • Page Title: Sera el titulo de la pagina a mostrar en Google Analytics.

 

Luego damos clic a Generate Code para que nos muestre el script que demos pegar en nuestra página de Facebook.

Paso 3. FBML en Facebook

Para esto debemos incluir la aplicación FBML Static a nuestra página de Facebook (Add to my page) y editarla, luego pegar el código al final de la caja para no mezclarlo con el HTML. Si deseamos contar las visitas en nuestro muro, debemos colocar alguna pagina FBML como muro de nuestra Fan Page. Esta es toda la configuración, en las próximas 24 horas podemos revisar nuestro Google Analytics para ver el informa de visitas.

ScreenCast: Agregar Google Analytics a Páginas de Facebook

A continuación para los que prefieren escuchar y ver la implementación de Google Analytics les dejo este video que explica todo lo escrito en el post. vía: SocialMediaExaminer.com

 

Post Relacionados

]]> http://craftyman.net/google-analytics-facebook/feed/ 4 10 consejos y trucos para los estados en Facebook http://craftyman.net/10-consejos-trucos-facebook-status/ http://craftyman.net/10-consejos-trucos-facebook-status/#comments Mon, 12 Jul 2010 00:18:24 +0000 craftyman http://craftyman.net/?p=1178 Mashable ha reunido 10 excelentes consejos y trucos para aprovechar al máximo nuestras actualizaciones de estado, de las características oficiales que nos brinda Facebook hasta aplicaciones de todo tipo para incluirlas en nuestro perfil, como huevos de pascua, chistes y mucho más.

 

1. Cómo agregar el botón "dislike" en las actualizaciones de estado.

En todos los estados de actualización por defecto aparece el botón "like", pero si queremos optar por un disgusto no podemos, es por eso que Status Magic, una aplicación de Facebook añade automáticamente un botón "dislike" en cualquier actualización de estado, esta aplicación puede personalizarse con cualquier texto: "love", "disagree" o "LOLs".

 

2. Cómo ocultar las actualizaciones de estado de ciertas personas.

Una forma de utilizar esta opción es poniendo el mouse sobre algún amigo que no quieras que aparezcan sus actualizaciones de estado y aparecerá un botón "HIDE", solo tienes que darle click para no aparezcan, la otra opción es ingresar al botón debajo de "What's on your mind?" que es un candado y aparecerá una ventana flotante, solo tienes que escribir el nombre de los usuarios en "Hide this from" y no aparecerán.

 

3. Hacer actualizaciones de estado y que aparezcan después, configurando el día y la hora.

Esta es la forma más sencilla de programar tus actualizaciones de estado en Facebook, mediante LaterBro podemos hacerlo fácil y gratuitamente. Esta aplicación Web utiliza Facebook Connect para loguearte y simplemente ingresas tu estado y programas el día y la hora que quieras y listo!

 

4. Cómo etiquetar a tus amigos en tus actualizaciones de estado

Este truco es muy utilizado y solo tienes que escribir "@" para que aparezca una lista de tus amigos, si continuas escribiendo el nombre se va limitando la lista hasta encontrar al correcto, al compartirlo no se ve el "@" y el nombre pasa a ser un vinculo hacia su perfil.

 

5. Agregar emoticons personalizados en tus actualizaciones de estado.

Facebook cuenta con muchos emoticons que automáticamente aparecen al escribir : ) o : (, pero también podemos ingresar muchos más con we-happy, universal symbols, solo tenemos que entrar a la página, copiar y pegar en nuestra casilla de actualización de estado para compartirlo.

 

6. Poner las actualizaciones de estado en una nube de palabras

Esta es una manera divertida de visualizar las actualizaciones de estado de cualquier persona. Para esto utilizamos Status Analyzer 3D, una aplicación de Facebook para generar esta nube y compartir los resultados mediante una publicación en tu perfil.

 

7. Diviértete con la opción de idioma al revés de Facebook

En configuraciones de idiomas tenemos una alternativa muy divertida, la cual se trata de poner todo los textos volteados verticalmente. Esta opción lamentablemente no es válida al hacer una actualización de estado, pero contamos con páginas externas que pueden hacer esto, como TypeUpsideDown.com y UpsideDownText.com.

 

8. Ver actualizaciones de estado de todo el mundo

OpenBook es una aplicación web para ver actualizaciones de estado de todo el mundo, esto solo sirve para usuarios que tengan configurado su privacidad de perfil en "everyone".

 

9. Como ver las estadísticas de las actualizaciones de estado.

Si te has preguntado cuantas veces actualizas tu perfil en Facebook, esta aplicación puede decírtelo. Status Statistics es una aplicación para Facebook, que ofrece una lista ordenada de número de palabras promedio y cuentas veces al día escribes. También brinda un reporte grafico donde muestra el día y la hora de la semana que normalmente hay actualizaciones. Más información: Mashable página web

 

Post Relacionados

]]> http://craftyman.net/10-consejos-trucos-facebook-status/feed/ 7 Facebook Like Button para Blogger http://craftyman.net/facebook-like-button-para-blogger/ http://craftyman.net/facebook-like-button-para-blogger/#comments Wed, 02 Jun 2010 05:44:58 +0000 craftyman http://craftyman.net/?p=1115 Like Button Permite compartir tu página web mediante el perfil del usuario con un solo click y los contabiliza.

Agregar Facebook Like Button a Blogger

Paso 1: Entras a la seccion Layout > Edit HTML de tu administrador en Blogger, luego das click en expandir Widgets.

 

Paso 2: Busca el tag <data:post.body/> y situate justo al despues de ese tag y pega el siguiente código: 
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'></iframe>
</b:if>
Con este código el Facebook Like Button aparecera en cualquier post, si quieres que aparesca en cualquier página del Blog solo tienes que quitar los tags condicionales de Blogger (<b if...> ... </b:if>), quedando el iframe solo.

Personalizar el Boton.

Podemos cambiar el tipo de boton si solo queremos mostrar el numero de "likes" que tubo. layout = standard por layout = button_count

 

Cambiar boton "Like" por "Recommendaction = like por action = recommend

 

Cambiar el Tema del Boton colorscheme = light por colorscheme = dark

 

Cambiar el tipo de fuente del Boton. font=arial por: font = lucida+grande font = segoe+ui font = tahoma font = trebuchet+ms font = verdana

 

 

Post Relacionados

]]> http://craftyman.net/facebook-like-button-para-blogger/feed/ 4 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 Guarda toda la informacion de tu Facebook con ArchiveFacebook http://craftyman.net/guarda-toda-la-informacion-de-tu-facebook-con-archivefacebook/ http://craftyman.net/guarda-toda-la-informacion-de-tu-facebook-con-archivefacebook/#comments Tue, 06 Oct 2009 13:03:05 +0000 craftyman http://craftyman.net/?p=991 Facebook es una de las redes sociales mas usadas por los ínternautas, pero este servicio no nos brinda la opción de realizar copias de seguridad de nuestra información. Este fenomenal complemento para Firefox esta hecho para realizar estas labores que no vienen por defecto en Facebook, realizar copias de seguridad incluyendo: fotos, publicaciones, listas de amigos, actividades, eventos, grupos e información.
Esta operación puede ser muy larga, dependiendo de la cantidad de información que tengamos en Facebook, pero la finalidad de esta resulta muy buena opción. Descargar Máx info: gHacks.

 

Post Relacionados

]]> http://craftyman.net/guarda-toda-la-informacion-de-tu-facebook-con-archivefacebook/feed/ 0 FBShare: Contador Facebook share en tu Web http://craftyman.net/fbshare-contador-facebook-share-en-tu-web/ http://craftyman.net/fbshare-contador-facebook-share-en-tu-web/#comments Thu, 24 Sep 2009 13:48:01 +0000 craftyman http://craftyman.net/?p=914 FBShare es un botón con la misma funcionalidad que el botón de Tweetmeme, nos muestra el número de veces que la página ha sido compartida en Facebook y permite a los visitantes compartir fácilmente nuestra página.

 

Características:

  • Nos muestra el numero de veces que ha sido compartido nuestra página (si es 0 se muestra el logo de Facebook).
  • Opción de poner un botón pequeño o grande.
  • Mediante el API de awe.sm o fbshare.me nos permite dar seguimiento a los enlaces compartidos.
  • Añadir Google Analitycs mediante parámetros.

 

Solamente este código es necesario para poner el botón de Facebook Share en nuestra Web. 
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
Si quieres personalizar el botón puedes poner los siguientes parámetros: 
<script>
var fbShare = { 
    title: 'Craftyman Blog', 
    url: 'http://craftyman.net', 
    size: 'small', google_analytics: 'true' 
}
</script> 
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
Donde:
  • size : Tamaño del botón ('large' , 'small').
  • url : Si la URL es diferente de la pagina actual.
  • title : Titulo a compartir en Facebook.
  • google_analytics : true o false, puedes etiquetar tus enlaces con más info).
  • awesm_api_key : puedes utilizarla si tiene una cuenta en awe.sm sino se usaran links de fbshare.me.

 

Ver Demo

 

Post Relacionados

]]> http://craftyman.net/fbshare-contador-facebook-share-en-tu-web/feed/ 1 RPX: logueate desde Facebook, Twitter y mas http://craftyman.net/rpx-logueate-desde-facebook-twitter-y-mas/ http://craftyman.net/rpx-logueate-desde-facebook-twitter-y-mas/#comments Fri, 17 Jul 2009 23:05:16 +0000 craftyman http://craftyman.net/?p=492 RPX es un servicio web que permite a sus sitio web conectarse con Facebook, Google, Yahoo, Twitter, MySpaceID, AOL, Windows Live, y muchos proveedores, todas las conexiones desde un solo punto a través de su API.
Esta es una lista de los beneficios que tendremos * Incrementar los registros de usuario por la flexibilidad y facilidad de hacerlo. * Comentar en su blog a través de OpenID, Google, Yahoo, Facebook, MySpace, Windows Live ID, y Twitter. * Crear nuevas cuentas sin tener que registrarse y manteniendo la misma clave. Para poder comenzar a implementar este sistema en sus Web deben seguir estos pasos: Paso 1: Crear una cuenta en RPX
Puedes crear 3 tipos de cuenta, hay una Básica que no cuesta nada, puedes crearte una cuenta o ingresar mediante algunos servicios que se muestran como Google, Twitter, Facebook y muchos más. Paso 2: crear nuestra primera aplicación
En este formulario colocaremos el nombre para nuestra aplicación y los dominios permitidos para nuestra aplicación (si tenemos mas de uno los ponemos separados por ","). Paso 3: configurar nuestros proveedores
El registro básico (sin pagar) nos brinda tan solo 16 proveedores de los cuales solo podremos elegir 6 (espero que aumenten el limite).
Algunos proveedores como Twitter, Facebook, MySpace y otros, requieren de activaciones previas en las cuentas respectivas, luego podremos saber los códigos fácilmente. Paso 4: Agregar la interfaz de sign-in en nuestra web
Para este paso entraremos a la sección "Integration guide" que esta en el menú principal. Aquí nos muestra dos maneras de ponerlo, por JavaScript y por Embed, yo elegiré por Javascript. Paso 5: Recibir la información de autenticación
Después de la autenticación en RPX, esta nos redireccionara a nuestro sitio web con parámetros que nos permitirán obtener información del usuario. Para hacer mas fácil esto, RPX nos brinda una clase escrita en diversos lenguajes de programación (C#, Java, PHP, o Ruby on Rails.). Nota: Esta clase por cierto requiere que nuestro servidor soporte CURL y DOM XML parsing. Para los que utilizan WordPress, hay un plugin : RPX.
Su utilización es simple, lo descargas, después instalalo en tu WordPress y te pedirá una API Key, la pueden encontrar en tu pagina inicial de RPX.

 

Post Relacionados

]]> http://craftyman.net/rpx-logueate-desde-facebook-twitter-y-mas/feed/ 2 Yoono: conectate a todas tus redes sociales http://craftyman.net/yoono-conectate-a-todas-tus-redes-sociales/ http://craftyman.net/yoono-conectate-a-todas-tus-redes-sociales/#comments Tue, 30 Jun 2009 14:15:20 +0000 craftyman http://craftyman.net/?p=448 Yoono es una extensión para Internet Explorer y Firefox que nos permite conectarnos a muchas redes sociales desde si sidebar.
Los servicios que actualmente soporta son:
  • Facebook
  • MySpace
  • Twitter
  • Flickr
  • FriendFeed
  • Imeem
  • AIM
  • Google Talk
  • Windows Live Messenger
  • Yahoo! Messenger
Entre sus principales características destacan: Conectarse con muchas redes sociales y actualizar tus estados y poder chater con tus amigos. Mediante el Widget puedes revisar los mejores sitios, videos, imágenes destacadazos. Puedes compartir información como imágenes, links, videos en tiempo real.

Recursos

 

Post Relacionados

]]> http://craftyman.net/yoono-conectate-a-todas-tus-redes-sociales/feed/ 0 Facebook Connect para WordPress http://craftyman.net/facebook-connect-para-wordpress/ http://craftyman.net/facebook-connect-para-wordpress/#comments Fri, 19 Jun 2009 06:41:19 +0000 craftyman http://craftyman.net/?p=418 Facebook tiene un API el cual nos brinda la posibilidad de conectarse mediante su cuenta Facebook a nuestro blog, y poder loguearse, comentar, tener un gravatar, y características especiales que podemos brindar a usuarios registrados.

¿Cómo se realiza?

WP-FacebookConnect es un plugin para Wordpress, el cual nos brinda las funciones para poder hacer el logueo y el registro mediante sus datos de Facebook y pasarlos a nuestro blog.

¿Cómo funciona?

Para poder usar esta funcionalidad tenemos que tener una cuenta Facebook y haber activado el acceso de Desarrollador, la pueden activar en Facebook Developers.

Para conseguir el "API Key" y el "Application Secret" que son necesarios para usar WP-FacebookConnect, despues de haber activado tu acceso, tienes que crear una aplicación y la obtendrás.

Configurando nuestro WP-FacebookConnect

Simplemente colocas tu "API Key" y el "Application Secret" en las secciones correspondientes.

Modificar el Formulario de Comentarios

Dentro del archivos de comentarios, agregaremos una función para que pueda aparecer el botón de facebook para loguearnos.

<?php if ( $user_ID ): ?>
    ...
<?php else : ?>
    <?php do_action('fbc_display_login_button')  ?>
    ...
<?php endif; ?>

En el código vemos que hay un if preguntando por una variable ($user_ID), nos confirmara si el usuario esta logueado, sino mostrara el botón FacebookConnect.

Esto es todo lo que debemos hacer, del resto se encarga el plugin y Wordpress. Alguna sugerencia o comentario gustoso respondere.

 

Post Relacionados

]]> http://craftyman.net/facebook-connect-para-wordpress/feed/ 5