アクセスしている国を判別してサイトで表示するデザインを変更したい

AI-generated summary

目的: 海外アクセス時に、国ごとに合わせたバナー表示へ切り替えたいが、訪問国の判別方法が分からない。

提案: 国判別ではなく、Shopifyの翻訳アプリ「Langify」で言語切替ボタンを設置し、選択言語に基づいてバナー表示を切り替える方法を推奨。

技術ポイント: 選択言語は document.documentElement.lang(HTMLのlang属性)で取得可能。これをトリガーにCSS/JSでバナーを出し分ける。

現状・結論: 質問者は提案に同意し、まず試してみる方針。国判別の具体的手法は提示されておらず、議論は実質言語ベースの切替に収束。未解決(国判別の方法は未回答)。

現在国内向けで運営しているショップではバナーを多く設置しているため、海外からのアクセスの際はその国の言語に合わせて表示するバナーをCSSなどで変更したいと思っているのですが、アクセスしてきている国を判別する方法がわからず困っております。

アクセスしてきている国の判別方法をご教授いただければ幸いです。

Yo0406 様

はじめまして、フルバランスのドウケです。

ご質問確認いたしました。

「アクセスしてきている国の判別」という方法とはズレてしまいますが、

Langifyという翻訳アプリで、言語切替ボタンを設置し、その選択言語でバナーの表示を切り替えるという方法はいかがでしょうか。

https://apps.shopify.com/langify?locale=ja

選択言語は、

document.documentElement.lang

で取得出来るかと思います。

なにかヒントになりましたら幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス

ドウケ様

アドバイスありがとうございます。

確かに表示の切り替えの部分で判別もできそうですね!

一度試してみます。