Add Comments to Weebly Sites

Sa FastComments možemo jednostavno dodati komentare uživo na bilo koji Weebly sajt.

Upute ispod su za blog izgrađen na Weebly-ju. Za druge vrste sajtova, rado ćemo pomoći — samo se obratite našem timu za podršku.

Imajte na umu da ovaj vodič zahtijeva FastComments nalog. Preporučujemo da se prvo registrujete, a potom vratite ovdje. Možete kreirati nalog ovdje.

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

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

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

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

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

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

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

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

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

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

Сада нам само остаје да додамо FastComments.com код видгета!

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

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

Први исјечак служи да сакрије Weebly поруку "Comments are Closed", а други да заправо учита 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>