Product Reviewsというレビューアプリを使用しているのですが、
アプリ内のReview listing text、Review form text、Badge textの部分の英語→日本語への翻訳はできたのですが、
これとは別に、当ショップでは日本語サイトと英語サイトを用意しているため前述した部分を日本語/英語で切り替わるように設定したいです。
自動翻訳でTranslate & Adaptを入れているのですが、レビュー部分には対応していないのか翻訳されません。
Review listing text、Review form text、Badge text部分は、liquidが入力できるみたいなので色々試しているのですが、解決方法はありますでしょうか。
Product Reviewsに登録している内容や、レビュー自体の内容を、
ユーザーの言語に応じて翻訳できるか、ということですね。
私が見た限り、の話ではあるのですが、大変難しそうです。
技術的な話になり恐縮なのですが、
Product Reviewsの各ウィジェットの文言、HTML、レビューの内容は下記のURLで取得しているようです。
https://productreviews.shopifycdn.com/proxy/v4/reviews/product?callback=productCallback{商品ID}&product_id={商品ID}&version=v4&shop=yourstore.myshopify.com
ニュアンスを無視してご説明しますと、
Product Reviewsの表示に必要な情報は、
JavaScriptで外部サーバーから取得しています。
それはつまり、
Product Reviewsの表示に関する情報は基本的にストアに保存されているのではなく、
Product Reviewsというアプリのサーバー(外部サーバー)に保存されていることを意味します。
そして、
Translate & Adaptは、ストアに保存されているデータを翻訳してくれるものです。
そうしますと、
質問者様のご認識通り、
Translate & Adaptでの他言語対応は難しいでしょう。
また、
Product Reviewsのデータがストアにない、ということは、
Liquidが使えるように見えて、実は、Product Reviewsが使えるようにしているLiquidしか使用できないことも意味しています。
ですので、
Review listing text、Review form text、Badge text部分は、liquidが入力できるみたいなので色々試しているのですが、
実現されようとしていることによっては、こちらについても難しいのではないかと思います。
それでも何かやりようがないか考えてみまして、2つほど思いつきました。
※しかし、どちらの内容もレビュー内容を翻訳することはできません。
1つ目:
JavaScriptを使用して、ユーザーの言語に応じて、Product Reviewsのウィジェットの内容を書き換える。ウィジェットのHTMLがShopifyによって変更されないことが前提となりますが、CSSのclass名で要素を取得し、その内容を言語に応じて変更するスクリプトを組むことはできそうです。
2つ目:
日本語と英語を併記する。例えば、Review headlineであれば、
レビュー - Customer Reviews
のように設定します。
1つ目は、
見栄えは良いと思いますが、
制作コストと管理コストが高くなりそうですので、
2つ目が現実的ではないかと思います。
最後に、
レビュー内容まで翻訳したい場合ですが、
SEO効果は薄まってしまいそうですが、
JavaScriptでページを翻訳するようなサービスを導入することで、
言語に応じてレビュー内容も翻訳されるようにできるかもしれません。
「Webサイト 翻訳サービス」などで検索されるとそう言ったサービスを見つけることができるか思います。
例: https://weglot.com/ja/integrations/translate-website-2/
どの回答も微妙に要件を満たしておらず恐縮ですが、
参考になれば幸いです。
(キュー田辺)