PollUnit beágyazása
Szavazások, felmérések és fotóversenyek saját webhelyeden
Integrálj szavazásokat és felméréseket saját webhelyedre. Itt megmutatjuk, hogyan ágyazhatod be PollUnitodat a honlapodra. Nincs szükség haladó programozási ismeretekre.
Bármely PollUnit típust beágyazhatsz a honlapodra. Így egyszerűen integrálhatsz időpontokat, értékeléseket és képekről szóló szavazásokat a webhelyedre. Először létre kell hoznod egy PollUnitot. Ennek módját itt találod:
Hozd létre első szavazásodat
Miután létrehoztál egy fiókot, az összes PollUnitod megjelenik a »Saját PollUnitjaim« részben. Itt elvégezheted a szükséges beállításokat.
A helyi menü ikonra (három pont) kattintva megjelenik a menü.
A helyi menüt közvetlenül a PollUnitodból is megnyithatod (admin link). Jogosultságaidtól függően itt más funkciók is megjelenhetnek.
Csak a saját szavazásaidat és voksolásaidat teheted közzé a honlapodon. Ha valaki más PollUnitját szeretnéd közzétenni, neki kell elvégeznie a szükséges beállításokat. Emellett csak Premium felhasználók szavazásai ágyazhatók be saját webhelyre.
Kattints a »Beágyazás« elemre.
Itt meg kell adnod a webhelyed hosztját. Ez lehetővé teszi, hogy webhelyed hozzáférjen a PollUnitodhoz. A hoszt például így nézhet ki: domain.com vagy subdomain.domain.com.
Erre azért van szükség, hogy más webhelyek engedély nélkül ne ágyazhassák be a szavazásaidat. Felméréseidet tetszőleges számú webhelyhez vagy hoszthoz aktiválhatod.
A »Kód« szakaszban egy kis kódrészletet kapsz. Ezt be kell illeszteni a webhelyedre. A tartalom magasságát és szélességét az igényeidhez igazíthatod.
<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>
Ha a résztvevői linket admin linkre cseréled, a PollUnitjaid admin nézetét is integrálhatod a webhelyedbe. Ebben az esetben megfelelően védd a webhelyedet!
Most a résztvevőid közvetlenül a saját webhelyeden értékelhetnek, adhatnak hozzá és kommentálhatnak opciókat. A résztvevőknek nincs szükségük fiókra.
Haladó beágyazási opciók
A data-pollunit-options="..." hozzáfűzésével a div elemhez további beállításokat adhatsz meg. Ezek a beállítások csak a saját webhelyeden lévő szavazásra vonatkoznak - az önálló PollUnit változatlan marad.
autoresize
A kódrészletet úgy is testreszabhatod, hogy a beágyazott tartalom automatikusan az optimális magassághoz igazodjon a webhelyeden. Így a felmérésben nem szükséges görgetni.
<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>
A beágyazott felmérés reszponzívan igazodik a webhelyedhez - beleértve a mobileszközök felbontásait is.
kill_background
A kill_background segítségével elrejtheted a PollUnit hátterét. A szavazás ekkor átlátszóan ágyazódik be a webhelyedbe, így a webhelyed színe vagy háttérképe/mintája látható marad.
<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
A kill_padding segítségével eltávolíthatod a PollUnit körüli térközt, hogy helyet takaríts meg olyan elrendezésekben, amelyek nem töltik ki az egész oldalt.
<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
A kill_title elrejti a PollUnit címét. Így saját címet vagy címsort hozhatsz létre a webhelyeden.
<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>
Opciók kombinálása
Ha több opciót szeretnél használni, vesszővel elválasztva fűzheted hozzá őket, ahogy a példában látható.
<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>
Szavazások a CMS-edhez (Content Management System)
Mindegy, hogy WordPressbe szeretnéd integrálni a szavazásodat, Joomlában szeretnél voksolást megvalósítani, vagy Drupalban képszavazást létrehozni - a PollUnittal ez másodpercek alatt megvan. Természetesen PollUnitjaidat más webes technológiákba is integrálhatod.