EmojiSup Widget

あなたのサイトにこのようなクールな絵文字バーを設置したいですか?

無料の絵文字リアクション ウィジェットをウェブサイトにインストールしてください。

サイトの HEAD セクションに次を追加します。

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

サイトの BODY セクションに次の内容を追加します。

 <div data-emojisup></div>

上記のコードをコピーして、ツールを表示するページ上の場所に貼り付けます。

ロード後、スクリプトはスタイルシートに接続し、リアクション ウィジェットを配置する[data-emojisup]属性を持つすべてのブロックをバイパスします。各ウィジェットには一意の識別子が割り当てられるため、1 つのページに複数のウィジェットを表示できます。

また、次のように自分で識別子を指定することもできます。

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

この場合、ウィジェットがそれを使用します。
重要: ID が変更されると、新しいウィジェットが開始され、すべての反応カウンターがリセットされます。

ページがウィジェットを配置するコンテンツの動的読み込みを実装している場合は、そのようなコンテンツを読み込んだ後、次のメソッドを使用する必要があります。

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

このメソッドは、ページ上のウィジェットのリストを更新し、新しいウィジェットを処理します。