Add Comments to Weebly Sites

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

Once ready, we can go ahead and open the Weebly editor, and click Settings at the top.

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

Now let's open the settings for our blog by going to Blog on the left:

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

Now what we need to do is disable the default Weebly comment system, which we will replace.

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

Now let's set the Commenting system to Default and Comment Default to Closed:

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

Next we just have to add the FastComments.com widget code!

За да работи интеграцията между 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 е проектиран да бъде персонализиран, за да съответства на вашия сайт.

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