Angular Integration

Загрузите наш высоко оцененный Angular плагин для перевода фреймворков
Начать

Нет данных карты

Отправьтесь на экскурсию

Никаких обязательств

Просмотреть все интеграции

G2 High Performer Spring 2023
G2 Easiest Setup Fall 2024
G2 Best Support Spring 2025

Angular Translation Plugin Features

  • Обнаружение контента
  • Перевод память
  • Визуальное редактирование
  • Экспорт и импорт
  • Исключения

How ConveyThis works on Angular

The Angular CLI inserts your compiled bundles into src/index.html by itself, so the ConveyThis script is the one tag you add there by hand. After your next production build and deploy, the widget translates the rendered component views in the browser of each visitor, covering text that shows up after a router navigation or when a lazy-loaded feature opens.

Your templates stay as they are: no i18n attributes to add, no XLIFF files to extract, no extra build for every locale. Translators edit in the ConveyThis dashboard while developers keep shipping a single bundle. When you want language addresses that search engines can index, choose sub-domains like fr.example.com on the Business plan or higher.

Получать началось за считанные минуты

Integration illustration

Instant Angular integration

Quick install in 5 minutes or less! No complex configuration required. Add multilingual functionality to your Angular application effortlessly. Choose from 200+ translated languages and get seamlessly integrated translation capabilities with 100% Angular compatibility.

Complete application translation

Don't change your development workflow! ConveyThis achieves 100% compatibility with Angular as ultimate Translation solution, ensuring all your application content gets translated. Break down language barriers and reach diverse global audiences with robust translation features that enhance accessibility and engagement for international users.

Перейти к руководству по настройке

Достигать посетители по всему миру

Angular SEO Automation for Global Markets

Boost your Angular app's international search rankings with ConveyThis's automated SEO implementation. Get instant hreflang tags, language-specific subdirectories/subdomains, and server-side translation that Google bots can directly index. Transform every customer touchpoint—from forms to pop-ups—into multilingual conversion opportunities while maintaining perfect technical SEO standards for maximum global visibility.

Станьте глобальными вместе с нами
Multilingual SEO illustration

Доставлять профессиональные переводы

Translation quality illustration

AI-Powered Translation Precision for Angular Apps

Achieve flawless multilingual experiences across 200+ languages with ConveyThis's intelligent translation system. Our AI instantly detects and translates 100% of your Angular components—menus, widgets, dynamic content, and theme elements—while giving you complete editorial control. Use live preview editing, export/import workflows, and smart translation rules to ensure every word perfectly represents your brand in any language.

Перевод с качеством

Брать полный контроль над вашими переводами

Smart Translation Management for Angular Teams

Streamline your Angular localization workflow with ConveyThis's autopilot translation system. Automatically scan and translate your entire application while maintaining granular control over what gets localized. Collaborate seamlessly with your team through live preview editing, instant publishing, and selective page exclusion. Perfect for teams who need precision without the manual overhead.

Автопилот Перевод
Control and collaboration illustration

Подключать с глобальной аудиторией подлинно

Website localization illustration

Full-Stack Angular Localization Beyond Translation

Create truly localized Angular experiences that resonate with global audiences. ConveyThis automatically replaces images and media files, translates all conversion elements, and creates intuitive multilingual URL structures. Build seamless user journeys with customizable localized interfaces that guide international visitors through your application effortlessly—all managed from one powerful dashboard.

Начните локализацию СЕЙЧАС

Легко управляйте своими переводами

Начните за считанные минуты

Quick install - select your languages and you're good to go within 5 minutes or less! No complex Angular configuration required, choose from 200+ translated languages. ConveyThis proudly achieves 100% compatibility as the ultimate Angular Plugin Translation solution with seamless integration.

Perfect for Angular developers

ConveyThis emerges as the optimal choice for Angular Plugin Translation, providing comprehensive multilingual capabilities. With developer-friendly integration and robust translation features, effortlessly transcend language barriers and ensure your Angular applications deliver content that resonates with a diverse global audience.

Переводите по всему миру

Broaden the global impact of your Angular-powered application with ConveyThis. Seamlessly dismantles language barriers, ensuring your application content is accessible and engaging to a diverse international audience. Expand your digital footprint and connect with a worldwide user base.

Why Choose ConveyThis for Angular

Одна панель управления

Управляйте строками, медиафайлами, SEO и контентом приложений в одном рабочем пространстве.

Глоссарий и правила

Заблокируйте термины бренда и названия продуктов, чтобы обеспечить единообразие переводов.

Многоязычное SEO

Автоматический hreflang, локализованные метаданные и чистые URL-адреса, специфичные для языка.

Визуальный редактор

Переводите в контексте — редактируйте непосредственно на странице и просматривайте в зависимости от локали.

Машинный перевод

Начните быстро с машинного перевода, усовершенствуйте правила бренда и память.

Многоязычная структура сайта

Обслуживайте локали в SEO-дружественных подкаталогах/поддоменах с помощью доступного переключателя.

Автоматическое перенаправление посетителей

При желании можно направлять посетителей на язык их браузера, чтобы уменьшить отскок.

Смотреть полный список

Учиться как начать

Узнайте, как сделать свой сайт многоязычным, и наблюдайте за его развитием!

Integrate ConveyThis with your Angular application by following these simple steps:

1

Создать ConveyThis Учетную запись

Create a ConveyThis account, confirm your email, and access your account's dashboard.
2

Add Your Domain

On your dashboard navigate to «Domains» in the upper menu, click "Add domain", then click "Settings".
3

Configure Languages

Now you are on the main configuration page. Select source and target language(es) for your website. Click "Save Configuration".
4

Копировать JavaScript Код

Scroll down and copy the JavaScript code from the field below. This code contains your unique API key for the integration.
5

Insert Code in Angular

Insert ConveyThis code snippet in your index.html or layout file's <head> tags right before </head>. См. подробное руководство.
6

Customize and Optimize

Настройте свои переводы с помощью панели управления ConveyThis, настройте Глоссарий rules for consistent terminology, and configure расширенные возможности for optimal user experience.

Angular app translation: common questions

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?
Открыть src/index.html and paste the snippet from your ConveyThis dashboard inside <head>, right before </head>. 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 <span> 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-адресов lists the DNS records.

У вас есть другой вопрос?

Обратитесь в нашу специальную службу поддержки — мы здесь, чтобы помочь на нескольких языках

Свяжитесь с нами

More for Angular sites