目次
Bubble.io のアクセス要件
Bubble.io で使用するクラウド AI 自動翻訳には、セットアップを完了するために何らかのアクセスが必要です。
- Bubble.io 管理者アクセス
- Bubble.io でのドメイン DNS の変更
Bubble.io のセットアップは 4 つの簡単な手順で構成されます。
- 翻訳を許可するにはドメインを登録してください
- 翻訳言語に応じてドメイン DNS を変更する
- Bubble.io 設定に言語フラグ スイッチャーのリンクを追加します。
- 動的翻訳機能を有効にします。
Bubble.io Web サイトをビデオで多言語化する方法
Bubble ドメインを登録する
そのためには、https:// を含むドメイン名をコピーし、プラットフォームとして Other Cloud Hosted CMS
その後、ソース言語と宛先言語を選択します。
SEO に関する重要事項:セットアップする言語の数は、SEO に大きな影響を与えます。 翻訳言語を設定するときに、大量のインデックス ページ (>500) がある場合、検索エンジンがそれらを処理するのに多くの時間がかかる場合があります。 元の言語での SEO に影響を与える可能性があります。 そのため、最初に最大 5 つの言語を追加することをお勧めします。その後、インデックスが作成されたら、月に 3 つのバッチで言語を追加できます。
言語に応じてドメイン DNS を変更する
Entri を使用してドメイン DNS を自動的に追加する
ボタンをクリックすると、Entri は登録された Web サイトの URL を分析し、パブリック DNS レコードを確認します。 それに基づいて、必要なプロバイダーと DNS が決定されます。
[ドメインプロバイダー] で認証する」 (この例では Cloudflare です)をクリックします パネルがドメイン プロバイダーのログイン ページに変わり、ログインして続行できます。
ドメイン プロバイダーにログインすると、残りの作業は Entri によって行われ、適切な DNS レコードが自動的に追加されます。 言語ごとに 1 つの DNS + 検証キー用に 1 つの TXT DNS。
DNS がドメイン内に追加されていることが確認できるはずです。 例えば：
認証すると、すべての DNS 設定が正常に構成されたことが Entri から通知されます。
すべての DNS エントリがドメインに伝達されるとすぐに、変換機能を使用できるようになります (通常は 20 ～ 30 分かかります)。
手動インストールを希望する場合は、以下に示す手順に従って手動でインストールすることもできます。
DNS レコードをコピーする
ドメインを検証すると、ドメインに追加する DNS をコピーする準備が整った画面にリダイレクトされます。 これらのレコードは、Web サイトの多言語ページをfr.domain.com、es.domain.com として読み込むために必要です。
Bubble.io DNS 設定にコピーする必要がある主な要素は次のとおりです。
その後、ドメイン マネージャーに接続し、DNS セットアップ領域にアクセスする必要があります。 次に、指示に従って以下をコピーできます。
- ドメイン検証用の 1 つの TXT レコード
- 言語の 1 つまたは複数の CNAME レコード
各レコード タイプ (TXT と CNAME) の例を次に示します。
すべてのレコードを追加すると、構成は次のようになります。
DNS検証を検証する
すべてのレコードをドメイン DNS に追加した後、[ DNS 構成を確認] ボタンをクリックして DNS の伝播を確認できます。
DNS 検証には通常 30 分から 1 時間かかります。 Linguiseの DNS リストの右側に緑色の点が表示されるはずです。 Bubble Web サイトを翻訳する準備はほぼ完了しましたが、国旗を含む言語スイッチャーへのリンクが欠落しています。
動的翻訳機能
Linguiseにアクセスしたら、登録したドメインをクリックし、 [設定]メニューに移動します。
動的コンテンツの翻訳」セクションは、設定ページの最後にあります
言語スイッチャーを Bubble.io に追加する
言語スイッチャーは、必要な言語を選択するためのフラグポップアップです。 これをロードするには、Bubble.io サイト ページの先頭にあるコードをコピーする必要があります。 その後、国旗言語スイッチャーが公開 Web サイトに自動的にロードされます。
コピーするリンクは、ドメイン登録の最後またはドメイン設定に表示されます。 リンクをクリップボードにコピーします。
次に、 Bubble Web サイトのパネルに移動します。 左側のメニューで「設定」をクリックし、「SEO / メタタグ」を選択します。
メニュー設定から少し下にスクロールすると、「詳細設定」の下のヘッダーにスクリプト/メタタグが表示されます。
Linguiseを貼り付け、 [保存]サイトを公開します。
これで、Bubble.io Web サイトのフロントエンドで、 Linguise 言語スイッチャーが利用できるようになります。
Bubble.io ウェブサイト言語スイッチャーのデザイン
言語スイッチャーは、 Linguiseダッシュボード > 設定 > 言語フラグ表示からカスタマイズできます。 ここでの変更はすべてウェブサイトに反映されます。
画面の右側には言語スイッチャーのプレビューが表示されます。 設定できる要素は次のとおりです。
- 3 つのレイアウト: サイドバイサイド、ドロップダウン、またはポップアップ
- 言語スイッチャーの位置
- 言語スイッチャーのコンテンツ
- 英語または母国語の言語名
- 旗の形と大きさ
- 色とボックスの影
Bubble.io Web サイトのフロントエンド翻訳エディター
フロントエンド エディタを使用すると、翻訳者は Bubble.io 上のあらゆる HTML コンテンツをあらゆる言語で簡単に変更できます。 ページ要素をクリックしてテキスト、リンク、または画像を置き換えることにより、ページを編集できます。
括弧 {} をクリックしてメタ情報を編集することもできます。
