嵌入 PollUnit
在自己的网站上进行投票、照片比赛和调查
使用 PollUnit 将调查和投票集成到你自己的网站中。 这里会展示如何在没有高级编程知识的情况下， 将 PollUnit 嵌入你的主页。
你可以在主页中嵌入任何 PollUnit 类型。 这样可以轻松将日期协调、评价和图片投票集成到你的网站中。 首先，你需要创建一个 PollUnit。如何创建可以在这里了解：
创建你的第一个投票
创建账户后，你的所有 PollUnit 都会显示在 »我的 PollUnit« 下。 你可以在这里进行必要设置。
点击上下文菜单图标（三个点）后，菜单会出现。
你也可以直接从 PollUnit（管理员链接）打开上下文菜单。 根据你的权限，这里也可能显示其他功能。
你只能在自己的主页上发布自己的调查和投票。 如果想发布他人的 PollUnit，对方必须进行必要设置。 此外，只有 Premium 用户的调查才能嵌入到自己的网站中。
点击 »嵌入«。
这里需要先输入你网站的主机名。 这样就允许你的网站访问你的 PollUnit。 你的主机名可以类似这样：domain.com 或 subdomain.domain.com。
需要这样启用，是为了防止其他网站未经许可嵌入你的调查。 你可以为任意数量的网站或主机启用调查。
在 »代码« 部分，你会获得一小段代码片段。 需要将它嵌入到你的网站中。你可以根据需要调整内容的高度和宽度。
<div data-pollunit-width="100%" data-pollunit-height="700"
data-pollunit-src="https://pollunit.com/polls/MEMBERLINK"></div>
<script src="https://pollunit.com/embed/v2.1/parent_code.js"
integrity="sha384-6II6rmwjJBTtYXvc8Cp7CNK/1EEbdzNNwHHmbKeEJgO/mLDydfVVAWxx108HCuZd"
crossorigin="anonymous">
</script>
如果用管理员链接替换参与者链接，也可以将 PollUnit 的管理员视图集成到网站中。 这种情况下，你应相应地保护你的网站！
现在，参与者可以直接在你自己的网站上评价、添加和评论选项。 参与者不需要账户。
高级嵌入选项
通过在 div 中添加 data-pollunit-options="..."， 你可以进行额外设置。这些设置只会应用于你自己网站上的投票， 独立的 PollUnit 不受影响。
autoresize
你可以调整代码片段，让嵌入内容在你的网站上自动获得最佳高度。 这样调查中就不需要滚动。
<div data-pollunit-width="100%" data-pollunit-height="700"
data-pollunit-src="https://pollunit.com/polls/MEMBERLINK"
data-pollunit-options="autoresize"></div>
<script src="https://pollunit.com/embed/v2.1/parent_code.js"
integrity="sha384-6II6rmwjJBTtYXvc8Cp7CNK/1EEbdzNNwHHmbKeEJgO/mLDydfVVAWxx108HCuZd"
crossorigin="anonymous">
</script>
嵌入的调查会响应式适配你的网站， 也包括移动设备分辨率。
kill_background
使用 kill_background 可以隐藏 PollUnit 的背景。 投票随后会以透明方式嵌入你的网站； 你网站的颜色或背景图片/图案会保持可见。
<div data-pollunit-width="100%" data-pollunit-height="700"
data-pollunit-src="https://pollunit.com/polls/MEMBERLINK"
data-pollunit-options="kill_background"></div>
<script src="https://pollunit.com/embed/v2.1/parent_code.js"
integrity="sha384-6II6rmwjJBTtYXvc8Cp7CNK/1EEbdzNNwHHmbKeEJgO/mLDydfVVAWxx108HCuZd"
crossorigin="anonymous">
</script>
kill_padding
使用 kill_padding 可以移除 PollUnit 周围的间距， 在非整页布局中节省空间。
<div data-pollunit-width="100%" data-pollunit-height="700"
data-pollunit-src="https://pollunit.com/polls/MEMBERLINK"
data-pollunit-options="kill_padding"></div>
<script src="https://pollunit.com/embed/v2.1/parent_code.js"
integrity="sha384-6II6rmwjJBTtYXvc8Cp7CNK/1EEbdzNNwHHmbKeEJgO/mLDydfVVAWxx108HCuZd"
crossorigin="anonymous">
</script>
kill_title
使用 kill_title 会隐藏 PollUnit 的标题。 这样你就可以在自己的网站上创建自己的标题或页眉。
<div data-pollunit-width="100%" data-pollunit-height="700"
data-pollunit-src="https://pollunit.com/polls/MEMBERLINK"
data-pollunit-options="kill_title"></div>
<script src="https://pollunit.com/embed/v2.1/parent_code.js"
integrity="sha384-6II6rmwjJBTtYXvc8Cp7CNK/1EEbdzNNwHHmbKeEJgO/mLDydfVVAWxx108HCuZd"
crossorigin="anonymous">
</script>
组合选项
如果想使用多个选项，可以像示例中那样用逗号分隔并追加。
<div data-pollunit-width="100%" data-pollunit-height="700"
data-pollunit-src="https://pollunit.com/polls/MEMBERLINK"
data-pollunit-options="autoresize,kill_title,kill_padding,kill_background"></div>
<script src="https://pollunit.com/embed/v2.1/parent_code.js"
integrity="sha384-6II6rmwjJBTtYXvc8Cp7CNK/1EEbdzNNwHHmbKeEJgO/mLDydfVVAWxx108HCuZd"
crossorigin="anonymous">
</script>
用于 CMS（Content Management System）的投票
无论你想将调查嵌入 Wordpress，在 Joomla 中实现投票， 还是在 Drupal 中创建图片投票，使用 PollUnit 都能在几秒内完成。 当然，你也可以将 PollUnit 集成到其他 Web 技术中。