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 Интеграция

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

Начать

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

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

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

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

Translation Quality with Human Precision illustration

Angular Перевод Функции плагина

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

Как ConveyThis работает на Angular

CLI Angular вставляет скомпилированные пакеты в src/index.html сам по себе, поэтому скрипт ConveyThis — это единственный тег, который вы добавляете туда вручную. После следующей производственной сборки и развертывания виджет преобразует визуализированные представления компонентов в браузере каждого посетителя, охватывая текст, который отображается после навигации маршрутизатора или при открытии функции отложенной загрузки.

Ваши шаблоны остаются такими, какие они есть: нет i18n атрибуты для добавления, нет файлов XLIFF для извлечения, нет дополнительной сборки для каждой локали. Переводчики редактируют данные на панели управления ConveyThis, в то время как разработчики продолжают поставлять один пакет. Если вам нужны языковые адреса, которые могут индексировать поисковые системы, выбирайте поддомены, например fr.example.com по бизнес-плану или выше.

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

Мгновенная Angular интеграция

Быстрая установка за 5 минут или меньше! Никакой сложной настройки не требуется. Добавьте многоязычную функциональность в свое Angular приложение без особых усилий. Выбирайте из 200+ переведенных языков и получайте легко интегрированные возможности перевода со 100% Angular совместимостью.

Полный перевод приложения

Не меняйте рабочий процесс разработки! ConveyThis обеспечивает 100% совместимость с Angular как окончательным решением Перевод, гарантируя перевод всего содержимого вашего приложения. Устраните языковые барьеры и охватите разнообразную глобальную аудиторию с помощью надежных функций перевода, которые повышают доступность и вовлеченность международных пользователей.

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

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

Angular Автоматизация SEO для глобальных рынков

Повысьте международный рейтинг вашего приложения Angular в результатах поиска с помощью автоматизированной реализации SEO для ConveyThis. Получайте мгновенные теги hreflang, подкаталоги/поддомены для конкретных языков и перевод на стороне сервера, который боты Google могут напрямую индексировать. Превратите каждую точку соприкосновения с клиентом —от форм до всплывающих окон— в возможности многоязычной конверсии, сохраняя при этом идеальные технические стандарты SEO для максимальной глобальной видимости.

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

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

На базе искусственного интеллекта Перевод Точность для Angular приложений

Достигните безупречного многоязычного опыта на 200+ языках с помощью интеллектуальной системы перевода ConveyThis. Наш ИИ мгновенно обнаруживает и переводит 100% ваших Angular компонентов —меню, виджеты, динамический контент и элементы темы—, предоставляя вам полный редакционный контроль. Используйте редактирование предварительного просмотра в реальном времени, рабочие процессы экспорта/импорта и интеллектуальные правила перевода, чтобы гарантировать, что каждое слово идеально представляет ваш бренд на любом языке.

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

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

Умное Перевод управление для Angular команд

Оптимизируйте рабочий процесс локализации Angular с помощью системы автопилотного перевода ConveyThis. Автоматически сканируйте и переводите все ваше приложение, сохраняя при этом детальный контроль над тем, что локализуется. Легко сотрудничайте со своей командой посредством редактирования предварительного просмотра в реальном времени, мгновенной публикации и выборочного исключения страниц. Идеально подходит для команд, которым нужна точность без ручных затрат.

Автопилот Перевод

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

Полный стек Angular Локализация за пределами Перевод

Создавайте по-настоящему локализованные Angular решения, которые найдут отклик у глобальной аудитории. ConveyThis автоматически заменяет изображения и медиафайлы, переводит все элементы преобразования и создает интуитивно понятные многоязычные структуры URL. Создавайте удобные пользовательские пути с помощью настраиваемых локализованных интерфейсов, которые легко направляют иностранных посетителей по вашему приложению—все это управляется с одной мощной панели управления.

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

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

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

Быстрая установка — выберите языки, и все готово в течение 5 минут или меньше! Не требуется сложной Angular конфигурации, выбирайте из 200+ переведенных языков. ConveyThis с гордостью достигает 100% совместимости как лучшее решение Angular Plugin Перевод с бесшовной интеграцией.

Идеально подходит для Angular разработчиков

