Александр Бортник

обсудить

Как установить Renteres на сайт

1. Начало работы

Renteres – универсальное приложение, которое может быть установлено на любую веб-платформу. Не имеет значения, с помощью какой системы создан Ваш сайт.

Для установки Renteres на сайт сделайте следующее:
1.1. Cоздайте учетную запись , с помощью которой Вы будете управлять Renters на вашем сайте.
1.2. Убедитесь, что у Вас есть доступ администратора к Вашему сайту, он понадобится, чтобы произвести необходимые настройки и изменить часть кода сайта.
1.3. Получите скрипт Renteres, автоматически сгенерированный системой и сохраните его на своем компьютере.

Если у Вас возникли вопросы по установке скрипта, пожалуйста, свяжитесь с нашим отделом технической поддержки , и мы Вам поможем.

2. Создание учетной записи Renters

Создайте учетную запись Renteres, с помощью которой Вы будете управлять и настраивать Renters на своем сайте.

3. Получение скрипта Renteres для установки на сайт

Для установки Renteres на сайт Вам понадобится скрипт. Воспользуйтесь формой ниже для его получения.
1. Заполните все необходимые поля: название сайта, домен и URL-адрес, выберете язык, на котором будет разрешено оставлять комментарии, и нажмите «Получить скрипт».
2. После этого на экране появится скрипт Renteres для установки на сайт. Скопируйте его и сохраните на свой компьютер.
Внимание! В целях безопасности скрипт Renteres генерируется платформой один раз и не пересылается на электронный адрес. Скопируйте его и сохраните на вой компьютер до закрытия этого окна.

Получение скрипта Renteres для установки на сайт

4. Установка скрипта Renteres на сайт

Добавьте полученный скрипт в раздел «body/тело» HTML-файла Вашего сайта.
Вставьте его выше закрывающего тега, как показано ниже:

<script>
    Вставьте скрипт сюда
</script>
</body>
</html>

Важно! Убедитесь, что этот скрипт встроен во все Ваши HTML-страницы следующим образом:

 

Найдите в скрипте, который Вы вставили в свой HTML-файл, строчку “window.identifier
и вместо ‘ ‘ .

Впишите уникальный ID для каждой страницы Вашего сайта, чтобы на каждой странице отображался отдельный диалог.

<script>
....
window.identifier = ''; //укажите уникальную переменную для каждой страницы
....
</script>

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

4.1. Установка скрипта на WordPress

Если Ваш сайт создан на платформе WordPress, то Вы уже обладаете базовыми знаниями для работы с ним.
Если Вам нужна дополнительная информация, пожалуйста, пройдите по ссылке:

В панели инструментов перейдите во вкладку «Внешний вид» и найдите там «Редактор», в окне, которое появится с правой стороны найдите файл footer.php.

footer.php. Откройте его.
Прокрутите файл footer.php вниз до конца страницы, найдите тег и добавьте скрипт, как показано ниже:

<script>
    Вставьте скрипт сюда
</script>
</body>
</html>

После этого, нажмите “Обновить файл” на этом все!

Внимание! Убедитесь, что у вас есть актуальная резервная копия файла footer.php, так как некорректная установка скрипта может повлиять на работу всего сайта, созданного на WordPress.

После того, как Вы добавили скрипт, нажмите «Обновить файл». Установка Renteres завершена!

 

5. Административный доступ к панели управления Renteres

После установки скрипта Renteres на Ваш сайт направьте в нашу службу технической поддержки на адрес support@renteres.com логины пользователей, зарегистрированных в качестве менеджеров Renteres, которым нужно предоставить доступ администратора в панель управления Renteres. Мы произведем необходимые настройки и пришлем Вам дополнительную информацию.

6. Основное меню Renteres

6.1. После установки скрипта Renteres на сайт
в верхнем углу сайта появится логотип/пузырек Renteres – основное меню социальной сети с индикатором количества комментариев, оставленных на данной странице:

6.2. Логотип Renteres становится слегка прозрачным во время прокрутки страницы, сливаясь со страницей, и появляется снова, только если пользователь наведет на него курсор или пролистает страницу вверх.

6.3. При нажатии на логотип Renteres пользователь может просмотреть комментарии других пользователей, оставленные на данной странице.

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

6.5. По умолчанию логотип Renteres отображается в правом верхнем углу сайта. Вы можете расположить его в любой части Вашего сайта через Панель управления.

