› Как подключить скрипт для перевода страниц сайта на-лету

Переводчик сайтов google - скрипт на jQuery

Темы: , , ,

Перевод на-лету

Еще один полезный и практичный плагин jQuery, который работает с API поисковой системы Google, позволяет переводить ваш сайт или блог на-лету практически на любой язык мира.

Подключив его к своему сайту, вы сможете еще больше расширить его аудиторию, поскольку теперь любой посетитель сможет прочитать содержимое ваших статей на своем родном языке.

Моментальный перевод сайта на любой язык

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

Перевод сайта на jQuery - скрипт для перевода сайта онлайн

jQuery скрипт для перевода сайта: подключение

Прежде всего, поскольку переводчик является плагином jQuery, подключаем к сайту (между тегами HEAD, в самом низу перед закрывающим тегом) эту библиотеку и следом за ней сам скрипт плагина-переводчика сайтов на-лету:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ПАПКА_СО_СКРИПТОМ/jquery.translator-1.0.0.min.js"></script>

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

Следующий этап: инициализация онлайн переводчика с нужными нам параметрами, для этого вставляем ниже:

<script type="text/javascript" >
jQuery(document).ready(function ($) {
$(h1,h2,h3,p,li,span).translator();
});
</script>

В этом скрипте перечисляем через запятую, html теги элементов страницы сайта содержимое которых надо переводить.

А общий вид кода страницы с уже подключенным скриптом переводчика сайтов будет примерно такой:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ПАПКА_СО_СКРИПТОМ/jquery.translator-1.0.0.min.js"></script>
<script type="text/javascript" >
jQuery(document).ready(function ($) {
$(h1,h2,h3,p,li,span).translator();
});
</script>
</head>
<body>...Контент сайта...</body>
</html>

Теперь в правом верхнем углу ваших страниц будет находиться список с доступными для перевода языками, а вы сможете смело спамить делиться своими ссылками на иностранных блогах и сайтах, ведь посетители с них теперь будут понимать содержание ваших статей.


Знаете ли вы, что аренда квартир в киеве посуточно намного выгоднее и стоит аренда квартиры намного дешевле чем заказ номера в киевской гостинице.

Читайте похожие статьи по теме Как подключить скрипт для перевода страниц сайта на-лету, возможно они вас тоже заинтересуют.

04.09.2011 С уважением, автор:

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

GibonGibon 08 Ноя 2011 в 16:23
Рабочий образец - где увидеть можно ?

ЯрославЯрослав 08 Дек 2011 в 11:00
Спасибо, полезно :)

CSLCSL 22 Фев 2012 в 14:33
Использовала вышеуказанный скрипт для перевод своего сайта, ничего не работает. Как правильно инициализировать переводчик, подскажите?

CSLCSL 22 Фев 2012 в 16:51
2 SeoDiz: Скопировали и вставили <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://ПАПКА_СО_СКРИПТОМ/jquery.translator-1.0.0.min.js"></script><script type="text/javascript" >jQuery(document).ready(function ($) {$(h1,h2,h3,p,li,span).translator();});</script> на старницу в head
Скрипт переводчика сохранили на своем сервере, имя и путь правильный указали правильно

CSLCSL 22 Фев 2012 в 17:21
2 SeoDiz: да, конечно, правильно прописали свой путь

CSLCSL 23 Фев 2012 в 10:38
Вот наша страница с скриптом http://global.bas-net.by/transl/chistory.asp

CSLCSL 27 Фев 2012 в 12:19

пробуем сделать тестовое веб-приложение - не работает.
в web-console выдаёт следующее: "[11:20:41.272] GET http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js [HTTP/1.1 304 Not Modified 131ms]"

вот исходный код проекта: http://pastebin.com/ZJ9L75nK

библиотека jquery.translator-1.1.0-debug-all.js лежит в корне приложения.

пробовали использовать jquery.translator-1.0.0.min.js - никакого эффекта.

phpguruphpguru 12 Фев 2014 в 19:15
Пример ваш не работает и даже на страницу войти нет возможности кто пробовал работает или нет?

Оставить комментарий



← Как спрятать ссылки от поисковиков Цели блога - традиция блогосферы →

01 Ноября 2014 года, хороший день суббота
Rambler Top100 Рейтинг@Mail.ru
© SeoDiz 2011-2013. Все для начинающих вебмастеров | Карта блога
При копировании обратная ссылка обязательна!