Zyro 사이트에 실시간 댓글 추가

1단계: 코드 위젯 추가

먼저 웹사이트 빌더에서 사이트를 엽니다.

댓글을 넣고 싶은 섹션이 아직 없다면, 빈 섹션을 추가하세요:

섹션 추가

이제 새로 추가한 섹션을 클릭하고 상단에서 Add element를 클릭한 다음 Embed code를 클릭하여 Zyro Embed 위젯을 추가하세요:

Embed code

다음과 같은 화면이 나타납니다:

코드 섹션 추가됨

이제 Step 2를 진행할 준비가 되었습니다.

2단계: 코드 추가

이제 위젯 코드를 추가해봅시다.

아래 코드를 복사하세요. fastcomments.com에 로그인되어 있는지 확인하고, 로그인되어 있지 않다면 이 페이지를 새로고침하여 코드가 계정 정보로 자동 채워지도록 하세요. 그렇지 않으면 데모 코드가 표시됩니다.

이제 코드를 복사합니다:

Zyro 댓글 코드

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를 클릭하세요:

코드 입력

참고!

위 코드를 사용해야 하며 다른 문서의 코드 스니펫을 사용하면 안 됩니다. 이 스니펫은 Zyro에 맞게 특별히 제작되었습니다.

다음과 같이 빈 상태로 보이는 항목이 있을 것입니다. 이는 정상입니다. 위젯이 있어야 하는 영역에 마우스를 올려보세요:

위젯 코드 추가됨

이제 위젯의 크기를 원하는 대로 드래그하면 나타나는 것을 볼 수 있습니다:

크기 조정

...이제 미리보기하고 저장하세요!

성공

그게 전부입니다! 이제 Zyro 사이트에 실시간 댓글 기능이 추가되었습니다.

성공

권한 거부 오류가 발생했거나 FastComments를 맞춤 설정하려면 계속 읽어보세요.

사이트 도메인 오류

다음과 같은 권한 오류가 발생할 수 있습니다:

도메인 구성 누락

이는 FastComments가 해당 도메인에서 귀하의 계정 사용을 허용해야 한다는 사실을 모를 때 발생합니다.

이 경우 해결 방법은 간단합니다. FastComments.com 계정에 사이트를 추가하면 됩니다.

사이트를 계정에 추가하려면 여기를 클릭하세요.

이제 사이트에 빠르고 실시간 댓글 기능이 추가되어 있을 것입니다!

사이트 맞춤 설정

FastComments는 사이트에 맞게 사용자 정의할 수 있도록 설계되었습니다.

사용자 정의 스타일을 추가하거나 구성을 조정하려면, 방법은 맞춤 설정 및 구성 문서에서 확인하세요.

플로팅 좋아요 버튼

FastComments는 Zyro용 페이지 리액트(일명 플로팅 좋아요 버튼) 위젯도 지원합니다.

이 페이지 오른쪽 하단에서 작동하는 모습을 볼 수 있습니다!

먼저, 코드를 가져옵니다:

Zyro 플로팅 좋아요 코드

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>

그런 다음 Zyro에서 사이트 빌더를 엽니다.
왼쪽 하단의 Website Settings로 이동합니다.
Integrations를 선택합니다.
새 코드를 Custom code 필드의 끝에 추가하고 사이트를 게시합니다.
미리보기 모드에서는 위젯이 보이지 않지만, 사이트의 게시된 버전에서는 나타납니다.

Zyro 사이트에 설문 추가

FastComments가 Zyro 사이트에 설치되면 댓글 안에서 바로 실시간 투표를 진행할 수도 있습니다. 위젯 사용자 지정 설정에서 Enable Polls를 켜면 댓글 툴바에 투표 버튼이 나타납니다. 투표는 2개에서 10개까지의 선택지를 가질 수 있고, 결과는 페이지에 있는 모든 사용자에게 실시간으로 업데이트되며, 누가 투표를 만들 수 있는지와 투표에 로그인이 필요한지 여부를 직접 설정할 수 있습니다. Zyro에 추가로 설치할 것은 없습니다.

실시간 투표 데모 체험하기 또는 투표 문서를 읽고 설정 방법을 확인하세요.

언어 🇰🇷 한국어

Zyro 사이트 설치

Zyro 플로팅 좋아요

설문