ブラウザの幅が十分であれば、FastCommentsのライブ機能をデモンストレーションするためのチャットウィジェットが下に2つ表示されます。
以下にライブチャットの仕組みを紹介するライブチャットウィンドウをご用意しました。ぜひお試しください。
ライブチャットは完全にカスタマイズ可能です。上記のデモでは匿名コメントを有効にしていますが、ユーザーのログインを必須にしたり、シングルサインオン（SSO）を使用することも可能です。カスタムスタイルを適用できるほか、ライブコメントウィジェットがサポートするすべての設定も利用できます。ストリーミングチャットはすべてのプランに含まれています。
アカウントなしで今すぐお試しください
サイトにリアルタイムのライブチャット機能を追加しましょう。たった1つのコードをコピーするだけで始められます。アカウント登録は不要です。
サイト用のライブチャットコードを入手しましょう
Vanilla JS
Vanilla JS
React
Vue
React Native
Android
iOS
Wix
BigCommerce
Bubble.io
Ionos
Godaddy
Framer
SquareSpace
Systeme.io
ClickFunnels
Weebly
Webflow
Webnode
Shopify
MemberSpace
Memberstack
Ghost
GitHub Pages
GoHighLevel
<script src="https://cdn-eu.fastcomments.com/js/embed-live-chat.min.js"></script>
<div id="fastcomments-live-chat-widget"></div>
<script>
FastCommentsLiveChat(document.getElementById('fastcomments-live-chat-widget'), {
tenantId: 'yywal4uErO'
});
</script>
<script src="https://cdn-eu.fastcomments.com/js/embed-live-chat.min.js"></script>
<div id="fastcomments-live-chat-widget"></div>
<script>
FastCommentsLiveChat(document.getElementById('fastcomments-live-chat-widget'), {
tenantId: 'yywal4uErO'
});
</script>
import { Component } from 'react'
import { FastCommentsLiveChatWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsLiveChatWidget tenantId="yywal4uErO" />
}
}
<template>
<FastCommentsLiveChat v-bind:config="{tenantId: 'yywal4uErO'}" />
</template>
<script>
// Vue 2 is also supported via fastcomments-vue.
import { FastCommentsLiveChat } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsLiveChatExample',
components: {
FastCommentsLiveChat
}
}
</script>
import { FastCommentsLiveChat } from 'fastcomments-react-native-sdk';
export function ChatScreen() {
return (
<FastCommentsLiveChat config={{ tenantId: 'yywal4uErO', urlId: 'my-room' }} />
);
}
// layout: <com.fastcomments.sdk.LiveChatView android:id="@+id/liveChatView" ... />
val config = CommentWidgetConfig().apply {
tenantId = "yywal4uErO"
urlId = "my-room"
}
LiveChatView.setupLiveChatConfig(config)
val chat = findViewById<LiveChatView>(R.id.liveChatView)
chat.setSDK(FastCommentsSDK(config))
chat.load()
import SwiftUI
import FastCommentsUI
struct ChatView: View {
private var sdk = FastCommentsSDK(
config: FastCommentsWidgetConfig(tenantId: "yywal4uErO", urlId: "my-room")
)
var body: some View {
LiveChatView(sdk: sdk)
.task { try? await sdk.load() }
}
}
