Add Live Commenting to Hostinger Sites

Първо, имайте предвид, че този урок важи само за Hostinger Website Builder.

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

Този урок ще продължи с инструкции за Website Builder.

Стъпка 1: Добавяне на уиджет за код

Първо, отворете сайта си в конструктора на уебсайтове.

Ако все още нямате секция, където искате да поставите коментарите, добавете празна секция:

Добавяне на секция

Сега добавете джаджа Hostinger Embed, като кликнете върху новата ни секция и изберете Add element в горната част, а след това Embed code:

Код за вграждане

Ще получите нещо подобно на това:

Добавена секция с код

Сега сме готови за Step 2.

Стъпка 2: Добавяне на кода

Нека сега да добавим кода на нашия уиджет.

Копирайте кода по-долу. Ще искате да се уверите, че сте влезли в fastcomments.com и да презаредите тази страница, ако не сте, така че кодът да бъде предварително попълнен с информацията от вашия акаунт, в противен случай ще се покаже демонстрационен код.

Сега нека копираме кода:

Код за коментари на Hostinger

Copy

<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    window.fcConfigs = [{
        target: '#fastcomments-widget',
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    }];
</script>

Сега нека да се върнем в конструктора на сайта и да кликнем Enter code:

Въведете код

Забележка!

Важно е да използвате горния код, а не фрагментите от друга документация, тъй като този фрагмент е разработен специално за Hostinger.

Сега би трябвало да имате нещо подобно на следното, което изглежда празно. Това е очаквано. Преместете мишката върху областта, където трябва да се появи уиджетът:

Добавен уиджет с код

Сега плъзнете уиджета до желания размер; ще го видите да се появява:

Преоразмерете го

...и сега прегледайте и запазете!

Успех

Това е всичко! Вече трябва да имате активирано коментиране в реално време на вашия сайт в Hostinger.

Успех

Ако сте получили грешка 'permission denied', или искате да персонализирате FastComments, продължете да четете.

Грешки с домейна на сайта

Може да получите грешка при упълномощаване, подобна на следната:

Липсва конфигурация на домейна

Това е защото FastComments не знае, че трябва да позволи използването на вашия акаунт на този домейн.

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

Отидете тук, за да добавите сайта си към акаунта си.

Сега би трябвало да имате бързи коментари в реално време, добавени към вашия сайт!

Персонализиране на сайта

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

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

Плаващ бутон за харесвания

FastComments също поддържа уиджета Page Reacts (известен още като плаващ бутон „Харесвам“) за Hostinger.

Можете да го видите в действие в долния десен ъгъл на тази страница!

Забележка!

Тези инструкции са за Hostinger Site Builder. Ако използвате Hostinger WordPress, просто вземете кода по-долу и го добавете към своя WordPress сайт използвайки WPCode, който е безплатен и лесен плъгин за добавяне на малки фрагменти код към вашия сайт.

Първо, вземете кода:

Код за плаващи харесвания на Hostinger

Copy

<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
<div id="fastcomments-page-likes-floating"></div>
<script>
    (function () {
        function tryLoad() {
            if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
                window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
                    tenantId: "demo"
                });
            } else {
                setTimeout(tryLoad, 50);
            }
        }
        tryLoad();
    })();
</script>

След това в Hostinger отворете Site Builder.
Отидете в Настройки на уебсайта в долния ляв ъгъл.
Изберете Интеграции.
Добавете новия код в края на полето Custom code, и публикувайте сайта си.
Няма да видите уиджета в режим на предварителен преглед, но той ще се появи в публикуваната версия на сайта.

Инсталация на сайт в Hostinger

Плаващи харесвания в Hostinger

Add Live Commenting to Hostinger Sites

Стъпка 1: Добавяне на уиджет за код

Стъпка 2: Добавяне на кода

Забележка!

Успех

Грешки с домейна на сайта

Персонализиране на сайта

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

Плаващ бутон за харесвания

Забележка!

Език 🇧🇬 Български

Инсталация на сайт в Hostinger

Плаващи харесвания в Hostinger

Add Live Commenting to Hostinger Sites

Стъпка 1: Добавяне на уиджет за код

Стъпка 2: Добавяне на кода

Забележка!

Успех

Грешки с домейна на сайта

Персонализиране на сайта

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

Плаващ бутон за харесвания

Забележка!