Скрипт для определения, перевода и замены названия города на лендинге

Написал небольшой скрипт на js, который по ip посетителя определяет его город (https://ipinfo.io), переводит название города на нужный язык и производит замену в коде страницы по классу тега. Теперь по порядку.
upCity
Как использовать
1. Как и в предыдущем скрипте (конструктор всплывающих уведомлений), подключаем jQuery.
2. После jQuery подключаем наш скрипт upCity.js. Пробелы и переносы удалены с целью оптимизации.
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/upCity.js"></script>
3. Ниже производим настройку скрипта и запускаем главную функцию.
$(document).ready(function(){
    let data = {
        cityClass: 'city',
        cityDefault: 'Комсомольск-на-Амуре',
        cityLang: 'ru', //ISO 639-1
        //testIp: '88.119.130.181',
    };
    //Вызов главной функции
    getCity(data);
});
cityClass — класс тегов, в которых нужно вписать название города.
cityDefault — город по умолчанию. Используется скриптом, если по каким-то причинам не удалось определить город автоматически.
cityLang — код языка по ISO 639-1, на который будет переведено название города. Логично, что он должен совпадать с языком лендинга.
testIp — здесь можно писать ip-адрес для проверки работоспособности скрипта и настроек. На рабочем лендинге этот параметр должен быть закомментирован!

Пример подключения
<!doctype html>
<html lang="en">
    <head>
        <!-- ... стили страницы .css и др.  ...-->

        <title>Hello, world!</title>
    </head>
    <body>
        <!-- Контент страницы -->
        <h1>Твой город <span class="city"></span></h1>
        <p>Город будет вписан в любой тег, например <b class="city"></b>.</p>
        <p>Внутри тега можно оставлять текст, он также будет заменен на <i class="city">название города на нужном языке</i>.</p>

        <!-- Подключение jQuery (если еще не подключен) -->
        <script src="js/jquery-3.5.1.min.js"></script>
        <!-- Подключение скрипта определения города -->
        <script src="js/upCity.js"></script>
        <script>
            $(document).ready(function(){
                let data = {
                    cityClass: 'city',
                    cityDefault: 'Комсомольск-на-Амуре',
                    cityLang: 'ru', //ISO 639-1
                    //testIp: '88.119.130.181',
                };
                //Вызов главной функции
                getCity(data);
            });
        </script>
    </body>
</html>
Коды языков по ISO 639-1.

При небольших доработках скрипта можно выводить IP, название страны, показывать флаг страны посетителя и т.п. Пишите свои предложения в комменты.
19.02.2021 г. 479

Комментарии ()

    Комментарии

    UpRoof.pro 2020