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

1 つのダッシュボード

文字列、メディア、SEO、アプリのコンテンツを 1 つのワークスペースで管理します。

用語集とルール

翻訳の一貫性を保つために、ブランド用語と製品名をロックします。

多言語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 advanced features 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 ダッシュボード側をカバーします。
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