7. Кнопка Renteres «Обсудить»

Для удобства пользователей мы добавили возможность открывать окно с комментариями, нажатием привычной кнопки «Обсудить», которая располагается внизу статьи или новости. Вы можете добавить любой текст на кнопку, например, «Комментировать».

Для того что бы активировать эту функцию на Вашем сайте, Вам необходимо скопировать строчку из примера ниже, в object идентификатор button ID, как показано на примере:

Введите идентификатор объекта, например, тип кнопки:

 <button type="button" id="renteres-comment-embed-btn">

Скопируйте данный текст и добавьте его перед размещенным ранее скриптом Renteres.
Имейте в виду, что вы можете использовать любые объекты, такие как div/span и другие.

8. Дополнительная кнопка Renteres

Если Вы хотите отобразить количество комментариев на конкретной странице, добавьте следующее:
Введите идентификатор второй кнопки:

 <button type="button" id="renteres-comment-embed-btn2">

Внимание! Убедитесь, что у вас есть актуальная резервная копия файла, с которым Вы работаете, так как некорректная установка кода может повлиять на работу Вашего сайта.

9. Индикатор количества комментариев

Если Вы хотите, чтобы количество комментариев, оставленных на каждой странице сайта, отображалось рядом с кнопкой, добавьте в object следующее:

<Div id="renteres-comment-embed-count">

Добавляя div или span рядом с текстом, написанным на кнопке, например: «Обсудить» в скобках будет стоять количество комментариев по этой новости, так как показано на примере:

10. Кнопка входа или регистрации в Renteres

Вы можете добавить на сайт кнопку входа или регистрации в Renteres, чтобы пользователи могли авторизоваться и оставлять комментарии на Вашем сайте.
Для того чтобы воспользоваться этой функцией, добавьте номер ID Renteres в object как показано ниже:
Введите ID объекта, например тип кнопки:

 <button type="button" id="renteres-login-btn">

Вы можете использовать любой тип объекта, как Div/a/i и другие.
Например:

Внимание! Убедитесь, что у вас есть актуальная резервная копия файла, с которым Вы работаете, так как некорректная установка кода может повлиять на работу Вашего сайта.

11. Кнопка социальной сети Renteres

Вы можете добавить кнопку социальной сети Renteres общую панель социальных сетей:
или отдельно.
Используйте один из нижеприведенных способов

Использование плоского изображения PNG

 


11.1. скопируйте изображение ниже и добавьте его на свой сервер. Используя уникальный идентификатор, предоставленный внутри тега HTML, изображение будет работать как кнопка.

Renteres-btn

11.2. Добавьте следующую строчку в вашей странице:

 <img src="Ваш <Фото> путь на сервере" style="width:28px; height:28px; id="renteres-login-btn">

11.3. Обращаем ваше внимание на то, что в этом примере мы добавили квадрат из 28 пикселей в габариты «кнопка», определяемый параметрами «стиля» внутри кода ниже. Вы можете изменить его в соответствии с дизайном вашего сайта, но важно, чтобы вы сохранили отношение изображения 1: 1, тем самым сохранив высоту и ширину тех же размеров.

Создание кнопки с использованием CSS

 


11.4.1. Внутри вашей страницы, где вы хотите поместить кнопку, вставьте HTML:

 <a class="renteres-btn" id="renteres-login-btn"></a>

