KOMPOOS.NL

google translate pagina

home » manuals » html5 » google-translate.html

sitemap


uitleg google translate pagina

Een heerlijke module. Met de translate-service van Google kan (bijna) iedereen ter wereld jouw web-pagina in een oogwenk vertalen. Met dien verstande dat de tekst begrijpelijk wordt gemaakt. Het is niet een vertaling die door een professionele tolk zou zijn gemaakt... Maar dit doet absoluut geen afbreuk aan, de grote bruikbaarheid van, deze vertaal-module. Het nadeel aan deze "functie" is dat de originele google-code niet valideert onder JSLint, en dat er een merkbare vertraging optreedt (bij snelle pagina's die binnen ½ seconde laden) voor wat betreft het weergeven van de pagina.

De oplossing is om de procedure met een lichte vertraging beschikbaar te maken voor de bezoekers en de "knop" zo laag als mogelijk op de pagina te plaatsen. De vertraging is nu ingesteld op 3 seconden (3000 ㎳), maar als je zeker wilt zijn dat bezoekers die "snel doorklikken" nog geeneens de module te zien krijgen, kan je de vertragings-tijd rustig op 8 seconden (of meer) zetten.

Wij kunnen lui achterover leunen en Google al het vertalings-werk laten doen (perfect!). Het enige wat je te doen hebt is onderstaande code zo laag als mogelijk in de body-sectie van jouw pagina te plaatsen

html code (plus script) voor de google vertaal service


<div id="google_translate_element"></div>
<script>
/*global google: false */
function googleTranslateElementInit() {
    google.translate.TranslateElement({
        pageLanguage: 'nl'
    }, 'google_translate_element');
}
function google_vertaling_pagina() {
    var deferred_google_file = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
    var defer_translation_file = document.createElement('script');
    defer_translation_file.setAttribute("type", "text/javascript");
    defer_translation_file.setAttribute("src", deferred_google_file);
    document.getElementsByTagName("head").item(0).appendChild(defer_translation_file);
}
setTimeout(function() {
    google_vertaling_pagina();
}, 3000);
</script>