Nhúng PollUnit
Poll, khảo sát và cuộc thi ảnh trên trang web của riêng bạn
Tích hợp khảo sát và poll vào chính trang web của bạn với PollUnit. Tại đây chúng tôi sẽ chỉ cho bạn cách nhúng PollUnit vào trang chủ của mình mà không cần kiến thức lập trình nâng cao.
Bạn có thể nhúng bất kỳ loại PollUnit nào vào trang chủ của mình. Nhờ đó, bạn có thể dễ dàng tích hợp lịch hẹn, đánh giá và bình chọn về hình ảnh lên trang web. Trước tiên, bạn cần tạo một PollUnit. Bạn có thể tìm hiểu cách làm tại đây:
Tạo cuộc bình chọn đầu tiên của bạn
Sau khi bạn đã tạo tài khoản, tất cả PollUnit của bạn sẽ được hiển thị trong mục »PollUnit của tôi«. Tại đây bạn có thể thực hiện các cài đặt cần thiết.
Khi nhấp vào biểu tượng menu ngữ cảnh (ba chấm), menu sẽ hiện ra.
Bạn cũng có thể mở menu ngữ cảnh trực tiếp từ PollUnit của mình (liên kết quản trị). Tùy theo quyền của bạn, các chức năng khác cũng có thể xuất hiện ở đây.
Bạn chỉ có thể xuất bản các khảo sát và cuộc bình chọn của chính mình trên trang chủ. Nếu bạn muốn xuất bản PollUnit của người khác, họ phải tự thực hiện các cài đặt cần thiết. Ngoài ra, chỉ những poll của người dùng Premium mới có thể được nhúng vào trang web riêng.
Nhấp vào »Nhúng«.
Tại đây trước tiên bạn phải nhập host của trang web. Điều này cho phép trang web của bạn truy cập PollUnit. Host của bạn có thể trông như sau: domain.com hoặc subdomain.domain.com.
Việc mở quyền này là cần thiết để không có trang web nào khác có thể nhúng các khảo sát của bạn trái phép. Bạn có thể mở quyền khảo sát của mình cho bất kỳ số lượng trang web hoặc host nào.
Trong mục »Code«, bạn sẽ nhận được một đoạn mã ngắn. Đoạn mã này phải được chèn vào trang web của bạn. Bạn có thể điều chỉnh chiều cao và chiều rộng của nội dung theo nhu cầu.
<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>
Nếu bạn thay liên kết tham gia bằng liên kết quản trị, bạn cũng có thể tích hợp chế độ xem quản trị của PollUnit vào trang web. Khi đó bạn nên bảo vệ trang web của mình cho phù hợp!
Bây giờ người tham gia có thể đánh giá, thêm và bình luận các tùy chọn trực tiếp trên chính trang web của bạn. Người tham gia không cần tài khoản.
Tùy chọn nhúng nâng cao
Bằng cách thêm data-pollunit-options="..." vào div, bạn có thể thực hiện các cài đặt bổ sung. Các cài đặt này chỉ được áp dụng cho poll trên trang web riêng của bạn, còn PollUnit độc lập vẫn không bị ảnh hưởng.
autoresize
Bạn có thể điều chỉnh đoạn mã sao cho nội dung được nhúng tự động nhận chiều cao tối ưu trên trang web của bạn. Nhờ đó không cần cuộn bên trong khảo sát.
<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>
Khảo sát được nhúng sẽ tự thích ứng một cách responsive với trang web của bạn, bao gồm cả độ phân giải trên thiết bị di động.
kill_background
Với kill_background, bạn có thể ẩn nền của PollUnit. Poll sau đó sẽ được nhúng trong suốt vào trang web, cho phép màu nền hoặc hình nền/hoa văn của trang web vẫn hiển thị.
<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
Với kill_padding, bạn có thể xóa khoảng cách xung quanh PollUnit để tiết kiệm không gian trong các bố cục không chiếm toàn bộ trang.
<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
Với kill_title, tiêu đề của PollUnit sẽ được ẩn đi. Nhờ đó bạn có thể tạo tiêu đề hoặc heading riêng trên trang web của mình.
<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>
Kết hợp các tùy chọn
Nếu bạn muốn sử dụng nhiều tùy chọn, bạn có thể nối chúng bằng dấu phẩy, như trong ví dụ.
<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>
Poll cho CMS của bạn (Content Management System)
Dù bạn muốn tích hợp poll vào Wordpress, thực hiện một cuộc bình chọn trong Joomla hay tạo bình chọn hình ảnh trong Drupal, với PollUnit việc đó chỉ mất vài giây. Dĩ nhiên, bạn cũng có thể tích hợp PollUnit vào các công nghệ web khác.