Ghost에 Asyntai AI 챗봇을 추가하는 방법

Ghost CMS 웹사이트를 위한 단계별 가이드

플랫폼:

1단계: 임베드 코드 가져오기

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 ID가 포함된 고유한 임베드 코드를 대시보드에서 복사해야 합니다.

2단계: 코드 인젝션 사용 (권장)

Ghost에는 사용자 정의 스크립트를 매우 쉽게 추가할 수 있는 내장 코드 인젝션 기능이 있습니다:

Ghost 관리자 패널에 로그인하세요
왼쪽 하단의 톱니바퀴 아이콘 (설정)을 클릭하세요
"Advanced" 섹션까지 아래로 스크롤하세요
"Code injection"을 클릭하세요
"Site footer" 섹션에 Asyntai 임베드 코드를 붙여넣으세요
오른쪽 상단의 "Save"를 클릭하세요

팁: JavaScript를 Site Footer에 추가하면(Site Header 대신) 페이지 콘텐츠 이후에 로드되어 채팅 위젯에 권장되며 페이지 로딩을 느리게 하지 않습니다.

대안: 페이지별 코드 인젝션

특정 페이지나 게시물에만 챗봇을 원하는 경우:

챗봇을 추가할 게시물 또는 페이지를 여세요
오른쪽 상단의 설정 아이콘 (톱니바퀴)을 클릭하세요
"Code injection"을 찾을 때까지 아래로 스크롤하세요
섹션을 확장하고 "Post footer" 필드에 Asyntai 임베드 코드를 붙여넣으세요
필드 바깥을 클릭하여 저장한 다음 게시물을 게시/업데이트하세요

참고: 페이지별 코드 인젝션은 전체 사이트가 아닌 특정 페이지에만 챗봇을 원하는 경우에 유용합니다.

대안: 테마 파일 편집 (자체 호스팅용)

Ghost를 자체 호스팅하고 테마 파일을 직접 편집하려는 경우:

FTP 또는 파일 관리자를 통해 Ghost 설치 파일에 접근하세요
테마 폴더로 이동하세요: content/themes/your-theme/
default.hbs 파일 (메인 레이아웃 파일)을 여세요
닫는 </body> 태그를 찾으세요
</body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요
파일을 저장하세요
Ghost를 다시 시작하거나 캐시를 지우세요

중요: 필요하지 않는 한 테마 파일을 직접 편집하는 것은 권장되지 않습니다. 테마 업데이트 시 변경 사항이 덮어쓸 수 있습니다. 코드 인젝션 방법은 테마 업데이트 후에도 유지되므로 선호됩니다.

3단계: 설치 확인

변경 사항을 저장한 후 새 브라우저 탭이나 시크릿 창에서 Ghost 사이트를 방문하세요. 오른쪽 하단에 채팅 위젯 버튼이 보여야 합니다. 클릭하여 올바르게 열리고 작동하는지 확인하세요.