EmojiSup Widget

Vill du ha en sådan emojirad på din egen webbplats?

Den kostnadsfria reaktionswidgeten sitter på plats på en minut. Ingen registrering, inget konto, inget att ställa in hos oss.

Installation

Lägg till i HEAD-delen av din webbplats:

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

Lägg till i BODY-delen, där raden ska visas:

<div data-emojisup></div>

Därmed är installationen klar. När skriptet laddats kopplar det in sin stilmall, går igenom sidan efter element med attributet data-emojisup och ritar en reaktionsrad i vart och ett av dem.

Widgetarnas identifierare

Identifieraren byggs av sidans adress, så en och samma sida rymmer flera widgetar och varje sida har sina egna räknare. Kampanjparametrar som utm_source eller fbclid hoppas över, så en besökare som kommer från en annons ser samma räknare som alla andra.

Du kan också sätta identifieraren själv:

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

Ändras identifieraren börjar widgeten om och räknarna nollställs.

Inställningar

Varje inställning är ett attribut på samma element och kan utelämnas.

data-emojisup-set — visar bara de reaktioner du räknar upp, åtskilda med kommatecken:

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

data-emojisup-theme — väljer färger: light som standard, dark för mörk bakgrund, auto följer besökarens systeminställning.

data-emojisup-size — anger storleken: s, m som standard eller l.

data-emojisup-align — ställer raden: left, center eller right. Utan attributet sprids reaktionerna över blockets hela bredd.

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

Och här är samma widget med mörkt tema, fyra reaktioner och centrerad:

Innehåll som laddas efter sidan

Ligger widgeten i innehåll som kommer senare, anropa detta när innehållet är på plats:

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

Metoden går igenom sidan på nytt och startar nya widgetar. Vill du att en widget slutar uppdatera sina räknare, anropa emojiSup.destroy().

Vad widgeten sparar

Widgeten sätter en enda kaka, ev_user_id, som gäller ett år. Den innehåller en slumpmässig identifierare och inget annat: det är den som låter widgeten minnas vilken reaktion besökaren valde, så att valet överlever en omladdning. Vid varje anrop skickar widgeten adressen till sidan där raden sitter, för det är så räknarna hålls isär per sida. Inga namn, inga e-postadresser, inga formulärdata.

Räknarna uppdateras så länge fliken är öppen och synlig. I en flik i bakgrunden slutar widgeten fråga servern, och efter ett par minuter utan klick saktar den ner av sig själv.

Frågor

Är det verkligen gratis? Ja, och det finns inget konto att skapa.

Hur många widgetar ryms på en sida? Så många du behöver. Ge var och en ett eget id.

Kan en besökare byta reaktion? Ja. En reaktion per besökare och widget: klickar man på en annan flyttas rösten, klickar man på samma igen tas den tillbaka.

Överlever räknarna en omgörning? Ja, så länge sidans adress eller det id du satt själv är oförändrat.

Behövs jQuery? Nej. Skriptet har inga beroenden och väger runt 45 KB.