Dijous, 25 de Agost de 2011

Col·locar el botó "Google +1" mantenint una correcta validació html W3C

Un petit truc per mantenir una correcta validació html de les nostres pàgines webs

Seguint les instruccions proporcionades per Google per mostrar el nou botó 'Google +1', ens trobem que el nostre html deixa de superar la validació html proporcionada pel W3C.

El codi consta de dues parts:

En la nostra capçalera, cridarem el javascript necessari:

<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>

En el cos de la pàgina, allà on volem que aparegui el botó, col·loquem:

<g:plusone></g:plusone>

I aquest últim punt és el que genera el conflicte amb el W3C, ja que "<g:plusone></g:plusone>" no és una etiqueta estàndard.
Per solucionar el problema, n'hi ha prou amb reemplaçar aquesta línia per aquestes altres:

<script type="text/javascript">
// <![CDATA[
document.writeln('<g:plusone></g:plusone>');
// ]]>
</script>

Finalment, podreu afegir atributs com "size" els possible valors dels quals són "small", "medium" (opció per defecte) i "big" i que afectaran evidentment a la mida del botó.

« Veure tots els articles