EmojiSup Widget

Chcete takový pruh emodži na svém webu?

Bezplatný widget reakcí se nasadí za minutu. Bez registrace, bez účtu, na naší straně není co nastavovat.

Instalace

Do sekce HEAD svého webu přidejte:

<script src="https://api.emojisup.org/widget.js?4"></script>

Do sekce BODY, na místo, kde má pruh být, přidejte:

<div data-emojisup></div>

Tím instalace končí. Po načtení skript připojí svůj styl, projde stránku a v každém prvku s atributem data-emojisup vykreslí pruh reakcí.

Identifikátory widgetů

Identifikátor widgetu vzniká z adresy stránky, takže na jedné stránce jich může být několik a každá stránka si drží vlastní počitadla. Parametry kampaní jako utm_source nebo fbclid se přeskakují, takže návštěvník z reklamy vidí stejná počitadla jako ostatní.

Identifikátor si můžete určit i sami:

<div data-emojisup id="my-article-42"></div>

Když se identifikátor změní, widget začne od začátku a počitadla se vynulují.

Nastavení

Každé nastavení je atribut téhož prvku a každé se dá vynechat.

data-emojisup-set — zobrazí jen reakce, které vyjmenujete, oddělené čárkami:

<div data-emojisup data-emojisup-set="👍,❤️,🔥,🤣"></div>

data-emojisup-theme — volí barvy: light ve výchozím stavu, dark na tmavé pozadí, auto se řídí nastavením systému návštěvníka.

data-emojisup-size — určuje velikost: s, m ve výchozím stavu nebo l.

data-emojisup-align — zarovná řadu: left, center nebo right. Bez tohoto atributu se reakce rozprostřou po celé šířce bloku.

<div data-emojisup data-emojisup-theme="dark" data-emojisup-size="l" data-emojisup-align="center"></div>

A tady je tentýž widget v tmavém motivu, se čtyřmi reakcemi a na střed:

Obsah načtený až po stránce

Pokud je widget v obsahu, který přijde později, zavolejte po jeho vložení:

<script>
    emojiSup.update();
</script>

Metoda projde stránku znovu a spustí nové widgety. Aby widget přestal obnovovat počitadla, zavolejte emojiSup.destroy().

Co widget ukládá

Widget nastaví jedinou cookie, ev_user_id, s platností jeden rok. Je v ní náhodný identifikátor a nic víc: díky němu si widget pamatuje, kterou reakci tento návštěvník zvolil, takže volba přežije i obnovení stránky. S každým požadavkem widget posílá adresu stránky, na níž pruh stojí, protože právě tak jsou počitadla oddělena po stránkách. Žádná jména, žádné e-maily, žádná data z formulářů.

Počitadla se obnovují, dokud je panel otevřený a vidět. Na pozadí se widget serveru ptát přestane a po několika minutách bez kliknutí sám zpomalí.

Otázky

Je to opravdu zdarma? Ano, a žádný účet zakládat nemusíte.

Kolik widgetů se vejde na stránku? Kolik potřebujete. Každému dejte vlastní id.

Může návštěvník reakci změnit? Ano. Na widget se počítá jedna reakce od návštěvníka: kliknutí na jinou přesune hlas, další kliknutí na tutéž ho stáhne.

Přežijí počitadla předělání webu? Ano, dokud zůstane stejná adresa stránky nebo ručně zadané id.

Je potřeba jQuery? Není. Skript nemá žádné závislosti a váží zhruba 45 KB.