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

플랫폼:

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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

먼저 Asyntai 대시보드로 이동하여 "임베드 코드" 섹션까지 아래로 스크롤하십시오. 다음과 같은 형태의 고유 임베드 코드를 복사하십시오:

2단계: 템플릿 레이아웃에 추가 (권장)

모든 페이지에 챗봇을 추가하는 가장 쉬운 방법은 ExpressionEngine 제어판에서 메인 레이아웃 템플릿을 편집하는 것입니다:

1. EE 제어판에서 Developer > Templates > Template Groups로 이동하세요
2. 메인 템플릿 그룹(보통 "site")을 열고 레이아웃 템플릿(또는 모든 페이지를 감싸는 템플릿)을 편집하세요
3. 닫는 </body> 태그를 찾으세요
4. </body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. 템플릿을 저장하세요

대안 방법 1: EE 템플릿 부분 사용

ExpressionEngine 템플릿 부분을 사용하면 템플릿 간에 포함할 수 있는 재사용 가능한 스니펫을 만들 수 있습니다:

1. Developer > Templates > Template Partials로 이동하세요
2. "New"를 클릭하여 _asyntai_widget이라는 새 부분을 만드세요
3. Asyntai 임베드 코드를 부분 콘텐츠에 붙여넣으세요:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. 부분을 저장하세요
5. 닫는 </body> 태그 바로 앞의 레이아웃 템플릿에 포함하세요:
   {embed="_asyntai_widget"} </body>

대안 방법 2: EE의 HTML 머리글/바닥글 사용

일부 ExpressionEngine 설정은 스크립트를 추가하기 위한 전역 푸터 섹션을 제공합니다:

1. Settings > Content & Design > Global Template Preferences로 이동하세요
2. EE 설정에 전역 푸터 섹션이 있으면 거기에 Asyntai 임베드 코드를 붙여넣으세요
3. 전역 푸터 섹션을 사용할 수 없는 경우 메인 레이아웃 템플릿을 직접 편집하고 닫는 </body> 태그 앞에 임베드 코드를 추가하세요:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. 변경 사항을 저장하세요

대안 방법 3: config.php 사용

고급 사용자의 경우 ExpressionEngine의 구성 또는 사용자 정의 애드온을 만들어 챗봇 스크립트를 삽입할 수 있습니다:

1. FTP, SSH 또는 코드 편집기를 통해 ExpressionEngine 프로젝트 파일에 접근하세요
2. system/user/config/ 디렉토리로 이동하여 config.php를 여세요
3. 사용자 정의 JavaScript 삽입의 경우 template_post_parse 훅에 연결하여 페이지 렌더링 시 스크립트를 삽입하는 간단한 EE 애드온/확장을 만드는 것을 고려하세요:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. 대시보드에서 YOUR_WIDGET_ID를 실제 위젯 ID로 교체하세요

3단계: 설치 확인

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