Why not use Angular's built-in i18n with @angular/localize?

You can, and it suits teams that want translations compiled into the app. That workflow asks you to mark text with the i18n attribute, run ng extract-i18n, send the extracted files (XLIFF, for example) to translators, then build a separate copy of the app for each locale, usually deployed to its own subdirectory. ConveyThis removes those steps: you keep one build, translation is applied to what the app renders, and new strings are picked up after you deploy. The trade-off: translations live in your ConveyThis account instead of your repository.

In an Angular CLI project, which file needs the script?

Open src/index.html and paste the snippet from your ConveyThis dashboard inside , right before . Because the CLI injects its own script and style tags during the build, this is normally the only tag you maintain in that file. Run your production build, deploy it, and the language menu shows up at the bottom right of the page. The Angular setup guide covers the dashboard side.

Are route changes and lazy-loaded components translated?

Yes. The Angular router moves between views by updating the address through the History API instead of reloading, and ConveyThis listens for exactly those updates, hash-style URLs included. It also watches the DOM, so anything that renders later, such as a lazily loaded route, a dialog or a table filled by an HTTP request, is translated once its text reaches the page.

How do I keep user data or code samples from being translated?

Put the conveythis-no-translate class on the element, for instance a that displays a customer name through interpolation, and it is left exactly as rendered. You can also list element IDs or classes under Content Customization in your dashboard, exclude whole routes with URL rules, or pin brand and product names in the glossary. See exclusions and glossary.

Can each language of my Angular app have its own URL?

Yes, on the Business plan or higher. Sub-domains are the easier option for an Angular app: create one CNAME entry per language code (fr, de and so on) and your production server goes on serving the same build. A /fr/-style sub-directory works as well, but then the domain's A record targets ConveyThis and every request is routed through it. Both options come with hreflang tags, and the URL structure guide lists the DNS records.

Angular Intégration

Téléchargez notre plugin de traduction de framework Angular très bien noté

Commencer

Aucune carte bancaire requise

Faire la visite

Sans engagement

Voir toutes les intégrations

Translation Quality with Human Precision illustration

Angular Plugin de traduction Caractéristiques

Détection de contenu
Mémoire de traduction
Édition visuelle
Exporter et importer
Exclusions

Comment fonctionne ConveyThis sur Angular

La CLI Angular insère vos bundles compilés dans src/index.html en soi, donc le script ConveyThis est la seule balise que vous y ajoutez à la main. Après votre prochaine création et déploiement de production, le widget traduit les vues des composants rendues dans le navigateur de chaque visiteur, couvrant le texte qui apparaît après une navigation sur le routeur ou lorsqu'une fonctionnalité chargée paresseusement s'ouvre.

Vos modèles restent tels quels : non i18n attributs à ajouter, pas de fichiers XLIFF à extraire, pas de build supplémentaire pour chaque locale. Les traducteurs modifient dans le tableau de bord ConveyThis tandis que les développeurs continuent de livrer un seul pack. Lorsque vous souhaitez des adresses linguistiques que les moteurs de recherche peuvent indexer, choisissez des sous-domaines tels que fr.example.com sur le plan d'affaires ou supérieur.

Obtenir commencé en quelques minutes

Intégration instantanée Angular

Installation rapide en 5 minutes ou moins ! Aucune configuration complexe requise. Ajoutez des fonctionnalités multilingues à votre application Angular sans effort. Choisissez parmi 200+ langues traduites et obtenez des capacités de traduction parfaitement intégrées avec une compatibilité Angular à 100 %.

Traduction complète de la demande

Ne changez pas votre flux de travail de développement ! ConveyThis atteint une compatibilité à 100 % avec Angular en tant que solution de traduction ultime, garantissant que tout le contenu de votre application est traduit. Briser les barrières linguistiques et atteindre divers publics mondiaux grâce à des fonctionnalités de traduction robustes qui améliorent l’accessibilité et l’engagement des utilisateurs internationaux.

Accéder au guide de configuration

Atteindre visiteurs du monde entier

Angular Automatisation du référencement pour les marchés mondiaux

