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

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

플랫폼:

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

먼저 Asyntai 대시보드로 이동하여 "Embed Code" 섹션까지 아래로 스크롤하세요. 다음과 같은 고유한 임베드 코드를 복사하세요:

<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단계: HTML/JavaScript 가젯 사용 (권장)

챗봇을 추가하는 가장 쉬운 방법은 Blogger의 기본 HTML/JavaScript 가젯을 사용하는 것입니다:

blogger.com에서 Blogger 대시보드에 로그인하세요
목록에서 블로그를 선택하세요
왼쪽 사이드바에서 "Layout"을 클릭하세요
위젯을 추가할 섹션을 찾으세요 (푸터 권장)
"Add a Gadget"을 클릭하세요
가젯 목록에서 "HTML/Javascript"를 선택하세요
제목을 비워두세요 (원하면 추가할 수 있습니다)
콘텐츠 영역에 Asyntai 삽입 코드를 붙여넣으세요
"Save"를 클릭하세요
Layout 페이지 오른쪽 하단의 "Save"를 클릭하세요

팁: 푸터 섹션에 가젯을 추가하면 블로그의 모든 페이지에서 로드됩니다. 가젯을 어디에 배치하든 챗봇은 플로팅 버튼으로 나타납니다.

대안: 테마 HTML 편집

테마의 HTML에 직접 코드를 추가할 수도 있습니다:

왼쪽 사이드바에서 "Theme"으로 이동하세요
"Customize" 옆의 아래쪽 화살표(More)를 클릭하세요
"Edit HTML"을 선택하세요
Ctrl+F(Mac에서는 Cmd+F)를 눌러 검색을 여세요
</body>를 검색하세요
</body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요
"Save"를 클릭하세요

중요: 테마 HTML을 편집할 때는 다른 코드를 삭제하거나 수정하지 않도록 주의하세요. 먼저 테마를 백업하세요: 같은 메뉴에서 "Backup"을 클릭한 다음 "Download"를 클릭하세요.

3단계: 설치 확인

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

위젯이 보이지 않나요? Blogger에서 변경 사항이 적용되는 데 몇 분이 걸릴 수 있습니다. 브라우저 캐시를 지우거나 시크릿 창에서 확인해 보세요. 가젯을 추가한 후 "Save"를 클릭했는지 확인하세요.

문서

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

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

2단계: HTML/JavaScript 가젯 사용 (권장)

대안: 테마 HTML 편집

3단계: 설치 확인