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