> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ahaslides.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 웹사이트에 AhaSlides 임베드하기

> 공유 메뉴의 임베드 옵션으로 라이브 프레젠테이션 화면을 웹페이지에 임베드해 방문자가 AhaSlides 세션을 실시간으로 볼 수 있게 하세요.

라이브 프레젠테이션 화면을 내 웹사이트, 블로그 또는 인트라넷 페이지에 넣을 수 있습니다. 해당 페이지의 방문자는 발표자 화면에 표시되는 내용을 그대로 보게 되며, 슬라이드를 넘기고 응답이 들어올 때마다 실시간으로 업데이트됩니다.

## 라이브 프레젠테이션 화면 임베드하기

<Steps>
  <Step title="공유 메뉴 열기">
    에디터에서 프레젠테이션을 열고 오른쪽 상단의 **미리보기** (Preview) 옆에 있는 **공유** (Share) 아이콘을 클릭합니다.
  </Step>

  <Step title="임베드 선택">
    **임베드** (Embed)를 클릭합니다. **라이브 프레젠테이션 화면 임베드** (Embed live presenting screen) 창이 열립니다.
  </Step>

  <Step title="임베드 코드 복사">
    **HTML embed code** 옆의 **Copy**를 클릭합니다. 웹사이트 빌더가 HTML이 아닌 링크를 요구하면 **Embed URL**을 대신 복사하세요.

    <Frame>
      <img src="https://mintcdn.com/ahaslides/ZL8nkTHl6LhqEgbH/images/share-embed-live-presenting-screen.png?fit=max&auto=format&n=ZL8nkTHl6LhqEgbH&q=85&s=f1b17cf7cbd6ad8684a918105f5f9919" alt="HTML embed code 필드와 Copy 버튼이 강조 표시된 AhaSlides의 라이브 프레젠테이션 화면 임베드 창" width="760" height="540" data-path="images/share-embed-live-presenting-screen.png" />
    </Frame>
  </Step>

  <Step title="페이지에 붙여넣기">
    코드를 웹페이지의 HTML이나 웹사이트 빌더의 임베드 또는 커스텀 코드 블록에 붙여넣은 다음 페이지를 게시합니다.
  </Step>
</Steps>

다른 앱 안에서 세션을 진행하려면 [Canva 안에서 AhaSlides 라이브로 발표하는 방법](/ko/integrations/present-ahaslides-live-inside-canva)을 참고하세요.

임베드 코드는 표준 `iframe`입니다. 기본값은 960 × 569픽셀이며, 페이지 레이아웃에 맞게 코드의 `width`와 `height` 값을 변경하세요.

## 방문자에게 보이는 화면

* **발표 중에는** 임베드된 화면이 실시간으로 들어오는 결과를 포함해 발표자 화면을 그대로 보여 줍니다.
* **발표하지 않을 때는** 임베드된 화면에 **발표가 일시 중지됨** (Presentation paused)이 표시됩니다.
* 임베드된 화면은 **보기 전용**입니다. 방문자는 함께 볼 수만 있고 슬라이드를 클릭하거나 제어할 수 없습니다. 참여하려면 다른 참가자와 마찬가지로 슬라이드에 표시된 접속 코드를 사용해 자신의 기기에서 참가해야 합니다. [참가자를 프레젠테이션에 초대하기](/ko/presenting/sharing-your-presentation-for-participants-to-join)를 참고하세요.

## 대안: 참가자 보기 임베드하기

방문자가 내 페이지에서 직접 응답하게 하려면 프레젠테이션의 청중 링크를 `iframe`에 대신 임베드할 수 있습니다. 이 방법은 참가자 화면을 보여 주므로 방문자가 사이트를 벗어나지 않고 투표와 퀴즈에 답할 수 있습니다.

<Steps>
  <Step title="참가 링크 복사">
    **공유** (Share) 아이콘을 클릭하고 **청중 링크 가져오기** (Get audience link)를 선택한 다음, 프레젠테이션의 참가 링크를 복사합니다.

    <Frame>
      <img src="https://mintcdn.com/ahaslides/FJ6XbKqLItsTgj7k/images/get-audience-link-panel.png?fit=max&auto=format&n=FJ6XbKqLItsTgj7k&q=85&s=19d8efe273bdb44da87a7b58ec1ab2b6" alt="프레젠테이션 참가 링크와 QR 코드가 표시된 AhaSlides의 청중 링크 가져오기 창" width="1420" height="1080" data-path="images/get-audience-link-panel.png" />
    </Frame>
  </Step>

  <Step title="페이지에 iframe 추가">
    아래 코드의 `src` 값에 링크를 붙여넣은 다음, 코드를 페이지에 추가합니다.

    ```html theme={null}
    <iframe src="https://audience.ahaslides.com/" style="width: 100%; height: 800px"></iframe>
    ```
  </Step>
</Steps>

<Note>
  참가자 보기 임베드는 공유 메뉴의 임베드 옵션에 포함되어 있지 않으므로 라이브 세션 전에 페이지에서 테스트해 보세요.
</Note>

**궁금한 점이 있으신가요?**

지원팀에 문의해 주세요. 로그인한 상태라면 대시보드 오른쪽 아래의 채팅 아이콘을 사용하시고, 그렇지 않다면 [여기에서 문의하시거나](https://ahaslides.com/contact-us/) [hi@ahaslides.com](mailto:hi@ahaslides.com)으로 이메일을 보내 주세요.

다른 사용자와 소통하고 싶으신가요? [AhaSlides 커뮤니티](https://community.ahaslides.com/)에 참여해 팁을 공유하고, 기능을 제안하고, 다른 사람들이 청중의 참여를 이끄는 방법을 살펴보세요.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.