目次
Bubble.io のアクセス要件
Bubble.io で使用するクラウド AI 自動翻訳には、設定を完了するためにいくつかのアクセス権が必要です:
- Bubble.io 管理者アクセス
- Bubble.io のドメイン DNS の変更
Bubble.io の設定は 4 つの簡単なステップで構成されています:
- 翻訳を許可するためにドメインを登録する
- 翻訳言語に応じてドメイン DNS を変更する
- Bubble.io の設定に言語フラッグ切替リンクを追加する
- 動的翻訳機能を有効化する。.
動画でBubble.ioウェブサイトを多言語化する方法
Bubbleドメインを登録する
接続または登録が完了した後、 Linguise dashboard、翻訳を承認するためにドメインの登録を求められます。
その目的のために、https:// を含めたドメイン名をコピーし、“Other Cloud Hosted CMS” をプラットフォームとして選択してください。
その後、ソース言語と対象言語を選択してください。.
SEO 重要な注意点: 設定する言語数は SEO に大きな影響を与えます。翻訳言語を設定する際、インデックスされたページが多数(>500)ある場合、検索エンジンの処理に多くの時間がかかることがあります。これにより、元の言語での SEO に影響が出る可能性があります。That’は、最初に最大5言語を追加することを推奨する理由です。その後、インデックスが完了したら、月に3言語ずつ追加できます。
言語に応じてドメイン DNS を変更する
Entri を使用してドメイン DNS を自動的に追加する
ウェブサイトの登録に成功したら、 Linguise dashboard、インストールを進めるための2つのオプションがあります。
おそらくこのコンテンツが表示されるはずです。DNSレコードを自動的に追加したい場合は、“ をクリックしてください。DNSを自動的に接続してください。” この機能(Entri と呼ばれます)は、DNSレコードを自動的に追加し、インストールを簡単に進めることができます。別のオプションとしては、ドメインプロバイダーで DNS を手動でコピーすることです。
ボタンをクリックした後、Entri は登録されたウェブサイトの URL を分析し、公開 DNS レコードを確認します。その結果に基づき、必要なプロバイダーと DNS を特定します。.
次に、クリックして “[your domain provider]で認証” (この例では、Cloudflareです)。パネルがドメインプロバイダーのログインページに変わり、ログインして続行できます。
ドメインプロバイダーにログインすると、Entri が残りの作業を自動的に行い、適切な DNS レコードを追加します。言語ごとに 1 つの DNS と、検証キー用に 1 つの TXT DNS が必要です。.
ドメイン内に DNS が追加されたことが確認できるはずです。例として:
認証が完了すると、Entri がすべての DNS 設定が正常に構成されたことを通知します。.
ドメイン上のすべての DNS エントリが伝搬されたら、すぐに翻訳機能を使用できるようになります(通常 20〜30 分かかります)。.
手動インストールをご希望の場合、以下に提供する手順に従って手動で実行することもできます。
DNS レコードをコピー
ドメインを検証した後、ドメインに追加するDNSがコピーできる画面にリダイレクトされます。これらのレコードは、ウェブサイトの多言語ページをロードするために必要です fr.domain.com, es.domain.com…
以下は、Bubble.io DNS設定にコピーする必要がある主な要素です。.
その後、ドメインマネージャに接続し、DNS設定エリアにアクセスする必要があります。指示に従って、以下をコピーできます:
- ドメイン検証用のTXTレコード1つ
- 言語用の1つまたは複数のCNAMEレコード
以下は’各レコードタイプ(TXT と CNAME)の例です:
すべてのレコードを追加した後、設定はこのようになるはずです。.
DNS検証を確認する
すべてのレコードをドメインのDNSに追加した後、ボタンをクリックしてDNS伝搬を確認できます。 DNS設定を確認。
DNS 検証は通常、30 分から 1 時間かかります. その後、Linguise ダッシュボードの DNS リストの右側に緑のドットが表示されます。ほぼ翻訳の準備ができていますが、国旗付き言語スイッチャーへのリンクが欠けています。
動的翻訳機能
技術的に言えば、Bubble は JavaScript で記述されたモジュール、CSS、HTML を組み合わせて動作する Node.js アプリケーションを構築します。Bubble の独自言語は JSON に基づいています。.
当社の “Dynamic Translation” 機能を使用すると、Bubble.io のウェブサイト上のコンテンツをシームレスに翻訳できます。ページが読み込まれた後に非同期(動的)にロードされるコンテンツも含まれます。この機能強化により、訪問者に対してよりスムーズな多言語体験が提供されます!
この機能を有効化するには、 Linguise ダッシュボード アカウント設定。
Linguise ダッシュボードにアクセスしたら、登録済みドメインをクリックし、 設定 メニュー。
この “Translate Dynamic Content” セクションは設定ページの末尾にあります。
Bubble.ioに言語スイッチャーを追加
言語スイッチャーは、希望する言語を選択するためのフラッグポップアップです。 ロードするには、’必要なコードをコピーする必要があります。 フラッグ言語スイッチャーは、公開ウェブサイトに自動的にロードされます。.
コピーするリンクは、ドメイン登録の最後またはドメイン設定で提供されています。リンクをクリップボードにコピーしてください。.
次に、Bubble のウェブサイトパネルへ移動します。左側メニューでクリックしてください ‘設定’ > select “SEO / metatags”.
メニュー設定から少しスクロールすると、ヘッダーの「高度な設定“。
以前にコピーしたLinguiseスクリプトを貼り付け、クリック ‘Save’, 、サイトを公開してください。
現在、Bubble.io のウェブサイトフロントエンドで、Linguise の言語スイッチャーが利用可能です。.
Bubble.io ウェブサイト言語スイッチャーデザイン
言語スイッチャーは、 Linguise ダッシュボード > 設定 > 言語フラッグ表示。 ここでのすべての変更は、ウェブサイトに反映されます。
画面の右側に言語スイッチャーのプレビューがあります。設定できる要素は以下の通りです:
- 3つのレイアウト:横並び、ドロップダウン、ポップアップ
- 言語スイッチャーの位置
- 言語スイッチャーの内容
- 英語または母国語での言語名
- 旗の形状とサイズ
- 色とボックスシャドウ
Bubble.io ウェブサイトのフロントエンド翻訳エディタ
フロントエンドエディタは、翻訳者が Bubble.io の任意の HTML コンテンツを任意の言語で変更できるようにします。ページ要素をクリックしてテキスト、リンク、または画像を置き換えることでページを編集できます。.
ブラケット {} をクリックすることで、メタ情報を編集することも可能です。