2012
20
mar

Validar los botones de Facebook, Twitter, LinkedIn, Google Plus en la W3C

Por:

Parece ser que a Twitter, Facebook, LinkedIn y Google les importa poco que sus botones de tweet/follow, me gusta, share y +1 validen en la W3C.

Para el correcto funcionamiento de una web, no suele tener importancia, pero como desarrolladores web, nos gusta que nuestro sitio cumpla los estándares establecidos.

Por ello, hemos desarrollado unas funciones que permiten validar nuestras páginas y agilizar el tiempo de carga. Esperamos un tiempo y creamos los elementos que contienen el botón en cuestión. El código del botón de LinkedIn sería el siguiente:

En el head, añadimos el siguiente fragmento de código JavaScript:

[crayon lang="js"]

[/crayon]

Luego, donde queremos crear el botón, llamamos a la función declarada anteriormente.
[crayon lang="js"]

[/crayon]

A continuación, incluimos el código de los botones de las redes sociales principales que validan perfectamente en la W3C.

En el head:

[crayon lang="js"]

[/crayon]

Y en donde queramos llamar a los botones…

[crayon lang="html"]

[/crayon]

Para Twitter, la función tiene un parámetro booleano compartir, en el que se indica si se trata del botón de compartir o el de seguir.

Esperamos que haya sido de ayuda.

GD Star Rating
loading...

Tags: , , , , ,


3 Respuestas a “Validar los botones de Facebook, Twitter, LinkedIn, Google Plus en la W3C”

  1. Como validar los botones de compartir de Twitter, Linkedin y Google + en W3C « Aqua2webs: consejos y recursos para webs dice:

    [...] interesante y válida forma de hacerlo. Lo explica David Garcia Carbayo en su blog en el articulo Como validarlos botones de Facebook, Twitter, LinkedIn, Google Plus en la W3C, gracias por el [...]

  2. Juan dice:

    Hola:
    El código de FB no parece funcionar, devuelve un error…
    ¿Habrán tocado algo?
    Gracias

  3. Como hacer que webs con botones de redes sociales validen en la W3C dice:

    [...] "CRITEO-300×250", 300, 250); 1 meneos Como hacer que webs con botones de redes sociales validen en la W3C http://www.e-sort.net/blog/index.php/2012/03/20/validar-los-boto…  por mjgomez hace [...]