Автоматический перевод блога на Blogspot с помощью Google translate

четверг, 30 июля 2009 г.
В некоторых блогах на Blogspot вы могли видеть небольшие флажки разных стран, кликая по которым мы получали перевод содержимого той или иной страницы блога. Сегодня расскажу как сделать такое у себя. Весь процесс достаточно прост, в работе использует механизм от переводчика гугла - google translate.

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

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

Для того чтобы добавить механизм переводов в Blogger, заходите в админку, выбираете раздел «Макет» - меню «Элементы страницы», где в нужном месте нажимаете на ссылку «Добавить гаджет». В новом окне выбираем элемент типа HTML/JavaScript, в котором прописываем следующий код:
<form action="http://www.google.com/translate">
<script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>
<input value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<input onclick="this.form.langpair.value=this.value" title="French" value="en|fr" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="German" value="en|de" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Italian" value="en|it" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="en|pt" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Spanish" value="en|es" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Japanese" value="en|ja" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Korean" value="en|ko" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="en|zh-CN" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Arabic" value="en|ar" type="image" height="20" src="http://farm4.static.flickr.com/3043/2347434064_0d36a04624_o.gif" width="30" name="langpair2"/>
Выглядеть такое блок будет как у меня в шапке.
Внимание! В коде по умолчанию для каждого из флажков задан язык оригинала английский – смотрите поле, например, value="en|fr" или value="en|de". Соответственно, в каждой такой строке нужно вместо en поставить ru.

Есть еще вариант в одном из англоязычных блогов с отражением:



Код для данного блока можно найти здесь. При наведении на флажки они выделяются – выглядит немного поярче чем данный метод, но там нужно будет разбираться в коде для замены языка по умолчанию на ru. В остальном процедура установки полностью идентична.

Последний вариант – использование сервиса conveythis. Выглядит блок с переводами очень компактно, при наведении появляются варианты для локализации. Для работы нужна регистрации, после чего устанавливаете программный код себе в блог. Выглядит все это вот так:



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

P.S. Постовой. Читаєш блоги? Цей блог тебе зацікавить!
Холодильник - хорошее решение против жары в нашем интернет магазине.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails