Add Comments to Wix Sites

С FastComments можемо лако додати коментарисање уживо на било који Wix сајт. Такође ћемо проћи кроз поступак обезбеђивања да свака страница или пост на блогу има свој јединствени низ коментара.

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

Корак 1: Уредите исправну страницу

У овом примеру додаваћемо FastComments Live Commenting на странице објава на блогу.

Да бисмо то урадили, отворићемо наш сајт у Wix уређивачу.

Затим, морамо бити сигурни да уређујемо праву страницу.

Желимо да будемо сигурни да приказујемо јединствену нит коментара за сваку објаву на блогу, па хајде да уредимо Blog Pages -> Post.

Корак један: Уредите динамичку страницу објаве

Корак 2: Додајте блок за уграђивање

Затим ћемо отићи на Add -> Embed Code -> Embed HTML.

Корак два: Додајте уграђени HTML блок

Ово ће нам дати тужно изгледајући блок за почетак:

Почетни блок

Корак 3: Копирајте/налепите прилагођени код

Овај пример користи прилагођени код како би био компатибилан са Wix-ом. Нећете моћи да користите FastComments исечке кода из других туторијала.

Отворите формулар да бисте додали наш прилагођени HTML дијалог кликом на Enter Code и избором HTML:

Корак 3: Отворите HTML дијалог

Копирајте следећи HTML исечак и налепите га у дијалог, па кликните на Ажурирај:

Пример кода за коментаре на Wix

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        const config = {
            tenantId: "demo"
        };
        const instance = FastCommentsUI(document.getElementById('fastcomments-widget'), config);
        window.onmessage = (event) => {
            if (event.data) {
                if (event.data.action === 'reload') {
                    console.log('Updating FastComments:', event.data.url);
                    config.urlId = event.data.url;
                    config.url = event.data.url;
                    instance.update(config);
                }
            }
        }
    })();
</script>

Корак 3: Налепите и сачувајте

Сада бисте требали видети веома малу верзију виджета за коментаре:

Корак 3: Резултат

Даље ћемо позиционирати и подесити величину овог елемента да одговара нашој страници.

Корак 4: Промените величину

Сада када смо додали видгет за коментаре, хајде да га поставимо на нашој страници.

Корак 4: Промена величине

Помоћу овог упутства бићемо у стању да променимо текућу нит у зависности од активне странице. Међутим, нећемо моћи да динамички мењамо величину видгета за коментаре док Wix не омогући ову функционалност. До тада ћете морати да одлучите колико велик желите да буде простор за коментаре на вашој страници и да га одговарајуће величине подесите.

Корак 5: Јединствене нити коментара

Next, let's set things up so that the comment thread changes based on the current page, allowing users to discuss the currently displayed content.

Without the following steps, you will only have one global comment thread for your entire site - which is not very useful.

Режим за развој

Да бисмо додали ову функционалност, мораћемо да уђемо у оно што Wix назива Dev Mode.

Кликните на опцију Dev Mode на врху екрана.

Омогућите режим за развој

Подесите ID елемента

Додаћемо прилагођени код да то остваримо, али прво треба да новом уграђеном елементу доделимо ID по коме ћемо се позивати.

Назваћемо га fastcomments.

Кликните на нови уграђени елемент који смо додали, и у режиму за развој у доњем десном углу требало би да видите поље ID са вредношћу попут html1:

Поље ID

Промените ово у fastcomments и притисните enter:

Поставите ID

Сада можемо додати наш прилагођени код који ће коментарском подручју рећи коју страницу прегледавамо.

На дну екрана требало би да видите уређивач кода попут овог:

Отворите уређивач

Копирајте следећи код и залепите га тамо:

Wix skripta za navigaciju komentara

Copy

import wixLocation from 'wix-location';
$w.onReady(function () {
    function updateFastCommentsLocation() {
        try {
            const url = (wixLocation.baseUrl + '/' + wixLocation.path).replace(/,/g, '/');
            $w('#fastcomments').postMessage({'action': 'reload', 'url': url});
        } catch (err) {
            console.error('Wix -> FastComments Error', err);
        }
    }
    updateFastCommentsLocation();
    wixLocation.onChange( () => {
        updateFastCommentsLocation();
    });
});

Додајте навигациони код

Корак 6: Прославите

Сада можемо да удахнемо и прегледамо наш сајт. Требало би да видите одељак за коментаре који се мења у зависности од странице. Честитамо!

Ако имате било каквих проблема, јавите нам у пољу за коментар испод.

Прилагођавање

FastComments је дизајниран да се прилагоди вашем сајту.

Ако желите да додате прилагођени стил, или подесите конфигурацију, Погледајте нашу документацију за прилагођавање да бисте сазнали како.

Језик 🇷🇸 Српски

Инсталација за Wix