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