Скрипт для определения, перевода и замены названия города на лендинге
Написал небольшой скрипт на js, который по ip посетителя определяет его город (https://ipinfo.io), переводит название города на нужный язык и производит замену в коде страницы по классу тега. Теперь по порядку.
Как использовать
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
Написать комментарий
Статьи
Комментарии
27 ноября 2021, 21:05
24 февраля 2021, 12:17
14 февраля 2021, 20:36
14 февраля 2021, 20:12
14 февраля 2021, 20:04
14 февраля 2021, 19:50
Комментарии ()