Add Comments to Weebly Sites

Са FastComments-ом можемо једноставно додати коментарисање уживо на било који Weebly сајт.

Упутства у наставку односе се на блог изграђен на Weebly-у. За друге типове сајтова радо ћемо помоћи — само се обратите нашем особљу за подршку.

Имајте на уму да овај туторијал захтева FastComments налог. Препоручујемо да се прво региструјете, па се затим вратите овде. Можете креирати налог овде.

Корак 1: Отворите подешавања блога

Прво, уверите се да сте додали неке блог постове на ваш сајт како бисте видели резултате овог упутства.

Када сте спремни, можемо отворити Weebly едитор и кликнути на Settings на врху.

Отворите Подешавања

Сада хајде да отворимо подешавања нашег блога тако што ћемо отићи на Blog са леве стране:

Отворите Подешавања Блога

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

Напомена ако бисте желели да мигрирате постојеће коментаре са вашег Weebly сајта на FastComments, ваш представник за подршку може помоћи у овој миграцији.

Сада подесимо Commenting system на Default и Comment Default на Closed:

Онемогућите подразумевани систем

Затим само треба да додамо FastComments.com видгет код!

Корак 2: Додајте FastComments.com код

Да би интеграција Weebly и FastComments функционисала како треба, морамо додати два мала фрагмента кода.

Први фрагмент је да сакрије Weebly поруку „Коментари су затворени“, а други је да заправо учита FastComments.

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

FastComments: фрагмент кода за заглавље

Copy

<style>
    #comments {
        display: none;
    }
    #commentArea:not(.loaded) {
        display: none;
    }
    #commentArea.loaded {
        display: block !important;
    }
</style>

Затим, на истој страници подешавања из Step One, кликните на + поред Post header code.

Отворите код заглавља поста

Требало би да видите да се појавио текстуални оквир као на слици:

Отворен код заглавља поста

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

Фрагмент кода заглавља - налепљено

Даље иде код футера за омогућавање FastComments. Кликните на знак плус поред Post footer code:

Отворите код футера поста

Копирајте овај фрагмент кода који је дизајниран посебно за Weebly:

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

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            if (loaded) {
                clearInterval(interval);
                return;
            }
            const comments = document.getElementById('comments');
            if (comments) { // уклони дугме за приказ коментара
                comments.remove();
            }
            const commentArea = document.getElementById('commentArea');
            if (!commentArea) {
                return;
            }
            commentArea.innerHTML = '';
            commentArea.classList.add('loaded');
            FastCommentsUI(commentArea, {
                tenantId: "demo",
                urlId: window.location.pathname
            });
            loaded = true;
            clearInterval(interval);
        }
        attemptLoad();
        interval = setInterval(attemptLoad, 300);
    })();
</script>