Pulsante +1 di Google con codice validabile

Il Pulsante +1 é uno strumento che Google mette a disposizione per permetterci di mostrare a tutti i contenuti che ci piacciono e che vogliamo consigliare sul Web.

Il pulsante +1 di Google può essere facilmente integrato nelle pagine del nostro sito con un codice fornito da Google; questo codice presenta però due inconvenienti: rallenta il caricamento della pagina e rende le pagine non validabili. Cercando assiduamente nel Web ho trovato un codice alternativo che non presenta queste limitazioni ed è validabile anche HTML5.

Per inserire il pulsante nel body usiamo questo codice:

 Codice 

<div class="g-plusone" data-href="indirizzopagina" data-size="standard" data-count="true"></div>

Sembre nel body mettere subito prima del tag di chiusura </body> il seguente codice:

 Codice 

<!-- Place this tag after the last plusone tag --> <script type="text/javascript"> window.___gcfg = {lang: 'it'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script>

Per essere sicuri che il pulsante faccia riferimento alla pagina con il corretto indirizzo aggiungiamo l'indirizzo della pagina nella proprietà data-href. Le misure disponibili (data-size) sono:

• small
• medium
• standard
• tall

Per visualizzare o non visualizzare il conteggio il parametro data-count deve essere impostato rispettivamente come true o false.

Nota: il codice per il caricamento dello script di Google è già stato incluso in New-CMS (versione 1.6.2 Beta) ed i pulsanti inclusi negli articoli e nel Blog (versione 2.2 Beta).