EmojiSup Widget

Kendi sitenizde de böyle bir emoji şeridi ister misiniz?

Ücretsiz tepki widget'ı bir dakikada kurulur. Kayıt yok, hesap yok, bizim tarafımızda ayarlanacak bir şey yok.

Kurulum

Sitenizin HEAD bölümüne şunu ekleyin:

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

BODY bölümünde, şeridin görünmesini istediğiniz yere şunu ekleyin:

<div data-emojisup></div>

Kurulum bu kadar. Yüklendikten sonra betik kendi stil dosyasını bağlar, sayfayı data-emojisup özniteliği taşıyan öğeler için tarar ve her birinde bir tepki şeridi çizer.

Widget kimlikleri

Her widget'ın kimliği sayfa adresinden üretilir; böylece bir sayfada birden çok widget durabilir ve her sayfa kendi sayaçlarını tutar. utm_source veya fbclid gibi kampanya parametreleri hesaba katılmaz, dolayısıyla reklamdan gelen ziyaretçi herkesle aynı sayaçları görür.

Kimliği kendiniz de verebilirsiniz:

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

Kimlik değişirse widget sıfırdan başlar ve sayaçlar sıfırlanır.

Ayarlar

Her ayar aynı öğenin bir özniteliğidir ve hepsi atlanabilir.

data-emojisup-set — yalnızca saydığınız tepkileri gösterir, virgülle ayrılmış:

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

data-emojisup-theme — renkleri seçer: varsayılan light, koyu zeminler için dark, ziyaretçinin sistem ayarını izlemek için auto.

data-emojisup-size — boyutu belirler: s, varsayılan m veya l.

data-emojisup-align — sırayı hizalar: left, center ya da right. Bu öznitelik olmadan tepkiler bloğun tüm genişliğine yayılır.

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

Ve aynı widget koyu tema, dört tepki ve ortalanmış hâliyle:

Sayfadan sonra yüklenen içerik

Widget sonradan gelen içeriğin içindeyse, içerik yerine oturduğunda şunu çağırın:

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

Yöntem sayfayı yeniden tarar ve yeni widget'ları başlatır. Bir widget'ın sayaçlarını yenilemeyi bırakması için emojiSup.destroy() çağırın.

Widget neyi saklar

Widget bir yıl geçerli tek bir çerez bırakır: ev_user_id. İçinde rastgele bir kimlik vardır, başka bir şey yoktur; widget bu sayede ziyaretçinin hangi tepkiyi seçtiğini hatırlar ve seçim sayfa yenilense de kaybolmaz. Her istekte widget şeridin bulunduğu sayfanın adresini gönderir, sayaçlar sayfa başına böyle ayrılır. Ad yok, e-posta adresi yok, form verisi yok.

Sayaçlar sekme açık ve görünür olduğu sürece yenilenir. Arka plandaki sekmede widget sunucuya sormayı bırakır, birkaç dakika tıklama olmazsa kendiliğinden yavaşlar.

Sorular

Gerçekten ücretsiz mi? Evet, ayrıca oluşturulacak bir hesap da yok.

Bir sayfada kaç widget olabilir? İhtiyacınız kadar. Her birine kendi id'sini verin.

Ziyaretçi tepkisini değiştirebilir mi? Evet. Widget başına ziyaretçiden bir tepki sayılır: başkasına tıklamak oyu taşır, aynısına yeniden tıklamak geri alır.

Sayaçlar site yenilenince kalır mı? Sayfa adresi ya da elle verdiğiniz id aynı kaldığı sürece kalır.

jQuery gerekir mi? Hayır. Betiğin bağımlılığı yoktur, yaklaşık 45 KB'dır.