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 でどのように機能するか

Angular CLI は、コンパイルされたバンドルを挿入します src/index.html それ自体で、ConveyThis スクリプトは手動で追加する 1 つのタグです。次の本番ビルドとデプロイの後、ウィジェットはレンダリングされたコンポーネントビューを各訪問者のブラウザに変換し、ルーターナビゲーション後または遅延ロードされた機能が開いたときに表示されるテキストをカバーします。

テンプレートはそのまま残ります: いいえ i18n 追加する属性、抽出する XLIFF ファイルなし、ロケールごとに追加のビルドなし。翻訳者は ConveyThis ダッシュボードで編集しますが、開発者は単一のバンドルを出荷し続けます。検索エンジンがインデックスできる言語アドレスが必要な場合は、次のようなサブドメインを選択します fr.example.com 事業計画以上について。

得る数分で開始

インスタント Angular 統合

5 分以内にクイックインストール！複雑な構成は必要ありません。Angular アプリケーションに多言語機能を簡単に追加できます。200+ 翻訳言語から選択し、100% Angular 互換性を備えたシームレスに統合された翻訳機能を実現します。

完全なアプリケーションの翻訳

開発ワークフローを変更しないでください！ConveyThis 究極の翻訳ソリューションとして Angular との 100% 互換性を実現し、すべてのアプリケーションコンテンツが確実に翻訳されるようにします。言語の壁を打ち破り、国際的なユーザーのアクセシビリティとエンゲージメントを強化する堅牢な翻訳機能で、世界中の多様な視聴者にリーチします。

セットアップガイドに移動します

到達する世界中の訪問者

Angular グローバル市場向けの SEO 自動化

ConveyThis の自動 SEO 実装により、Angular アプリの国際検索ランキングが向上します。Google ボットが直接インデックスできる hreflang タグ、言語固有のサブディレクトリ/サブドメイン、サーバー側の翻訳を即座に取得します。グローバルな可視性を最大限に高めるために完璧な技術 SEO 標準を維持しながら、すべての顧客タッチポイント—フォームからポップアップまで—を多言語変換の機会に変換します。

私たちと一緒にグローバルにしましょう

届けるプロフェッショナルグレードの翻訳

Angular アプリの AI 搭載翻訳精度

ConveyThis のインテリジェント翻訳システムを使用して、200+ 言語にわたる完璧な多言語エクスペリエンスを実現します。当社の AI は、Angular コンポーネント—メニュー、ウィジェット、動的コンテンツ、テーマ要素—を即座に検出して 100% 翻訳し、完全な編集制御を提供します。ライブプレビュー編集、エクスポート/インポートワークフロー、スマート翻訳ルールを使用して、すべての単語があらゆる言語でブランドを完全に表現できるようにします。

品質による翻訳

取る翻訳を完全に制御します

Angular チーム向けのスマート翻訳管理

ConveyThis の自動パイロット翻訳システムを使用して、Angular ローカリゼーションワークフローを合理化します。ローカライズされるものを詳細に制御しながら、アプリケーション全体を自動的にスキャンして翻訳します。ライブプレビュー編集、即時公開、選択的なページ除外を通じて、チームとシームレスにコラボレーションできます。手動のオーバーヘッドなしで精度を必要とするチームに最適です。

オートパイロット翻訳

接続する世界中の視聴者と本物を

フルスタック Angular 翻訳を超えたローカリゼーション

世界中の視聴者の共感を呼ぶ、真にローカライズされた Angular エクスペリエンスを作成します。ConveyThis 画像とメディアファイルを自動的に置き換え、すべての変換要素を翻訳し、直感的な多言語 URL 構造を作成します。カスタマイズ可能なローカライズされたインターフェイスを使用してシームレスなユーザージャーニーを構築し、海外からの訪問者をアプリケーションに簡単にガイドします—すべて 1 つの強力なダッシュボードから管理されます。

今すぐローカライズを開始

簡単に翻訳を管理します

始める分単位

クイックインストール - 言語を選択すると、5 分以内に完了します！複雑な Angular 構成は必要ありません。200+ 翻訳言語から選択してください。ConveyThis シームレスな統合により、究極の Angular プラグイン翻訳ソリューションとして 100% の互換性を誇らしげに実現します。

Angular 開発者に最適です

ConveyThis は Angular プラグイン翻訳に最適な選択肢として浮上し、包括的な多言語機能を提供します。開発者に優しい統合と堅牢な翻訳機能により、言語の壁を難なく乗り越え、Angular アプリケーションが世界中の多様な視聴者の共感を呼ぶコンテンツを確実に配信できるようにします。

世界中で翻訳

ConveyThis を使用して、Angular を活用したアプリケーションのグローバルな影響を拡大します。言語の壁をシームレスに取り除き、アプリケーションコンテンツがアクセスしやすく、多様な国際的な視聴者にとって魅力的なものであることを保証します。デジタルフットプリントを拡大し、世界中のユーザーベースと接続します。

