EmojiSup 위젯

귀하의 사이트에 이와 같은 멋진 이모티콘 바를 원하십니까?

웹사이트에 무료 이모티콘 반응 위젯을 설치하세요!

사이트의 HEAD 섹션에 다음을 추가합니다.

<script src="//api.emojisup.org/widget.js?3"></script>

사이트의 BODY 섹션에 다음을 추가합니다.

<div data-emojisup></div>

도구를 표시할 페이지의 위치에 위의 코드를 복사하여 붙여넣습니다.

---

로드 후 스크립트는 스타일시트를 연결하고 반응 위젯을 배치할 [data-emojisup] 속성이 있는 모든 블록을 우회합니다. 각 위젯에는 고유 식별자가 할당되므로 여러 위젯이 한 페이지에 나타날 수 있습니다.

또한 다음과 같이 식별자를 직접 지정할 수 있습니다.

<div data-emojisup="" id="random-id-1"></div>

이 경우 위젯이 이를 사용합니다.

중요: ID가 변경되면 새 위젯이 시작되고 모든 반응 카운터가 재설정됩니다.

페이지에서 위젯을 배치하려는 콘텐츠의 동적 로드를 구현하는 경우 이러한 콘텐츠를 로드한 후 다음 방법을 사용해야 합니다.

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

이 메서드는 페이지의 위젯 목록을 업데이트하고 새 위젯을 처리합니다.