Primjeri
Saznajte prevoditelja primjera implementacije web-stranica.
Promijenite stavio je izvorišnog koda i ID klijenta u primjerima u jedan iz generiranog koda. Pogledajte cjeloviti Vodič za integraciju > Stvori Novi prevoditelj web-mjesta.
Označi neki sadržaj Kao jezik Koji se ne može prevesti ILI Drugi jezik
Označite dijelove sadržaja koje ne želite prevesti prijevodom = „ne”. Označite elemente odgovarajućim atributom jezika ako se razlikuje od sadržaja glavne stranice.
<html lang="en"><head><!-- 👇 Unesite točan put izvorišnog koda --><script src="https://cms-hrvojka.gov.hr/uploads/wt/7.1.5/widget.js"></script></head><body><div class="website-translator"></div><p>This will be translated</p> <!-- This will be translated --><p translate="no">This will not be translated</p> <!-- This will not be translated --><p lang='ja'>これを訳して</p> <!-- This will not be translated --><ul translate="no"> <li>Coffee</li> <!-- This will not be translated --> <li translate="yes">Tea</li> <!-- This will be translated --> <li>Milk</li> <!-- This will not be translated --></ul></body><footer> <script>// Configure plugin <!-- 👇 Promijenite XXXXXXXXXXX u ID klijenta --> WebsiteTranslator.Options.api.clientId = "XXXXXXXXXXX"; WebsiteTranslator.Options.ui.toolbarPosition = "top" WebsiteTranslator.Initialize() </script></footer></html>Asinkrono kašnjenje učitavanja
<html lang="en-US"> <head> <!-- 👇 Unesite točan put izvorišnog koda --> <script src="https://cms-hrvojka.gov.hr/uploads/wt/7.1.5/widget.js" async defer onload="InitWebsiteTranslation()"></script> </head> <body> <div class="website-translator"></div> <script> function InitWebsiteTranslation(){ // Configure <!-- 👇 Promijenite XXXXXXXXXXX u ID klijenta --> WebsiteTranslator.Options.api.clientId = 'x-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' // ... // Initialize and run translations WebsiteTranslator.Initialize() } </script> </body></html>Odgodi učitavanje
<html lang="en-US"> <head> <!-- 👇 Unesite točan put izvorišnog koda --> <script src="https://cms-hrvojka.gov.hr/uploads/wt/7.1.5/widget.js" defer></script> </head> <body> <div class="website-translator"></div> <script> window.onload = function(){ // Configure <!-- 👇 Promijenite XXXXXXXXXXX u ID klijenta --> WebsiteTranslator.Options.api.clientId = 'x-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' // ... // Initialize and run translations WebsiteTranslator.Initialize() } </script> </body></html>Dodaj prevedene jezike treće strane na izbornik
<!DOCTYPE html><head> <!-- 👇 Unesite točan put izvorišnog koda --> <script src="https://cms-hrvojka.gov.hr/uploads/wt/7.1.5/widget.js"></script> </head><body> <div class="website-translator"></div><p>This is an example</p> </body><footer> <script> <!-- 👇 Promijenite XXXXXXXXXXX u ID klijenta --> WebsiteTranslator.Options.api.clientId = 'x-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' var params = new URLSearchParams(window.location.search); // Languages which are already pretranslated and don't need to be machine translated var thirdPartyLanguages = ["de", "fr", "sv"]; WebsiteTranslator.Options.translation.thirdPartyTranslationLanguages = thirdPartyLanguages; WebsiteTranslator.Options.translation.onLanguageSelected = function(selectedLanguage) { return new Promise(function(resolve) { var translationHandled = false; console.info("Selecting language", selectedLanguage); if (thirdPartyLanguages.includes(selectedLanguage)) { console.info("Switching to third-party language with external code"); translationHandled = true; // Third party translation var newUrl = new URL(window.location.href) newUrl.searchParams.set("lang", selectedLanguage) window.location.href = newUrl.href } resolve(translationHandled); }); }; // Initialize and run translations WebsiteTranslator.Initialize() </script></footer></html>