Переводчик Google для раздела веб-страницы

Вы хотите добавить автоматический перевод Google на сайт?
Google позволяет переводить весь сайт (веб-страницу) или раздел веб-страницы с помощью  Google Translate Web Element.



Использование автоматического перевода - это отдельный вопрос. Автоматический, т.е. машинный перевод на иностранный язык часто дает неадекватные результаты. Но если нужен хотя бы машинный перевод, один из лучших переводчиков - Переводчик Google.

Переводчик Google, который переводит тексты на множество языков, доступен не только на сайте translate.google.com. Google также позволяет веб-мастерам использовать Переводчик Google на своих веб-сайтах.

Как добавить перевод к разделу веб-страницы

Инструкция по добавлению перевода для раздела веб-страницы есть на сайте Google (ссылка переводчик сайтов), но к инструкции Google  можно было бы добавить небольшое пояснение о том, куда и как, собственно, вставлять текст для перевода. Cмотрим в настройках:

Имя класса узла раздела: 'goog-trans-section'
Имя класса управляющего узла: 'goog-trans-control'

Смотрим на код примера веб-сайта (Предварительный просмотр страницы)

Итак, все должно быть внутри "узла раздела" - как текст, так и "управляющий узел".

Пример

Перевод текста из //support.google.com/translate/ > Общая информация для веб-мастеров:

<div class="goog-trans-section">
  <div class="goog-trans-control"></div>
If you don't mind your web page being translated by Google
Translate, except for a particular section (like an email address,
for example), just add class=notranslate to any HTML element to prevent
that element from being translated. For example: Email us at
<span class="notranslate"> sales at example dot com </span>
</div>

Результат -  в <div class="goog-trans-control"> появляется ссылка "Перевод", на которой нужно щелкнуть, чтобы перевести текст внутри <div class="goog-trans-section">. Получаем:

Переводчик Google на сайте

Переводчик Google на сайте

Как запретить перевод

Если вы хотите, чтобы Google никогда не переводил веб-страницу, добавьте в <head> этой веб-страницы метатег

 <meta name="google" value="notranslate">

Если нужно запретить перевод части веб-страницы - добавьте класс notranslate, как в примере выше.

Переводчик Google для раздела веб-страницы: 11 комментариев

  1. AlexB

    Есть вопросик по теме, давно ищу такую вещь, как возможность перевода для посетителя.
    То есть чтоб не мой сайт переводился, а была отдельная страница с переводчиком, для перевода юзерских текстов.
    С помощью API гугла уже не организовать, вторая версия апишки уже платная(
    Может что подскажете?

    ↓
    1. Admin Автор записи

      Текст, который находится внутри элемента (например, в div) с атрибутом contenteditable, можно изменять в браузере. Вместо такого текста посетитель может вставлять свой текст.

      ↓
  2. Александр

    Может не работать в других браузерах, кроме chrome. Решение:
    в добавить фактический язык страницы (не тот на который переводим), т.е при переводе на английский будет так:

    ↓
    1. Admin Автор записи

      Узлы - это в инструкции Гугла "Шаг 2. Особенности раздела"
      см. //translate.google.com/translate_tools

      Там же берешь скрипт и вставляешь на страницу, как обычно вставляются скрипты (Шаг 3).
      А здесь приведен пример - как добавить текст, который нужно переводить.

      Как добавить скрипт на страницу WordPress - это другой вопрос. Можно не заморачиваться и использовать плагин, например, Translate This gTranslate Shortcode: //mblogm.ru/blog/plagin-perevodchik-google-na-veb-stranitse-wordpress

      ↓
  5. Василий

    А если инструмент переводчика не хочет отображаться в браузере Intrnet Explorer9, какую операцию необходимо проделать (более ранними версиямиIE не пробовал)??? (в браузере OPERA этот инструмент отображается с правом выбора языка, но нельзя выбрать язык для перевода) У меня скрипт применен для перевода всей страницы. Или это не исправимо?

    ↓
  7. Антон

    Спасибо, информативно.
    Хотел ещё поделится переводчиком от opentran net. У них также можно взять код для установки у себя на сайте)
    Как Вам данный переводчик?

    ↓

Добавить комментарий


Еще записи