Archivos del Autor: Lisard

Open Graph Protocol de Facebook en mi web

Testado en HTML, xHTML y PHP

Hace tres días que estoy liado con esto del Open Grafh Protocol y la verdad después de picar y picar código he conseguido implementarlo al dedillo con Facebook. Aunque me quedan unas cosas por testear el resultado es alucinante, en 1 día he recibido más de 400 visitas provenientes de Facebook gracias al nuevo sistema de Facebook.

Además de esto una cosa que me costo mucho pero que la he clavado bien es que cuando a un usuario le gusta algo tenemos 2 formas de publicación en facebook:

  • Si es solo con el iframe de Facebook lo archiva en el perfil del usuario
  • Pero si lo hacemos con el iframe + Open Graph Protocol. Facebook lo interpreta como una página suya y publica en el muro de tus amigos que es lo que te gusta. Y si a muchos amigos les gusta te lo pasa a titulares.

BRUTAL!! Con esto vaticino un gran potenciador social de nuestras webs. Yo ya lo he implementado en todas. Pero en todas! A ver que pasa.

“Me gusta” Botón web Facebook en tu web o blog ( Like Button )

Uno de los Social Plugin de Facebook es el Botón ”me gusta” al final a substituido la palabra Fan, aunque nos dan la nueva posibilidad de decir “ recomendar “ . Entonces Ahora el botón sirve para mostrarlo donde queramos de nuestra web y poder interactuar con los usuarios de facebook, sin complicados códigos ni modificar el header de webs dinámicas. El botón permite a los usuarios conectarse a sus páginas y compartir el contenido de vuelta a sus amigos en Facebook con un solo clic.

Vamos a crear un boton Me Gusta.

1º entraremos en la página de los Social Plugin de Facebook

2º Clickamos en el Plugin Me gusta “Like

Aquí nos aparece una caja de configuración del Script donde podemos hacer el “Me gusta” genérico para una página

Por ejemplo: para la web de www.iPinscher.com he creado uno,

Configuración: ( ahora esta en ingles pero creo que dentro de poco lo pondrán en Español )

  • Url to like ( 1): Aquí si solo quieres que a la gente le guste tu web, ni una página más, Para los que creáis páginas fan viene a ser como si tu web pase a ser una fan pero fuera de Facebook.
  • Layout Stile: Estilo del botón, Cuando es Estándar aparecen los nombres de la gente a quien le gusta, y te anima a que te gusta siendo el primero de tus amigos. Si lo abres como counter solo aparece el botón de “me gusta” y el numero de gente que les gusta tu web.
  • Show faces: Si queréis que se vean caras pequeñitas debajo del “me gusta” ej:

  • Width: La anchura total que se reflejara en tu web.
  • Verb to display: Like: Me gusta o Recomend : Recomiendo
  • Font: la fuente del widget.
  • Color Scheme: pues el color del me gusta.

Finalmente apretamos Get code, para generarnos el código para implementar en nuestra web.

Una vez implementado y cargado en el sever, se vera de esta manera:

Luego si utilizamos, CMS como WordPress o parecidos, podemos crear un Loop para cada permalink. De la web, o como mejor dicho en cada post.

  • Para Word Press si queremos que genere solo un contador utilizaremos este código: likebutton

Próximamente añadiré el código para otras plataformas CMS aunque si tenéis per Permalink me adelantareis trabajo. :P

Podéis ver como funciona también en la web de los Calçots , la del Pepitu y pronto más ejemplos.

Como añadir Facebook Social Plugins en tu web?

Tras todo el fin de semana testeando las nuevas funcionalidades que han sacado en facebook, solo me queda testear y pasarme a XFBML

Con los script de Facebook podemos implementar de una manera muy fácil las nuevas funcionalidades en nuestra web. Ya sea un web con base WordPress en la que os enseñare a generar automáticamente un me gusta para cada entrada a una simple web HTML con la que podremos sacarle mucho jugo. Aunque en este caso sin ningun plugin con codigo directo en plantilla.

De todas ellas la mejor ( a mi parecer ) es la Like button que a cada persona que le guste una entrada de nuestra web, se vera reflejada en el perfil de cada usuario de facebook, consiguiendo un potencial de viralidad de millones de usuarios.

Manuales:

Para los más osados en uso de Api os dejo una nueva web que exprime el potencial de estos social plugin : Like Button Me

Como Crear una página de Facebook. “Me gusta“

Es tan fácil como ir a este link. Page Create Facebook.

Aquí elegimos el tipo de página que queremos.

El nombre de  la página

Aceptar que somos el representante legal de la pagina, marca, etc…

Y click en el botón de “crear una página oficial”

Añadimos la Pagina en Facebook Me Gusta Para conseguir Cientos de Fans!!

Y Walaaaaaaa! La página esta creada. Solo necesitamos subir una foto bien chula y a buscar gente a que le guste para hacerla más grande.

Pinscher Me la red Casi Mundial.

En una de las tareas pendientes había la de crear una red Pinscher a nivel mundial y Walaaaa! www.pinscher.me

La primera y única red Pinscher en la que todo tiene el mismo fin, la difusión de la raza y el contacto de sus propietarios para mejorarla aun más.

Quizás es un poco pronto para tirar cohetes al aire, pero creo que la cosa tiene futuro, ya que en menos de un mes de vida ha sobrepasado todas mis previsiones iniciales sobre la web.

