Angular Integration

Laden Sie unser hoch bewertetes Framework-Übersetzungs-Plugin Angular herunter
Loslegen

Keine Kreditkarte erforderlich

Tour machen

Ohne Verpflichtung

Alle Integrationen anzeigen

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

Angular Translation Plugin Features

  • Inhaltserkennung
  • Übersetzungsspeicher
  • Visuelle Bearbeitung
  • Export und Import
  • Ausschlüsse

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.

Loslegen in Minuten

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.

Gehen Sie zur Einrichtungsanleitung

Erreichen Sie Besucher auf der ganzen Welt

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.

Werden Sie global mit uns
Multilingual SEO illustration

Liefern Sie professionelle Übersetzungen

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.

Übersetzung mit Qualität

Übernehmen Sie die volle Kontrolle über Ihre Übersetzungen

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.

Autopilot-Übersetzung
Control and collaboration illustration

Vernetzen Sie sich authentisch mit globalen Zielgruppen

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.

Beginnen Sie JETZT mit der Lokalisierung

Verwalten Sie Ihre Übersetzungen ganz einfach

Loslegen in Minuten

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.

Übersetzen Sie auf der ganzen Welt

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

Ein Dashboard

Verwalten Sie Zeichenfolgen, Medien, SEO und App-Inhalte in einem Arbeitsbereich.

Glossar & Regeln

Sperren Sie Markenbegriffe und Produktnamen, um die Konsistenz der Übersetzungen zu gewährleisten.

Mehrsprachige SEO

Automatisches hreflang, lokalisierte Metadaten und saubere sprachspezifische URLs.

Visueller Editor

Im Kontext übersetzen — direkt auf der Seite bearbeiten und pro Gebietsschema eine Vorschau anzeigen.

Maschinelle Übersetzung

Beginnen Sie schnell mit maschinellen Übersetzungen und verfeinern Sie sie mit Markenregeln und Erinnerungen.

Mehrsprachige Standortstruktur

Bedienen Sie Orte in SEO-freundlichen Unterverzeichnissen/Subdomänen mit einem zugänglichen Umschalter.

Automatische Umleitung des Besuchers

Leiten Sie Besucher optional zu ihrer Browsersprache weiter, um den Absprung zu reduzieren.

Vollständige Liste anzeigen

Erfahren Sie, wie Sie loslegen

Finden Sie heraus, wie Sie Ihre Website mehrsprachig machen und ihr Wachstum beobachten können!

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

1

Erstellen Sie ein ConveyThis-Konto

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

Kopieren Sie den Code 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>. Siehe ausführliche Anleitung.
6

Customize and Optimize

Optimieren Sie Ihre Übersetzungen über das Dashboard ConveyThis, richten Sie ein Glossar rules for consistent terminology, and configure Erweiterte Funktionen 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?
Öffnen Sie 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 deckt die Armaturenbrettseite ab.
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 Leitfaden zur URL-Struktur lists the DNS records.

Haben Sie eine andere Frage?

Kontaktieren Sie unser engagiertes Support-Team — wir sind hier, um zu helfen, in mehreren Sprachen

Kontaktieren Sie uns

More for Angular sites