브라우저(디바이스) 언어 설정에 따른 리다이렉트

다국어 웹사이트를 운영할 때, 사용자에게 최적화된 언어 환경을 제공하는 것은 매우 중요합니다. 이를 위해 웹사이트 방문자의 브라우저 언어 또는 디바이스 언어 설정을 감지하여 자동으로 적절한 언어 페이지로 리다이렉트하는 기능을 구현할 수 있습니다.

이 포스팅에서는 워드프레스에서 브라우저 및 모바일 디바이스 언어 설정을 기반으로 사용자를 자동 리다이렉트하는 방법을 설명하겠습니다.

1. 사용자의 언어 설정 감지하기

웹사이트에 처음 방문했을 때, 사용자 디바이스(PC 또는 모바일)의 언어 설정을 확인해야 합니다. 브라우저 언어 설정은 PHP의 $_SERVER['HTTP_ACCEPT_LANGUAGE'] 변수를 통해 가져올 수 있습니다. 모바일 기기에서도 이 값은 일반적으로 디바이스 기본 언어와 일치하는 경우가 많으므로, 이 변수를 사용하면 대부분의 경우 사용자의 선호 언어를 감지할 수 있습니다.

2. 쿠키를 이용한 언어 설정 저장

브라우저 언어 설정만으로 리다이렉트하는 것은 모든 페이지에서 불필요한 리다이렉트가 발생할 수 있습니다. 따라서 한 번 설정된 언어를 쿠키에 저장하고, 이후 방문 시에는 이 쿠키 값을 기준으로 적절한 언어 페이지로 이동하도록 설정하는 것이 좋습니다. 이렇게 하면 사용자가 매번 언어 설정을 다시 할 필요가 없습니다.

3. 모바일 디바이스의 언어 설정

모바일 디바이스 사용자의 경우, 디바이스 설정에 따라 기본 언어가 설정됩니다. 대부분의 경우 $_SERVER['HTTP_ACCEPT_LANGUAGE'] 값을 통해 이 정보를 얻을 수 있습니다. 따라서 PC와 마찬가지로 모바일에서도 이 값을 활용해 사용자에게 적절한 언어 페이지를 제공할 수 있습니다.

4. 코드 구현

다음 코드는 사용자가 처음 웹사이트에 접속했을 때 브라우저 또는 디바이스 언어를 감지하여 적절한 언어로 리다이렉트하고, 이후 방문 시에는 쿠키에 저장된 값을 기준으로 리다이렉트하는 방법을 보여줍니다.

function redirect_based_on_language() {

    # 첨 들어왔을때 언어설정

    if ($_SERVER['REQUEST_URI'] == '/') {

        if (isset($_COOKIE['checkcheck_lang'])){

           

            $lang = $_COOKIE['checkcheck_lang'];

            switch ($lang) {

                case 'kr':

                    return;

                case 'jp':

                    wp_redirect('/jp');

                    exit;

                case 'en':

                    wp_redirect('/en');

                    exit;

                default:

                    wp_redirect('/en');

                    exit;

            }

        }

       

        $language = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);

        switch ($language) {

            case 'ko':

                setcookie('checkcheck_lang', 'kr', time() + 60 * 60 * 24, '/');

                return;

            case 'ja':

                setcookie('checkcheck_lang', 'jp', time() + 60 * 60 * 24, '/');

                wp_redirect('/jp');

                exit;

            case 'en':

                setcookie('checkcheck_lang', 'en', time() + 60 * 60 * 24, '/');

                wp_redirect('/en');

                exit;

            default:

                setcookie('checkcheck_lang', 'en', time() + 60 * 60 * 24, '/');

                wp_redirect('/en');

                exit;

        }

    }

    # 다른 언어 선택했을때

    if (isset($_GET['lang'])) {

        $lang = sanitize_text_field($_GET['lang']);

       

        switch ($lang) {

            case 'kr':

                setcookie('checkcheck_lang', 'kr', time() + 60 * 60 * 24, '/');

                wp_redirect('/');

                exit;

            case 'jp':

                setcookie('checkcheck_lang', 'jp', time() + 60 * 60 * 24, '/');

                wp_redirect('/jp');

                exit;

            case 'en':

                setcookie('checkcheck_lang', 'en', time() + 60 * 60 * 24, '/');

                wp_redirect('/en');

                exit;

            default:

                setcookie('checkcheck_lang', 'en', time() + 60 * 60 * 24, '/');

                wp_redirect('/en');

                exit;

        }

    }

}

add_action('init', 'redirect_based_on_language');

 

위 코드에서는 사용자가 처음 웹사이트에 방문할 때 브라우저나 디바이스 언어 설정을 확인하여 적절한 언어로 리다이렉트하는 기능을 구현했습니다. 또한, 언어 설정을 쿠키에 저장하여 이후 방문 시 불필요한 리다이렉트를 방지할 수 있도록 했습니다. 이 방법을 통해 다국어 웹사이트에서 사용자에게 더 나은 경험을 제공할 수 있습니다.

모바일 환경에서도 디바이스의 기본 언어 설정을 기반으로 웹사이트를 리다이렉트할 수 있기 때문에, 이러한 구현은 모바일 사용자 경험을 최적화하는 데도 매우 유용합니다.