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

В некоторых блогах на 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. Выглядит блок с переводами очень компактно, при наведении появляются варианты для локализации. Для работы нужна регистрации, после чего устанавливаете программный код себе в блог. Выглядит все это вот так:

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