Angular に ConveyThis を選択する理由

1 つのダッシュボード

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

用語集とルール

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

多言語SEO

自動 hreflang、ローカライズされたメタデータ、およびクリーンな言語固有の URL。

ビジュアルエディター

コンテキストで翻訳 — ページ上で直接編集し、ロケールごとにプレビューします。

機械翻訳

機械翻訳から早く始め、ブランドルールや思い出で洗練しましょう。

多言語サイト構造

アクセス可能なスイッチャーを使用して、SEO に優しいサブディレクトリ/サブドメイン上のロケールを提供します。

訪問者の自動リダイレクト

オプションで、訪問者をブラウザ言語にルーティングしてバウンスを減らします。

完全なリストを参照してください

学ぶ始める方法

あなたのウェブサイトを多言語にする方法を見つけて、それが成長するのを見てください！

次の簡単な手順に従って、ConveyThis を Angular アプリケーションと統合します

ConveyThis アカウントを作成します

ConveyThis アカウントを作成し、電子メールを確認し、アカウントのダッシュボードにアクセスします。

ドメインを追加します

ダッシュボードで上部メニューの «ドメイン» に移動し、「ドメインの追加」をクリックし、「設定」をクリックします。

言語を設定します

これで、メイン構成ページに移動します。Web サイトのソース言語とターゲット言語（es）を選択します。「設定を保存」をクリックします。

コピー JavaScript コード

下にスクロールして、下のフィールドから JavaScript コードをコピーします。このコードには、統合のための一意の API キーが含まれています。

Angular にコードを挿入します

ConveyThis コードスニペットを挿入します index。html またはレイアウトファイルの <head> 直前のタグ </head>. 詳細なガイドを参照してください.

カスタマイズと最適化

ConveyThis ダッシュボードを通じて翻訳を微調整し、セットアップします用語集一貫した用語のルールと構成高度な機能最適なユーザーエクスペリエンスを実現します。

Angular アプリの翻訳:よくある質問

@angular/localize で Angular の組み込み i18n を使用しないのはなぜですか？

それは可能です。アプリに翻訳をコンパイルしたいチームには適しています。このワークフローでは、テキストにマークを付けるように求められます i18n 属性、実行 ng extract-i18n抽出したファイル（XLIFF など）を翻訳者に送信し、ロケールごとにアプリの個別のコピーをビルドします。通常は、独自のサブディレクトリにデプロイされます。ConveyThis これらの手順を削除します。ビルドを 1 つ保持し、アプリのレンダリング内容に翻訳を適用し、デプロイ後に新しい文字列を取得します。トレードオフ: 翻訳はリポジトリではなく ConveyThis アカウントに存在します。

Angular CLI プロジェクトでは、どのファイルにスクリプトが必要ですか？

開く src/index.html そして、ConveyThis ダッシュボードからのスニペットを中に貼り付けます <head>、直前 </head>。CLI はビルド中に独自のスクリプトタグとスタイルタグを挿入するため、通常、このタグがそのファイル内で維持される唯一のタグです。本番ビルドを実行してデプロイすると、ページの右下に言語メニューが表示されます。の Angular セットアップガイドダッシュボード側をカバーします。

ルートの変更と遅延ロードされたコンポーネントは翻訳されていますか？

はい。Angular ルーターは、リロードする代わりに履歴 API を通じてアドレスを更新することでビュー間を移動し、ConveyThis ハッシュスタイルの URL を含む更新を正確にリッスンします。また、DOM も監視するため、遅延ロードされたルート、ダイアログ、HTTP リクエストによって入力されたテーブルなど、後でレンダリングされるものはすべて、テキストがページに到達すると翻訳されます。

ユーザーデータやコードサンプルが翻訳されないようにするにはどうすればよいですか？

を置きます conveythis-no-translate 要素上のクラス、たとえば a <span> これにより、補間によって顧客名が表示され、レンダリングされたままになります。また、ダッシュボードのコンテンツカスタマイズの下に要素 ID またはクラスをリストしたり、URL ルールを使用してルート全体を除外したり、用語集にブランド名と製品名をピン留めしたりすることもできます。見る除外と用語集.

私の Angular アプリの各言語に独自の URL を持たせることはできますか？

はい、事業計画以上です。サブドメインはAngularアプリにとってより簡単なオプションです:言語コードごとに1つのCNAMEエントリを作成します(fr, de などなど）そして、運用サーバーは同じビルドを提供し続けます。A /fr/-style サブディレクトリも同様に機能しますが、ドメインの A レコードが ConveyThis をターゲットにし、すべてのリクエストがそこを介してルーティングされます。どちらのオプションにも hreflang タグが付属しています URL構造ガイド DNS レコードを一覧表示します。

別の質問がありますか？

専任のサポートチームにご連絡ください —私たちは複数の言語でお手伝いいたします

お問い合わせ