WebSite X5Help Center

 
Martin T.
Martin T.
User

Bouton traduction  fr

Auteur : Martin T.
Visité 6180, Followers 1, Partagé 0  

Bonjour à la team

J'aimerais savoir comment faire pour mettre le bouton en haut à droite de traduction.

Car j'ai un widget qui me renvoi sur une page ailleurs que sur mon site

alors que ce bouton français, deutch, english, espanol, italiono est superbe !!!

On peut m'expliquer la manipulation

Merci

Thibault

Posté le
9 RéPONSES - 2 UTILE - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Hello Thibault, comment as-tu conçu tes traductions ? Site original traduit dans toutes les langues avec lien sur les sites traduits ou boutons avec traduction automatique de type Google Translate ?

Si c'est cela quel est ton script ?

@Suivre, ...J.P.

Lire plus
Posté le de JiPeR 48
Martin T.
Martin T.
User
Auteur

Bonjour

Voilà mon site :

www.vouetmoi.com

Il est entrain d'être refais de la tête au doigt de pied donc soyez clément...

J'essaye par contre de mettre le maximum d'option possible dessus afin de démontrer à mes futurs clients toutes les possibilités que je leur réserve.

Le script est celui-ci :

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr|en&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://3.bp.blogspot.com/-l5ng_hD4OYU/UKFuUcP1VEI/AAAAAAAAFu0/kzW7iWqL0pc/s1600/england.png" title="Translate this page to English"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>
<!--Espagnol-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr|es&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="español" src="http://3.bp.blogspot.com/-WiG7rk8kdzw/UKFuVKH5XDI/AAAAAAAAFu8/Zlk1JkCOfuQ/s1600/espagne.png" title="traducir esta página al español"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>
<!--Italien-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr|it&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://2.bp.blogspot.com/-dZJZcc6ZksQ/UKFuXgvrH6I/AAAAAAAAFvc/dRCAk-JQX2Y/s1600/italie.png" title="Traduci questa pagina in Italiano"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>
<!--Allemand-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr|de&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="deutsch" src="http://4.bp.blogspot.com/-cv4kiuVjQYI/UKFuQQSTZLI/AAAAAAAAFuQ/O_4vGF3rrIU/s1600/allemagne.png" title="diese Seite auf deutsch"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

Cela renvoit la personne sur google translate dans une autre fenêtre.

Ce que j'aimerais c'est avoir le même bouton que sur votre page.

Peut on me donner le script ?

C'est possible ?

Lire plus
Posté le de Martin T.
Samuel V.
Samuel V.
User

Bonjour,

Le script est disponible dans les Widgets. Il suffit d'insérer un HTML & Widget et de choisir Google Translate et le code s'affichera dans la fenêtre HTML. Pour l'avoir sur toutes les pages, copier ce code et l'insérer en tant que bloc HTML de l'en-tête de page.

Précisez la langue de traduction si vous désirez l'associer à un bouton comme sur le forum. 

Sinon, pour utiliser le code que vous avez posté, il suffit de supprimer les parties : 'target="_blank" '.

Bon courage Smile

Lire plus
Posté le de Samuel V.
Martin T.
Martin T.
User
Auteur

Bonjour

Merci pour ces précisions mais plusieurs choses en ressortent :

Un j'ai enlevé comme vous m'avez dis :

'target="_blank"

Comme ceci :

<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr|en&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://3.bp.blogspot.com/-l5ng_hD4OYU/UKFuUcP1VEI/AAAAAAAAFu0/kzW7iWqL0pc/s1600/england.png" title="Translate this page to English"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>
<!--Espagnol-->
<a rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr|es&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="español" src="http://3.bp.blogspot.com/-WiG7rk8kdzw/UKFuVKH5XDI/AAAAAAAAFu8/Zlk1JkCOfuQ/s1600/espagne.png" title="traducir esta página al español"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>
<!--Italien-->
<a rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr|it&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://2.bp.blogspot.com/-dZJZcc6ZksQ/UKFuXgvrH6I/AAAAAAAAFvc/dRCAk-JQX2Y/s1600/italie.png" title="Traduci questa pagina in Italiano"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>
<!--Allemand-->
<a rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr|de&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="deutsch" src="http://4.bp.blogspot.com/-cv4kiuVjQYI/UKFuQQSTZLI/AAAAAAAAFuQ/O_4vGF3rrIU/s1600/allemagne.png" title="diese Seite auf deutsch"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

Hors le résultat est le même lorsque vous allez sur mon site :

www.vouetmoi.com

Vous cliquez sur les drapeaux et vous allez sur un autre site google translate dans une autre page ou un autre onglet hors je veux que l'on reste sur la même fenêtre qu'il y ai une traduction simultannée de la page.

Ensuite j'ai essayé le bouton widget sur le logiciel comme vous me l'avez recommandé.

Deux choses se produisent :

La première pas très agréable, lorsque je fais un test mon PC se fige me donne l'impression qu'il  a planté, il faut savoir que je tourne sous seven 64 bits, j'ai un intel core I7 3770K, 16 Go de RAM, une carte MSI Z77 - GD45, deux cartes graphique montées en crosfire ATI 7770, 4 disques durs en SSD 120Go, 1 en SATA II 500Go, 1 Sata III 1500Go + une alimentation de 1200W Seasonic en Clair ce n'est pas mon PC qui est trop faible. Mais bel et bien le widget qui rame a mort.

