Add Comments to Ionos Sites

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

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

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

Добавить контактную форму

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

Задать заголовок формы

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

Когда закончите, это должно выглядеть так:

Завершено — заголовок установлен

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

Next we're going to add the FastComments widget code to your site. This code will search for all forms with the title FastComments Goes Here and replace it with FastComments.

So let's go to Settings in the bottom left of the site editor:

Откройте настройки

Open the Custom Head Code section:

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

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Now copy the following code:

Фрагмент 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

...and paste it in as shown:

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

Осталось только опубликовать наш сайт, и всё готово.

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

Вернуться к Content

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

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

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

Готово!

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

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

FastComments разработан для настройки в соответствии с вашим сайтом.

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