Как добавить ConveyThis на любой сайт с JavaScript?

Добавьте ConveyThis на любой веб-сайт с помощью одной строки кода. Он работает с любой платформой или специально созданным сайтом, который позволяет редактировать HTML.

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

Шаг 1. Создайте свою учетную запись

Создайте бесплатный аккаунт ConveyThis и подтвердите свой адрес электронной почты. Если у вас уже есть учетная запись, войдите в нее панель управления ConveyThis.

Шаг 2. Добавьте свой сайт

  1. Перейдите в Домены в левом меню и нажмите Добавить домен. The Добавить сайт настройка открывается.
  2. Технология: выберите свою платформу. Для пользовательского сайта или платформы, которой нет в списке, сохраните Другое (Javascript). Нажмите Следующий.
  3. Домен и языки: введите свой Домен веб-сайта (например, example.com), выберите текущий язык вашего сайта и языки для перевода. Нажмите Следующий.
  4. Структура URL: выберите, как будет выглядеть адрес переведенной страницы. Если вы не уверены, оставьте первый вариант. Вы можете изменить его позже в Настройках. Нажмите Следующий.

Шаг 3. Добавьте код на свой сайт

  Установить шаг показывает ваш код. Он уже содержит ваш ключ API.

  1. Нажмите Копировать.
  2. Вставьте код на свой сайт, как раз перед закрытием </body> тег. Вы добавляете его один раз в тему или шаблон, который используют все ваши страницы. В конструкторе сайтов используйте Пользовательский код или Код нижнего колонтитула параметр. Затем код работает на каждой странице, включая страницы, которые вы добавите позже.
  3. Опубликуйте или сохраните свой сайт.

Если ваш веб-сайт состоит из отдельных HTML-файлов без общего шаблона, добавьте код в каждый файл.

Могу ли я поместить код в <head> вместо этого? Да. Переключатель и переводы работают одинаково, поскольку ConveyThis начинает перевод только после загрузки страницы. Мы предлагаем </body> потому что там код не задерживает отображение вашей страницы во время ее загрузки. Если в конструкторе вашего сайта есть только поле для кода заголовка, используйте его. Добавляйте код только один раз.

Код выглядит так, с вашим собственным ключом:

<!-- ConveyThis Script Start -->
<script src="//cdn.conveythis.com/javascript/conveythis.js?api_key=pub_xxxxxxxx"></script>
<!-- ConveyThis Script End -->

Шаг 4. Проверьте, работает ли это

На Страница доменов, нажмите Проверьте мой сайт сейчас на карточке вашего сайта. Как только код найден, начинается перевод.

Карточка веб-сайта, который еще не установлен, с панелью настройки «Готово»: скопируйте код, вставьте его перед закрывающим тегом body и кнопкой «Проверить мой сайт сейчас»

Откройте свой сайт: переключатель языков появится в правом нижнем углу. Если этого не произошло, очистите кэш вашего сайта или CDN и перезагрузите его. Видеть Почему мой сайт до сих пор не активирован?

Что дальше?

  • Измените внешний вид и положение переключателя, структуру URL-адресов и другие параметры вашего веб-сайта Настройки на панели управления.
  • Редактируйте переводы с помощью текстового редактора или визуального редактора. Видеть Как редактировать свои переводы?