Améliorez le classement international de recherche de votre application Angular grâce à l'implémentation SEO automatisée de ConveyThis. Obtenez des balises hreflang instantanées, des sous-répertoires/sous-domaines spécifiques à la langue et une traduction côté serveur que les robots Google peuvent indexer directement. Transformez chaque point de contact client —des formulaires aux fenêtres contextuelles— en opportunités de conversion multilingues tout en maintenant des normes techniques de référencement parfaites pour une visibilité mondiale maximale.

Soyez mondial avec nous

Livrer traductions de qualité professionnelle

Précision de traduction alimentée par l'IA pour les applications Angular

Obtenez des expériences multilingues impeccables dans 200+ langues grâce au système de traduction intelligent de ConveyThis. Notre IA détecte et traduit instantanément 100 % de vos composants Angular —menus, widgets, contenu dynamique et éléments de thème— tout en vous offrant un contrôle éditorial complet. Utilisez l'édition d'aperçu en direct, les flux de travail d'exportation/importation et les règles de traduction intelligentes pour garantir que chaque mot représente parfaitement votre marque dans n'importe quelle langue.

Traduction avec qualité

Prendre contrôle total de vos traductions

Gestion intelligente de la traduction pour les équipes Angular

Rationalisez votre flux de travail de localisation Angular avec le système de traduction en pilote automatique de ConveyThis. Analysez et traduisez automatiquement l'intégralité de votre application tout en conservant un contrôle granulaire sur ce qui est localisé. Collaborez de manière transparente avec votre équipe grâce à l'édition d'aperçu en direct, à la publication instantanée et à l'exclusion sélective des pages. Parfait pour les équipes qui ont besoin de précision sans surcharge manuelle.

Traduction du pilote automatique

Connecter avec un public mondial authentique

Full-Stack Angular Localisation au-delà de la traduction

Créez des expériences Angular véritablement localisées qui trouvent un écho auprès du public mondial. ConveyThis remplace automatiquement les images et les fichiers multimédias, traduit tous les éléments de conversion et crée des structures d'URL multilingues intuitives. Créez des parcours utilisateur transparents avec des interfaces localisées personnalisables qui guident les visiteurs internationaux à travers votre application sans effort — le tout géré à partir d'un tableau de bord puissant.

Commencez à localiser MAINTENANT

Facilement gérez vos traductions

Commencez en quelques minutes

Installation rapide - sélectionnez vos langues et vous êtes prêt à partir en 5 minutes ou moins ! Aucune configuration complexe Angular requise, choisissez parmi 200+ langues traduites. ConveyThis atteint fièrement une compatibilité à 100 % en tant que solution ultime de traduction de plugins Angular avec une intégration transparente.

Parfait pour les développeurs Angular

ConveyThis apparaît comme le choix optimal pour la traduction de plugins Angular, offrant des fonctionnalités multilingues complètes. Grâce à une intégration conviviale pour les développeurs et à des fonctionnalités de traduction robustes, transcendez sans effort les barrières linguistiques et assurez-vous que vos applications Angular fournissent un contenu qui trouve un écho auprès d'un public mondial diversifié.

Traduire partout dans le monde

Élargissez l’impact global de votre application basée sur Angular avec ConveyThis. Démonte de manière transparente les barrières linguistiques, garantissant que le contenu de votre application est accessible et engageant pour un public international diversifié. Élargissez votre empreinte numérique et connectez-vous à une base d’utilisateurs mondiale.

Pourquoi choisir ConveyThis pour Angular

Un tableau de bord

Gérez les chaînes, les médias, le référencement et le contenu des applications dans un seul espace de travail.

Glossaire et règles

Verrouillez les termes de marque et les noms de produits pour maintenir la cohérence des traductions.

SEO multilingue

Hreflang automatique, métadonnées localisées et URL propres spécifiques à la langue.

Éditeur visuel

Traduire en contexte — modifier directement sur la page et prévisualiser par locale.

Traduction automatique

Commencez vite avec les traductions automatiques, affinez avec les règles et les souvenirs de la marque.

Structure du site multilingue

Servez des lieux sur des sous-répertoires/sous-domaines optimisés pour le référencement avec un commutateur accessible.

Redirection automatique des visiteurs

Routez éventuellement les visiteurs vers la langue de leur navigateur pour réduire le rebond.

Voir la liste complète

Apprendre comment commencer

Découvrez comment rendre votre site Web multilingue et regardez-le grandir !