ConveyThis оказывается оптимальным выбором для Angular Плагина Перевод, обеспечивающего комплексные многоязычные возможности. Благодаря удобной для разработчиков интеграции и надежным функциям перевода вы без труда преодолеете языковые барьеры и гарантируете, что ваши Angular приложения будут предоставлять контент, который найдет отклик у разнообразной глобальной аудитории.

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

Расширьте глобальное влияние вашего приложения на базе Angular с помощью ConveyThis. Плавно устраняет языковые барьеры, гарантируя доступность и привлекательность контента вашего приложения для разнообразной международной аудитории. Расширьте свое цифровое присутствие и подключитесь к базе пользователей по всему миру.

Почему стоит выбрать ConveyThis вместо Angular

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Интегрируйте ConveyThis с вашим приложением Angular, выполнив следующие простые шаги:

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

Создайте учетную запись ConveyThis, подтвердите свой адрес электронной почты и войдите в панель управления своей учетной записью.

Добавьте свой домен

На панели управления перейдите в верхнее меню «Домены», нажмите «Добавить домен», затем нажмите «Настройки».

Настройка языков

Теперь вы находитесь на главной странице конфигурации. Выберите исходный и целевой язык (языки) для вашего веб-сайта. Нажмите «Сохранить конфигурацию».

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

Прокрутите вниз и скопируйте код JavaScript из поля ниже. Этот код содержит ваш уникальный ключ API для интеграции.

Вставьте код в Angular

Вставьте ConveyThis фрагмент кода в свой индекс.html или файл макета <head> теги прямо перед </head>. См. подробное руководство.

Настройте и оптимизируйте

Настройте свои переводы с помощью панели управления ConveyThis, настройте Глоссарий правила для единообразной терминологии и настройки расширенные возможности для оптимального пользовательского опыта.

Angular перевод приложения: распространенные вопросы

Почему бы не использовать встроенный i18n Angular с @angular/localize?

Вы можете, и это подходит командам, которые хотят, чтобы переводы были скомпилированы в приложение. Этот рабочий процесс просит вас пометить текст с помощью i18n атрибут, запустить ng extract-i18n, отправьте извлеченные файлы (например, XLIFF) переводчикам, затем создайте отдельную копию приложения для каждой локали, обычно развернутую в отдельном подкаталоге. ConveyThis удаляет эти шаги: вы сохраняете одну сборку, перевод применяется к тому, что отображает приложение, и новые строки подбираются после развертывания. Компромисс: переводы хранятся в вашей учетной записи ConveyThis, а не в вашем репозитории.

В каком файле CLI-проекта Angular требуется скрипт?

Открыть src/index.html и вставьте фрагмент из панели управления ConveyThis внутрь <head>, прямо перед этим </head>. Поскольку CLI внедряет собственные теги скриптов и стилей во время сборки, обычно это единственный тег, который вы сохраняете в этом файле. Запустите производственную сборку, разверните ее, и языковое меню появится в правом нижнем углу страницы. The Angular руководство по настройке закрывает сторону приборной панели.

Переводятся ли изменения маршрута и компоненты с отложенной загрузкой?

Да. Маршрутизатор Angular перемещается между представлениями, обновляя адрес через API истории вместо перезагрузки, и ConveyThis прослушивает именно эти обновления, включая URL-адреса в стиле хэша. Он также следит за DOM, поэтому все, что отображается позже, например, лениво загруженный маршрут, диалоговое окно или таблица, заполненная HTTP-запросом, переводится, как только его текст достигает страницы.

Как предотвратить перевод пользовательских данных или примеров кода?

Поставьте conveythis-no-translate класс элемента, например a <span> который отображает имя клиента посредством интерполяции, и оно остается точно таким, как отображается. Вы также можете перечислить идентификаторы элементов или классы в разделе «Настройка контента» на панели управления, исключить целые маршруты с помощью правил URL или закрепить названия брендов и продуктов в глоссарии. Видеть исключения и глоссарий.

Может ли каждый язык моего Angular приложения иметь свой собственный URL-адрес?

Да, по бизнес-плану или выше. Поддомены — более простой вариант для приложения Angular: создайте одну запись CNAME для каждого языкового кода (fr, de и так далее), и ваш производственный сервер продолжает обслуживать ту же сборку. А /fr/Подкаталог в стиле -style тоже работает, но тогда запись A домена имеет значение ConveyThis, и каждый запрос направляется через него. Оба варианта поставляются с тегами hreflang, а Руководство по структуре URL-адресов перечисляет записи DNS.

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

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

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