Офис НП AMWAY в Ярославле
→ На карте Офис AMWAY в ЯрославлеПрием и выдача заказов, презентация продукции Амвей, мастер–классы, вопросы по бизнесу Amway:
●Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
●Телефон: +7 (920) 112-00-91
●Email: matyxho@mail.ru
●Сайт: https://www.amway.ru/user/lebedem
●Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » Программирование » Добавляем переводчик Google Translate и Translateth на сайт
Сниппет
Согласись, неплохо, когда твой сайт смогут читать не только русскоговорящие пользователи, м? Я тоже задался такой целью, и нашел целых два решения, о которых сейчас и поведаю.
Добавляем переводчик Google Translate и Translateth на сайт
Pisatel 
25 Март 2013 15:22:11
15101 Прочтений
Способ 1: Google Translate
Себе я выбрал этот вариант, ты можешь лицезреть его и проверить в работе в левом верхнем углу. Почему именно от Google? На данный момент, это один из лучших онлайн-переводчиков, предоставляющих подобную услугу. Общаясь иногда на одном англоязычном форуме, я прибегаю к его помощи, и меня, вроде, понимают.
Итак, как же тебе, мой уважаемый читатель, добавить себе подобное? Все весьма просто. Для начала идем вот сюда: https://translate.google.com/manager/website/add ( априори подразумевается, что ты уже зарегистрирован в Google). Там все просто, даже если ты плохо "ботаешь" по-буржуйски: вводишь адрес своего сайта, выбираешь родной язык сайта( тот, который по умолчанию у тебя, в данном случае- русский), далее тебе будет предложено немного настроек: можно выбрать все языки для перевода, или только необходимые. Я выбрал все на всякий пожарный. В принципе, вот и все. Можешь еще поковыряться в настройках, на этом останавливаться не буду.
Далее- собственно, сам вывод, код подключения и кнопки. Ключ будет индивидуальный, поэтому здесь указывать его не буду. Не забывай, что подключить все, что будет ниже, нужно до закрывающего тега < /head >:
Код: HTML4STRICT
<head>
<meta name='google-translate-customization' content='здесь-будет-многабукаф-и-цифер'></meta>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ru', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</head>
Мы все уже подключили, осталось только в нужном тебе месте добавить саму кнопку. Вот сие чудо:
Код: PHP
1 | echo "<div id='google_translate_element' style='display:inline;'></div>"; |
Готово! Наслаждаемся! Соответственно, стиль для дива можешь задать любой, я просто отменил перенос.
Способ 2: Translateth.is
Здесь принцип тот же самый: сначала подключаем, потом выводим. Выбирай, что тебе больше понравится. Небольшой плюс- регистрация не требуется:
Код: HTML4STRICT
<head>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>
</head>
Ну и следующий код- сам вывод, вставляешь туда, куда тебе нужно:
Код: PHP
1 | echo "<div id='translate-this'><a style='width:180px;height:18px;display:block;' class='translate-this-button' href='http://www.translatecompany.com/'>Translation</a></div>"; |
Вот и все! Надеюсь, тебе это пригодится и мой адский труд не пропадет даром. Всего доброго!
Понравилась статья?
Метки для данной статьи
Похожие статьи
Поделиться:
Последние активные темы форума
| Темы | Просмотров | Ответов | Последние сообщения |
