> ## 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="AhaSlides 中的“嵌入实时演示画面”窗口，HTML 嵌入代码字段及其“复制”按钮被突出显示" width="760" height="540" data-path="images/share-embed-live-presenting-screen.png" />
    </Frame>
  </Step>

  <Step title="粘贴到您的页面">
    将代码粘贴到网页的 HTML 中，或粘贴到网站构建工具的嵌入或自定义代码块中，然后发布该页面。
  </Step>
</Steps>

如果您想在其他应用内运行会话，请参阅[如何在 Canva 中实时演示 AhaSlides](/cn/integrations/present-ahaslides-live-inside-canva)。

嵌入代码是标准的 `iframe`，默认尺寸为 960 × 569 像素——请修改代码中的 `width` 和 `height` 值，以适应您的页面布局。

## 访客会看到什么

* **您正在演示时**，嵌入的画面会实时镜像您的演示者屏幕，包括陆续收到的结果。
* **您未在演示时**，嵌入的画面会显示 **演示已暂停** (Presentation paused)。
* 嵌入的画面为**仅供查看**——访客只能观看，无法点击或控制您的幻灯片。如需参与，他们可以在自己的设备上使用幻灯片中显示的访问代码加入，与其他参与者无异。请参阅[邀请参与者加入您的演示文稿](/cn/presenting/sharing-your-presentation-for-participants-to-join)。

## 替代方案：嵌入参与者视图

如果您希望访客直接在您的页面上作答，可以改为在 `iframe` 中嵌入演示文稿的观众链接。这会显示参与者屏幕，访客无需离开您的网站即可回答 Poll 和 Quiz。

<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="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.