Завести аккаунт
Зарегистрируйтесь для бесплатной пробной версии, чтобы получить собственный идентификатор арендатора и фрагмент кода. Кредитная карта не требуется. Или воспользуйтесь демонстрационным кодом ниже, чтобы попробовать мгновенно.
Скопируйте фрагмент кода
Выберите свой фреймворк ниже и скопируйте фрагмент кода. Вариант VanillaJS работает на любом веб-сайте и не требует системы сборки. Для React, Vue или Angular сначала установите пакет npm.
<script async src="https://cdn.fastcomments.com/js/embed.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
target: '#fastcomments-widget',
tenantId: 'demo'
}];
</script>
<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>
import { Component } from 'react'
import { FastCommentsCommentWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
// Vue 2 is also supported via fastcomments-vue.
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>
Добавить на свой сайт
Вставьте фрагмент кода на свою веб-страницу в том месте, где вы хотите, чтобы отображались комментарии. FastComments автоматически создаст отдельную ветку комментариев для каждой страницы на основе URL-адреса. Если ваша платформа поддерживает встраивание HTML-кода (например, WordPress, Squarespace или Webflow), просто вставьте фрагмент кода VanillaJS в HTML-блок.
Настроить
Настройте его под себя. FastComments поддерживает пользовательские CSS-стили, темный режим, анонимное комментирование, модерацию комментариев и многое другое. Все настройки доступны в вашей панели управления.