Que tiene de bueno esta red? Que al ser especifica para las razas Pinscher,  la gente que busca algo sobre Pinscher antes acabara en Pinscher.me que buscándolo en Facebook. Simple lógica, ya que Pinscher me seria la tienda especializada y Facebook el Carrefour.

Que le falta a la red?

Que sea internacional. Ahora esta español, pero en proceso de transformación para que cualquier usuario del mundo la tenga en su idioma.

Y que siga con el mismo ritmo que a arrancado. Nada más por el momento

Pronto más información.

Tareas Web pendientes:

  • Concurso para el Club Mini Pinscher con unos premios espectaculares.
  • Abrir mi tarot online y Gratuito.
  • Trasladar el blog www.lisard.es a www.lisard.es tal cual. Y conjuntarlo todo allí
  • Añadir más de 120 nuevos socios en el Club Mini Pinscher
  • Red Social Pinscher a nivel Mundial. Esto será la ostia! Y con el dominio que me he agenciado aun más.
  • Abrir la Shop Rural.
  • La guía esencial del Dobermann, del Bodeguero andaluz, labrador, Bull dog y Border Collie
  • Aniversario de Pepitu.com con un pedazo de premio descomunal.
  • Aprender Css3 y Php.

Como crear iconos para iPhone, iTouch o iPad.

Últimamente estoy adaptando las webs con mas volumen de visitas al navegador de Apple Mobile,

Hasta que llegue al punto que me tope con la utilidad de poder añadir un icono de cada blog o web en el escritorio como acceso directo a la web. De esta manera si quieres estar al día de lo que pasa en el mundo Pinscher, mi ultimo manual o que tal crecen mis calçots.  Dentro de muy poquito podréis disfrutarlo desde el mejor navegador móvil. Y si tenéis que desarrollar o crear un icono al más puto estilo apple o iPhone. ;)

Iremos primero a esta fantástica Web donde hará todo el trabajo por nosotros. ;)

1º- Primero le aplicamos el efecto deseado

2º- Subimos la imagen para crear el icono

3º- Y descargamos la colección de iconos y .png para seguir con vuestro trabajo.

PD: ahora lo que me falta es un iPhone, jejeje, pero tendré que esperara al 4g a ver si no tienes que pasar por el tubo de telefónica. :(

Películas, Concursos y series en Youtube

Hoy me acabo de enterar que Youtube ya es más tele que nunca. Ya que ha incorporado unas nuevas categorías que lo hacen ( para mi ) muchísimo más interesante. Y sobre todo más fácil de poder perder 3 horas mirando series o películas.

Supongo que poco a poco iremos viendo como crece la parrilla, pero cuando no sepa que mirar en la tele ya tengo un canal nuevo.

Eso sí! Antes de cada peli o serie un anuncio. Pero me temo yo que de aquí unos años los veremos en medio de las pelis o series.

Ahora solo nos falta tener un mini ordenador con mando a distancia para enchufar a la tele. :P

Los mejores restaurantes para calçotadas.

Mi ultima web que he colgado en Internet Restaurantes para Calçotadas. No es más que una pequeña ampliación de Calçots donde a una escala muy pequeña se recogen los mejores restaurantes donde hacer calçotadas y promocionando directamente los restaurantes de la zona de origen. “Valls”.

Tras una gran pelea personal con las Query de wordpress en las que quería limitar las categoría por página y a la vez hacer que sea aleatorio, al final todo quedo en su sitio. Además aprendí a la elaborar las plantillas paralelas de wordpress. Y poca cosa más ya que el diseño base lo tenia ya en pepitu.com en el apartado de enlaces. Pero esto ultimo no se lo digáis a nadie que es un secreto.

Bueno, pues de esta web ahora poco espero, intentar incluir mínimo unos 3 restaurantes a la semana para que de cara a la campaña de Calçots del año que viene sea cuando realmente este todo al 100%. Aunque des de su nacimiento la web se esta estabilizando en una media de 38 visitas día. Bien no?

Resumen .com del Grupo en 2009.

Y que año 2009,
Hemos tenido de todo, nuevas webs, potenciamiento de otras, vacaciones de unas, etc..
Pero sí. el Grupo Liteli ya es rentable, con esto no quiero decir que me estoy forrando, tan solo que ya puedo cubrir los gastos del mantenimiento de todas las webs. Ya sea con la publicidad o con la reventa de espacio web el grupo ha cerrado con números verdes, para unos cafés, pero ya no son rojos. Aquí podéis ver los numero del 2008
El total de Totales es este por si os da palo bajar abajo del todo:
  • Ip’s Unicas  : 853.124 Ips unicas 2009
  • Visitas: 1.053.190 visitas.
  • Páginas vistas: 3.277.759
  • Palabra más buscada: Facebook, 2010,
  • Bandwidth: 599,94Gb
Este año hay que destacar 3 grande grupos, y un 4 al que dedicare otro post.
  1. Las nuevas webs que estan entre nosotros. Sibetech, Calsotada, Can Pepitu, Pinscher Miniatura, Pinscher Alemán la Guia, Pinscher World, World Dog Show,
  2. En desarrollo: Dobermann, Affenpinscher, Tarotiso, Etc… ;P
  3. Las de siempre. Pepitu, Club Mini Pinscher, Kguau, Lisard, Pinscher alemán, Pocatraza.
  4. Externas: Youtube, Vimeo, facebook, etc…
En este caso primero las de siempre y luego las nuevas. Las que están de desarrollo será para este año si no pasa nada.