ZorNet.Ru — сайт для вебмастера » JavaScript и jQuery » Google переводчик для сайта uCoz

Google переводчик для сайта uCoz

Google переводчик для сайта uCoz
С помощью этого кода вы можете запустить функцию перевода вашего сайта на разные языки. Я разместил этот код в верхнем блоке сайта, а вы можете поставить его в любое удобное для вас место.

HTML

Код
<div id="customLangSelector">
 <span></span>
 <select id="languageSelect">
 <option value="tm">Türkmençe</option>
 <option value="en">English</option>
 <option value="ru">Русский</option>
 <option value="zh-CN">中文</option>
 </select>
</div>

В этом коде некоторые части вы можете изменить по своему желанию.

CSS

Код
<style>
 #customLangSelector {
 position: fixed;
 top: 12px;
 right: 12px;
 background: #222;
 border-radius: 10px;
 padding: 8px 12px;
 color: white;
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 user-select: none;
 cursor: pointer;
 box-shadow: 0 0 10px rgba(76, 175, 80, 0.8);
 display: flex;
 align-items: center;
 gap: 8px;
 z-index: 9999;
 }

 #customLangSelector:hover {
 background: #4caf50;
 box-shadow: 0 0 15px #4caf50;
 }

 #customLangSelector select {
 background: transparent;
 border: none;
 color: white;
 font-size: 16px;
 font-weight: 600;
 cursor: pointer;
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 }
</style>

JavaScript

Код
<script>
 const langSelect = document.getElementById('languageSelect');

 // Сначала сохраняем выбранный язык в локальном хранилище
 window.addEventListener('load', () => {
 const savedLang = localStorage.getItem('selectedLang') || 'tm';
 langSelect.value = savedLang;
 });

 langSelect.addEventListener('change', () => {
 const lang = langSelect.value;
 localStorage.setItem('selectedLang', lang);

 // Перевод через URL Google Translate
 // Берёт URL сайта и переводит его в соответствии с кодом выбранного языка
 const currentUrl = window.location.href;

 if (lang === 'tm') {
 // Если выбран туркменский язык, открывается оригинальная страница (без перевода)
 window.location.href = currentUrl.split('?')[0];
 } else {
 // Формат URL для Google Translate
 const translateUrl = 'https://translate.google.com/translate?sl=auto&tl=' + lang + '&u=' + encodeURIComponent(currentUrl.split('?')[0]);
 window.location.href = translateUrl;
 }
 });
</script>

• Prod by M.Rasulov
14 Августа 2025 Просмотров: 293

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

avatar