Blog de diseño y desarrollo de páginas y aplicaciones web.

12

Valida tus botones de Facebook, Twitter, Google +1 y LinkedIn para la W3C

Posted on 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:

Luego, donde queremos crear el botón, llamamos a la función declarada anteriormente.

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

En el head:

Y en donde queramos llamar a los botones…

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 y gracias a Moisés por conseguir algo que a muchos, nos ha quitado horas intentando validar nuestras páginas en la W3C

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
Valida tus botones de Facebook, Twitter, Google +1 y LinkedIn para la W3C, 5.0 out of 5 based on 2 ratings

Esta entrada fue publicada en Estándares W3C, Facebook, Google Plus, HTML, JavaScript, Lenguajes, LinkedIn, Php, Redes Sociales, Twitter y etiquetada , , , , , por DGCmedia. Guarda enlace permanente.

12 comentarios

tepublico es

tepublico es en dijo:

excelente post me gusto mucho

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Alejandro

Alejandro en dijo:

Estoy intentando validar en w3c pero el widget de twitter me da dos errores :

there is no attribute “data-widget-id”

alquien me puede ayudar con el widget del time line ??
gracias

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

    DGCmedia

    DGCmedia en dijo:

    No va a validar nunca ese atributo. Por eso, con las funciones de arriba, lo que haces es crearlas tras la carga de la web. Así validará 😉

    De todos modos, próximamente las actualizaremos con funciones mucho mejores.

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

juanolo2001

juanolo2001 en dijo:

¿El problema es que no funciona en IE7 verdad? algun otro metodo para IE7?

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Hector

Hector en dijo:

No salió la función. Es esta (le saqué los cierres):

? $dirFB=urlencode(“http://www.e-sort.net”); ?

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

    DGCmedia

    DGCmedia en dijo:

    Es php. Codifica los símbolos de la url (//:) para poderse insertar en una url. Es como lo exige Facebook.

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Hector

Hector en dijo:

Hola David!

Que función cumple en el body la siguiente función?:

Gracias,

Hector

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Juan

Juan en dijo:

Hola:
Muy bueno el artículo.
El caso es que FB no funciona una vez instalado.
¿Alguna idea? ¿Han cambiado quizá algo los de FB?
Gracias

VA:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Validar botones de redes sociales en la W3C

Validar botones de redes sociales en la W3C en dijo:

[…] "CRITEO-300×250", 300, 250); 1 meneos Validar botones de redes sociales en la W3C http://www.dgcmedia.es/blog/valida-tus-botones-de-facebook-twitt…  por ddgcarbayo hace […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Contacto

Su nombre*

E-Mail*

Asunto*

Mensaje*

Captcha
Otro Captcha

Captcha*