Intégrez ConveyThis à votre application Angular en suivant ces étapes simples :

Créer un compte ConveyThis

Créez un compte ConveyThis, confirmez votre e-mail et accédez au tableau de bord de votre compte.

Ajoutez votre domaine

Sur votre tableau de bord, accédez à «Domaines» dans le menu supérieur, cliquez sur « Ajouter un domaine », puis cliquez sur « Paramètres ».

Configurer les langues

Vous êtes maintenant sur la page de configuration principale. Sélectionnez la ou les langues source et cible(s) de votre site Web. Cliquez sur « Enregistrer la configuration ».

Copier le code JavaScript

Faites défiler vers le bas et copiez le code JavaScript à partir du champ ci-dessous. Ce code contient votre clé API unique pour l'intégration.

Insérer du code dans Angular

Insérez l'extrait de code ConveyThis dans votre index.html ou fichier de mise en page <head> tags juste avant </head>. Voir guide détaillé.

Personnaliser et optimiser

Affinez vos traductions via le tableau de bord ConveyThis, configurez Glossaire règles pour une terminologie cohérente et configurer fonctionnalités avancées pour une expérience utilisateur optimale.

Angular traduction de l'application : questions courantes

Pourquoi ne pas utiliser l'i18n intégré de Angular avec @angular/localize ?

Vous pouvez, et cela convient aux équipes qui souhaitent que les traductions soient compilées dans l'application. Ce flux de travail vous demande de marquer le texte avec le i18n attribut, exécuter ng extract-i18n, envoyez les fichiers extraits (XLIFF, par exemple) aux traducteurs, puis créez une copie distincte de l'application pour chaque locale, généralement déployée dans son propre sous-répertoire. ConveyThis supprime ces étapes : vous conservez une build, la traduction est appliquée à ce que l'application restitue et de nouvelles chaînes sont récupérées après le déploiement. Le compromis : les traductions se trouvent dans votre compte ConveyThis plutôt que dans votre référentiel.

Dans un projet CLI Angular, quel fichier a besoin du script ?

Ouvert src/index.html et collez l'extrait de votre tableau de bord ConveyThis à l'intérieur <head>, juste avant </head>. Étant donné que la CLI injecte ses propres balises de script et de style pendant la construction, c'est normalement la seule balise que vous conservez dans ce fichier. Exécutez votre build de production, déployez-le et le menu de langue apparaît en bas à droite de la page. Le Angular guide de configuration couvre le côté tableau de bord.

Les changements d'itinéraire et les composants chargés paresseusement sont-ils traduits ?

Oui. Le routeur Angular se déplace entre les vues en mettant à jour l'adresse via l'API Historique au lieu de recharger, et ConveyThis écoute exactement ces mises à jour, URL de style hachage incluses. Il surveille également le DOM, donc tout ce qui s'affiche ultérieurement, comme une route chargée paresseusement, une boîte de dialogue ou une table remplie par une requête HTTP, est traduit une fois que son texte atteint la page.

Comment puis-je empêcher la traduction des données utilisateur ou des échantillons de code ?

Mettez le conveythis-no-translate classe sur l'élément, par exemple un <span> qui affiche un nom de client par interpolation, et il est laissé exactement tel que rendu. Vous pouvez également répertorier les identifiants ou les classes d'éléments sous Personnalisation du contenu dans votre tableau de bord, exclure des itinéraires entiers avec des règles d'URL ou épingler les noms de marque et de produit dans le glossaire. Voir exclusions et glossaire.

Chaque langue de mon application Angular peut-elle avoir sa propre URL ?

Oui, sur le plan d'affaires ou supérieur. Les sous-domaines sont l'option la plus simple pour une application Angular : créez une entrée CNAME par code de langue (fr, de et ainsi de suite) et votre serveur de production continue de servir la même version. A /fr/Le sous-répertoire de style fonctionne également, mais l'enregistrement A du domaine cible ConveyThis et chaque requête est acheminée via celui-ci. Les deux options sont livrées avec des balises hreflang et le Guide de structure d'URL répertorie les enregistrements DNS.

Vous avez une question différente ?

Contactez notre équipe d'assistance dédiée — nous sommes là pour vous aider, en plusieurs langues

Nous contacter