Si usáis Addthis y tenéis errores al validar vuestras web en W3C… esto ocurre si añadís atributos especiales a los botones del tipo: g:plusone:size=”medium”.

Por ejemplo este es un script muy típico, para mostrar los botones share con contador de las redes (google+, facebook, twitter):

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
    <a class="addthis_button_facebook_like"></a>
    <a class="addthis_button_tweet"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
<!-- AddThis Button END -->

Este código al pasarlo por el validador de W3C nos daría el siguiente error:

Attribute xmlns:addthis not allowed here:

<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>

Bien, para solucionar esto, es tan simple con añadir ese/os atributos especiales por javascript, por ejemplo:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_google_plusone" id="plusone"></a>
    <a class="addthis_button_facebook_like"></a>
    <a class="addthis_button_tweet"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-514da8bb3d3da759"></script>
<script>
    var plusone = document.getElementById("plusone");
    plusone.setAttribute("g:plusone:size", "medium");
</script>
<!-- AddThis Button END -->

Agradezco tu comentario 🤘