11.4.2. Скопируйте приведенный ниже код CSS и добавьте его на страницу стиля CSS:

 .renteres-btn {
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 padding: 10px 10px;
 border: 1px solid #a99c99;
 border-radius: 8px;
 background: #f1dfda;
 background: -webkit-gradient(linear, left top, left bottom, from(##f1dfda), to(#a99c99));
 background: -moz-linear-gradient(top, #f1dfda, #a99c99);
 background: linear-gradient(to bottom, #f1dfda, #a99c99);
 -webkit-box-shadow: #dedede 1px 1px 40px 1px;
 -moz-box-shadow: #dedede 1px 1px 40px 1px;
 box-shadow: #dedede 1px 1px 40px 1px;
 text-shadow: #ffffff 1px 1px 1px;
 font: normal normal bold 5px arial;
 color: #111111;
 text-decoration: none;
}
.renteres-btn:hover,
.renteres-btn:focus {
 border: 1px solid #f1dfda;
 background: #ffffff;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cbbbb8));
 background: -moz-linear-gradient(top, #ffffff, #cbbbb8);
 background: linear-gradient(to bottom, #ffffff, #cbbbb8);
 color: #111111;
 text-decoration: none;
}
.renteres-btn:active {
 background: #a99c99;
 background: -webkit-gradient(linear, left top, left bottom, from(#a99c99), to(#a99c99));
 background: -moz-linear-gradient(top, #a99c99, #a99c99);
 background: linear-gradient(to bottom, #a99c99, #a99c99);
}
.renteres-btn:after{
 content: "\0000a0";
 display: inline-block;
 height: 24px;
 width: 24px;
 line-height: 24px;
 margin: 0 -4px -6px 4px;
 position: relative;
 top: -3px;
 left: -4px;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1BJREFUeNrsm+1x4jAQhg2TAijBN8f/mAriVBBTQaCChApIKghUYFIBpgJ8FYT8TyaU4A5yu3evc0LHh2RLIBztjMZgJFl6tLta28tFYEHeu92QDndUIioxlTWVFZXpz7e3PHBIWhYmP6BDuqdKRmVIIAoXAFwcefIsCY79RmkATb5Dhw8qHcUmrAWzJmnAQGPyLLdUZgeARsKplQ2zMQngSrN+vGfiTwAq/8bAHgnE2tSg2wYBdAyZ0cu2yQta9kL1IhcBmJAllVAB9Byw7JgAOmfaN4Kq8v69YLu1YYvYQVRXNsT4JsY1AOr1ATuMJZt9Mq2CNXzIjXETQAS3PGDPf+qYUkGpXx2JbPiAVNGZlZ76lNIxCgCrH+vs+xa04KSBUFihfQTn6JxIgVRBjntl/V7AkYmHMM9EOl/gbvTB5Tig7uQjBFLJDp8xpjobDrzdsJU/tIOV2/m4iRow1tgZ7gGsUQCSKvWbBEB3S75snBOsEnl+ZwCBB+ABeAAegAfgAXgAHoAH4AF4AB6AB+ABeAAegAfgAXgA30oKGcC6QidRjfZ1s0y+rvfe7SYV2i82ACDzaqg5sDvh8y/NAeTS9zrtbzXbTsocxTYIxpyjg5O9QP2Vd0jtHgBwpqkFU+n7THMSz8LqJxpac01jHck+gFcypc5S1gQq11xRcVD8xjXG576iBk3kpGlo4EhjBXO830sVtYUzU3/I122BIr9VLSexkcyMV8lMuMwY6+wg2+M2eEU9D7YnXHCfnOi4M7sLGjU+MPnRlnHLksGssn2JlSUApjiQBjrFxQppgBGc36XkBIfihZD2VtYpVAYjtA2Df+n2IuRncQWp3lxYEP79NfibUqtqwl8AdlEvQHJBnWZN3AtLAKxGS4X6pVqtAkvJyycBAAifFYOJFY6vUMP1OcFpSfaUGO4/BxCjGd62QuGFhf7jwEKGty0AmYHwdJe4kFm6HwBsdmrxWnHFmP2od4MTi1pQJWY/LgBowaPF6yWu5Rf/9zwAYWpu0xTO4YFIH07Rhji1G7QUYvJQWLUrePQ6k8hxt+mE7M0WR/Cy3mYSApwIUEzAcQtATTgRbqEHZxEK2xJEgKmgGU6ZgPWnwvxPDSo9YXt16p7gtwADAJ0MMQbgqvfXAAAAAElFTkSuQmCC') no-repeat left center transparent;
 background-size: 100% 100%;
}

Например:

Вы можете изменить стиль, в соответствии с дизайном вашего сайта, но не забудьте оставить тег образа Base64 Renteres неповрежденным.

12. Лента комментариев

Лента комментариев сайта — позволяет увидеть комментарии, оставленные на всех страницах Вашего сайта, в одном окне и в режиме online. В ленту выводятся все последние комментарии, и указывается общее количество комментариев по каждой теме.
Лента комментариев увеличивает ссылочную массу и способствует улучшению индексации сайта в поисковых системах, а также увеличивает время нахождения посетителя на сайте.
Лента комментариев – динамична, новые комментарии оставленные на сайте, автоматически попадают в неё.
Лента поможет понять, какая публикация вызвала интерес у аудитории и получила больше отзывов и репостов, на какой именно контент реагируют посетители: контент, статьи, фото, видео или опросы.
Для того, чтобы посмотреть как работает Лента комментариев, после установки Renteres на Ваш сайт в панели администратора Renteres Вам нужно зайти в раздел «Установки для сайта» и сделать соответствующие настройки, подробно описанные ниже.

13. Подключение Ленты комментариев

Добавить Ленту комментариев на сайт можно за несколько простых шагов:

13.1. Войдите в свою учетную запись Renteres account, как показано ниже:

13.2. Теперь вы вошли в свою панель управления.
На левой панели у вас есть раздел «Установки для сайта», войдите в него.
sasa

13.3. Появится новое окно.
В указанном окне Вы можете выбрать цвет ленты комментариев, разрешить ее работу на разных устройствах. После нажатии кнопки “Сохранить”, мы рекомендуем вам проверить работу Ленты комментариев.

xxxx

14. Подключение блока Inline Feed

Inline Feed — это лента публикаций наиболее популярных комментариев пользователей Вашего сайта. Комментарии к интересным статьям, новостям, к фото и видео, теперь пользователи могут не только просмотреть в одном блоке, но и поддержать интересную дискуссию. Лучшие комментарии и наиболее интересные новости Вашего сайта теперь собраны в персональный блок Inline Feed.
Renteres Inline Feed повышает количество просмотров страниц Вашего сайта, Вы лучше начинаете понимать свою целевую аудиторию. Inline Feed это интерактивный канал общения посетителей сайта по самым актуальным новостям. Inline Feed является источником самых лояльных и активных посетителей.

xzcxcЗа счет просмотра изображений, новостей и комментариев пользователей в Inline Feed глубина просмотра интернет-сайтов достигает критических максимумов. Посетители сайта видят самые актуальные новости и комментарии к ним. Наличие ссылок на них упрощает навигацию и переходы в желаемые разделы и подразделы

Установка блока Inline Feed потребует от вас добавления новых HTML тегов в Ваш сайт.
Для начала вам необходимо войти в свою учетную запись и в раздел «Установки для сайта», как показано выше.
В разделе «Установки для сайта» Вам надо зайти в раздел «Блог Inline Feed»

dfsdfsdfВ окне контроллер Inline Feed Вы сможете сделать необходимые настройки. Для удобства пользования мы выводим Вам как будет выглядеть Блок Inline Feed с Вашими настройками (в разделе «Выбранный пример»). В разделе «Тип Inline Feed» Вы можете выбрать различные варианты внешнего вида Inline Feed исходя из Ваших предпочтений.
eЕсли Вы выбирите тип блока Inline Feed – Nemesis Вы можете скопировать и вставить код в свой сайт:

 <div id="inline-feed-renteres" type="SPOT-IM" title_text="САМОЕ КОММЕНТИРУЕМОЕ" showAd="true" line="false" line_color="#2c579c" desktop="true" mobile="true" tablet="true"> </div>

Красным цветом в коде мы выделили название блока Inline Feed которое будет отображаться на Вашем сайте. Например:
asdasdasd1

Данное название в коде Вы можете менять в коде исходя из Ваших предпочтений.

asdasda2

Тип Inline Feed блока Nemesis: Лента сообщений располагается по всей длине сайта, под ней располагается еще одна строка рекламного блока

asdasda2
Тип Inline Feed блока SPOT-IM: Лента сообщений располагается по всей длине сайта, справа располагается строка рекламного блока.
Раздел «Статус»: Эта функция делает ленту активной.
Раздел «Показать объявление» : активация этого параметра сделает приложение видимым.

Раздел «Цвет линии»: при включении этого параметра добавляется раздел с выбором цвета блока Inline Feed. Вы можете выбрать любой цвет из палитры которая находиться справа.
Мы рекомендуем вам выбрать цвет соответствующий основному цвету темы вашего сайта.
Раздел «Устройства»: Выберете типы устройств, на которых будет отображаться блок Inline Feed.
После того, как вы закончите ввод параметров для своего сайта, внизу появится сгенерированный код. Нажмите «Скопировать код» и вставьте его в то место на своем сайте, где вы хотите, чтобы отображался блок Inline Feed

15. Служба поддержки

Если у Вас остались вопросы по установке Renteres на сайт, пожалуйста, свяжитесь с нашим отделом технической поддержки, и мы Вам поможем.