J'ai l'impression qu'il se connecte sur internet pour tchécker toutes les langues et dieu sait si il y en a, perso je ne veux que comme vous 4 langues au maximum, a savoir :

anglais, alemand, espagnol, italien

Là il me sort le chinois, le suomi, l'arabe et autre que je n'aurais jamais besoin, il y en a une bonne vingtaine.

J'aimerais vraiment n'avoir que ces 4 langues dans le bouton, alors comme faire pour n'avoir que ces 4 langues dans le bouton comme le votre en haut a droite sur la page ?

Merci

Thibault Martin

Lire plus
Posté le de Martin T.
Martin T.
Martin T.
User
Auteur

regarder sur cette page :

http://www.vouetmoi.com/votre-site.html

Voilà comment ressort le widget de traduction

Sélectionner une languea

frikaans albanais allemand anglais arabe arménien azéribas queben gali biélorusse bulgare catalan chinois (simplifié) chinois (traditionnel) coréen créole haïtien croate danois espagnol espéranto estonien finnois galicien gallois géorgien grec gujarati hébreu hindi hongrois indonésien irlandais  islan dais italien japonais kannada Laotien latin letton lituanien macédonien malaisien maltais  néerlandais norvégien persan polonais portugais roumain russe serbe slovaque slovène suédois  swahili tagalogtamul tchèque telugu thaï turcuk rainien urdu vietnamien yiddish

Je n'ai rien contre le yiddish ou les vietamiens mais je ne pense pas avoir de clients autres que des européens et je vois déjà super large....

Plus sérieusement il me faudrait juste les langues citées au dessus :

Anglais, Alemand, Italien, Espagnol.

Juste ces 4 langues dans le bouton

Hors le bouton c'est ça :

<!-- Google.Google Translate: START -->
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'fr',
autoDisplay: false,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- Google.Google Translate: END -->

Pouvez me dire comment faire ?

Merci

Thibault Martin

Lire plus
Posté le de Martin T.
Samuel V.
Samuel V.
User

Bonjour Thibault,

Désolé mais je ne comprends pas. Réellement, je tente de comprendre ce que vous voulez faire.

Ce que je comprends, vous souhaitez : 

  • avoir un drapeau menant à la langue : dans ce cas, votre code avec drapeau fonctionne sauf que le javascript ouvre une nouvelle fenêtre : window.open.  L'URL à appeler serait donc : http://translate.google.com/translate?hl=fr&sl=fr&tl=it&u=http://www.vouetmoi.com
    pour une traduction Français vers Italien par exemple

    Comme ceci :


    <!--Italien-->
    <a href="http://translate.google.com/translate?hl=fr&sl=fr&tl=it&u=http://www.vouetmoi.com">
    <img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://2.bp.blogspot.com/-dZJZcc6ZksQ/UKFuXgvrH6I/AAAAAAAAFvc/dRCAk-JQX2Y/s1600/italie.png" title="Traduci questa pagina in Italiano"/>
    </a>
    <!-- Fin Italien-->



     
  • avoir une traduction : dans ce cas, le widget de traduction fonctionne aussi directement sans ouvrir de nouvelle fenêtre.

Une autre suggestion :

  1. placer ce code dans votre page dans le header 
    <meta name="google-translate-customization" content="ca413ecb82a3d850-f54432023e***0dbf85991a702d0-10"></meta> 
  2. placer ce code dans un widget HTML

    <div id="google_translate_element"></div><script type="text/javascript">
    function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'fr', includedLanguages: 'de,en,es,it', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
    }
    </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    (Désolé le texte devient gras et grand tout seul). 


    Si cela ne convient toujours pas, visitez le site Google Translate : https://translate.google.com/manager/website/

     

 


Lire plus
Posté le de Samuel V.
Martin T.
Martin T.
User
Auteur

Bonjour

ce sera plus simple en regardant l'image que je vous envoie avec ce mesage

Merci

Thibault

Lire plus
Posté le de Martin T.
Incomedia
Claudio D.
Incomedia

Hello Martin,

the button we used on answers doens't use the google translate but it contains the links to the translated pages. You can add a custom button with the HTML Object but then you need to create translated copies of the project in the languages you want to have and add the links in the button.

Many thanks!

***** Google Translation:

Bonjour Martin,

sur le bouton, nous avons utiliséles réponsesdoens'tutiliser letraduiregooglemais il contient lesliensvers les pages traduites.Vous pouvezajouter un bouton personnaliséavec l'objetHTML, maisvous avez besoin decréer des copiestraduites duprojetdans les languesque vous voulez avoiret ajouter le liendu bouton.

Un grand merci!

Lire plus
Posté le de Claudio D.
Martin T.
Martin T.
User
Auteur

Merci

voilà le résultat

www.vouetmoi.com

je vous remercie beaucoup je vais l'utiliser sur tous mes sites :-)

Lire plus
Posté le de Martin T.