Добавить комментарии на сайты Ionos

Сначала мы добавим форму обратной связи, которую заменит FastComments.

Для этого откройте редактор сайта и нажмите Add Section на нужной странице.

Затем в левой панели перейдите в Content -> Contact -> Contact Form, как показано ниже:

Добавить форму обратной связи

Далее нужно указать FastComments, чтобы он заменил нашу форму. Нажмите на заголовок формы по умолчанию:

Установить заголовок формы

Мы установим заголовок FastComments Goes Here. Очень важно сохранить регистр и пробелы точно такими же, иначе это не сработает, поэтому рекомендуем скопировать этот текст и вставить его.

Когда закончите, это будет выглядеть следующим образом:

Заголовок установлен

На этом первый шаг завершён!

Далее мы добавим код виджета FastComments на ваш сайт. Этот код будет искать все формы с заголовком FastComments Goes Here и заменять их на FastComments.

Итак, перейдите в Settings в нижнем левом углу редактора сайта:

Откройте Settings

Откройте раздел Custom Head Code:

Откройте Custom Head Code

Для Ionos нам нужна специальная версия кода виджета FastComments. Фрагменты кода из других руководств не подойдут.

Теперь скопируйте следующий код:

Сниппет FastComments для Ionos

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<script>

4 (function () {

5 let loaded = false;

6 let interval = null;

7

8 function attemptLoad() {

9 const nodes = document.querySelectorAll('h2');

10

11 nodes.forEach(function (node) {

12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {

13 // получаем элемент, который не занимает всю ширину

14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;

15 target.innerHTML = '';

16 FastCommentsUI(target, {

17 tenantId: "demo"

18 });

19 interval && clearInterval(interval);

20 loaded = true;

21 }

22 });

23 }

24

25 attemptLoad();

26 if (!loaded) {

27 interval = setInterval(attemptLoad, 300);

28 }

29 })();

30</script>

31

...и вставьте его, как показано:

Вставьте и сохраните

Теперь нам осталось только опубликовать сайт — и всё готово.

Вернитесь в редактор содержимого, нажав Content в верхнем левом углу:

Вернитесь к содержимому

Теперь можно опубликовать!

Опубликовать!

Вот и всё! FastComments должен быть активен на вашем сайте. Вы увидите нечто похожее на это:

Готово!

Отличная работа! Вы добавили возможность живых комментариев на свой сайт Ionos.

Если вы столкнулись с ошибкой «permission denied», или хотите настроить FastComments, читайте дальше.

FastComments разработан так, чтобы его можно было настроить в соответствии с вашим сайтом.

Если вы хотите добавить собственные стили или изменить конфигурацию, ознакомьтесь с нашей Документацией по кастомизации и конфигурации, чтобы узнать, как.