Ознакомьтесь с обновлениями продуктов, которые мы анонсировали! Смотрите, что нового.

/

Автоперевод сайта через google translate (JS)

Этот скрипт позволяет организовать переключение языков на сайте с использованием встроенного переводчика Google Translate. Он управляет cookie-файлом googtrans, который используется Google для хранения выбранного языка перевода.


Шаг 1. Подключение библиотек

В header.php необходимо подключить библиотеку js-cookie (для работы с cookie) и Google Translate API:

  • Библиотека js-cookie нужна нашему скрипту для корректной работы с cookie.
  • В строке подключения Google Translate указан параметр cb=googleTranslateElementInit. Он означает, что после загрузки скрипта будет вызвана функция googleTranslateElementInit, которую мы должны объявить заранее.

Шаг 2. Инициализация Google Translate

В header.php нужно объявить callback-функцию googleTranslateElementInit, а также подключить наш кастомный скрипт:


Шаг 3. Добавление контейнера Google Translate

Google Translate требует наличия контейнера в HTML-разметке, в который он будет встроен.
В body необходимо реализовать контейнер, который необходимо будет скрыть.


📌 Итоговый порядок подключения



Доступны две версии скрипта

  • Версия 1 – переключатель языка через кнопки.
  • Версия 2 – переключатель языка с popup-окном при первом визите

Версия 1


Вариант 2