Add Live Commenting to Zyro Sites

1단계: 코드 위젯 추가

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

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

섹션 추가

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

임베드 코드

다음과 같은 화면이 표시됩니다:

코드 섹션 추가됨

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

2단계: 코드 추가

이제 위젯 코드를 추가합니다.

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

이제 코드를 복사합니다:

Zyro 댓글 코드

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    FastCommentsUI(document.getElementById('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 플로팅 좋아요 코드