KOMPOOS.NL

google plus one - HTML5 / andere taal

home » manuals » html5 » google-plus-one-andere-taal.html

google +1 button in een andere taal (bij mouse-over)

Op moment van schrijven is de standaard (mouse-over)taal van de plus one button in het engels. Op google's centrum voor webmasters is te lezen dat het lastig blijkt te zijn om de lang op de correcte manier te implementeren in de code. Op deze pagina is de code iets uitgebreid om de taal correct weer te geven (bij een mouse-over), zonder dat IE in de "stress schiet", en validerend voor W3C-HTML5 (en JSLint natuurlijk).

Er is één regeltje javascript aan de standaard-procedure toegevoegd.

google_plus.text='{lang:"nl"}';

Kijk even in het javascript hieronder op welke plaats dat behoort te staan.

Voor het overige verwijs ik naar alles wat geschreven staat op de originele (google-plus-one.html) pagina.

html code voor de google plus one knop

<div class="g-plusone" data-size="standard" data-count="false"></div>

javascript voor de google +1 button (in een andere taal)


<script>
/*global google_plus:true */
function google_plus_one() {
        google_plus = document.createElement('script');
        google_plus.setAttribute("type", "text/javascript");
        google_plus.setAttribute("src", "https://apis.google.com/js/plusone.js");
        google_plus.text='{lang:"nl"}';
        document.getElementsByTagName("head").item(0).appendChild(google_plus);
}
setTimeout(function() {
    google_plus_one();
}, 800);
</script>