Добавете коментари към сайтове в Weebly

Първо, уверете се, че имате добавени публикации в блога на сайта си, за да видите резултата от това ръководство.

Когато сте готови, отворете Weebly редактора и кликнете Settings в горната част.

Отваряне на Settings

Сега нека отворим настройките на блога, като изберем Blog отляво:

Отваряне на настройките на блога

Сега трябва да деактивираме системата за коментари по подразбиране на Weebly, която ще заменим.

Забележка ако желаете да мигрирате съществуващи коментари от вашия Weebly сайт към FastComments, вашият представител от поддръжката може да помогне с тази миграция.

Сега нека зададем Commenting system на Default и Comment Default на Closed:

Деактивиране на системата по подразбиране

След това остава само да добавим кода на уиджета на FastComments.com!

За да работи интеграцията между Weebly и FastComments правилно, трябва да добавим две малки части от код.

Първият фрагмент е за да скрием съобщението на Weebly „Comments are Closed“, а вторият е за да заредим FastComments.

Първо, копирайте този малък фрагмент от код:

Фрагмент за заглавния код на FastComments

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

След това, на същата страница с настройки от Step One, кликнете върху + до Post header code.

Отворете заглавния код на публикацията

Трябва да видите текстово поле, което се отваря по следния начин:

Заглавният код на публикацията е отворен

Сега нека поставим нашия фрагмент от код:

Поставен заглавен фрагмент от код

Следва кодът за футъра, който активира FastComments. Кликнете върху знака плюс до Post footer code:

Отворете футър кода на публикацията

Копирайте този фрагмент от код, който е проектиран специално за Weebly:

Фрагмент за футър кода на FastComments

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // remove show comments button

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Сега нека поставим нашия футър код:

Добавен е футър код на публикацията

Това е всичко!

Сега остава само да запазим промените и да публикуваме сайта си!

Запази и публикувай

Успех! Ако прегледате сайта си, вече трябва да имате включен FastComments Live Commenting:

Успех

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

Ако искате да добавите персонализирано стилизиране, или да настроите конфигурацията, Прегледайте нашата документация за персонализиране, за да научите как.