Suuna Heart Reaction

Descrizione

Heart Reaction adds a floating reaction button to the bottom corner of your site. When visitors click it, icons rain down across the whole screen or burst out of the button — and rapid clicking is encouraged!

  • 5 icons — heart, thumbs up, star, sparkles, and smiley, each with a matching color set
  • 2 animations — icons fall from the top of the screen, or burst from the button
  • Fallen icons can pile up at the bottom of the screen or fade away slowly
  • Caption bubble — show a short message like “Cheer us on!” next to the button
  • Thank-you bubbles — visitors who click a lot occasionally get a thank-you message (up to 3 custom messages)
  • Site-wide reaction counter — see the total in your dashboard widget and settings page
  • Click-friendly by design — clicks are batched in the browser and sent in a single request, so even the most enthusiastic fans won’t stress your server
  • Works with caching plugins. No sign-up or external services. Colors and sizes are customizable with CSS variables.

Show it on your entire site, or only on pages containing the [heart_reaction] shortcode.

Pro version

Heart Reaction Pro adds a daily reaction chart, per-post ranking, CSV export, milestone celebrations with confetti and fanfare, 10 icons plus custom image upload, a color picker, sound effects, a “Today: N” counter in the admin toolbar, and rate limiting against bots.

日本語

Heart Reaction は、サイトの隅に「にぎやかな応援ボタン」を追加するプラグインです。訪問者がボタンをクリックすると、ハートなどのアイコンが画面いっぱいに降りそそぎます。連打も大歓迎の設計です。

  • アイコン5種類(ハート・いいね・星・キラキラ・にこにこ)
  • アニメーション2種類(上から降ってくる/ボタンから広がる)
  • 降ったアイコンは「画面下部に溜まる」「ゆっくり消える」を選択可能
  • 「応援!」などのそえ文字、連打してくれた人へのお礼の吹き出し(3つまで)
  • リアクション数はサイト全体で累計され、ダッシュボードで確認できます
  • 日本語サイトでは管理画面も自動的に日本語で表示されます

有料の Pro版 では、日別グラフ・記事別ランキング・キリ番のお祝い演出・カスタムアイコンなどが使えます。

Screenshot

Installazione

  1. Install and activate the plugin from the Plugins screen.
  2. Go to Settings > Heart Reaction and adjust the appearance. With the default settings, a heart button appears at the bottom right of your entire site immediately.
  3. To show the button only on specific pages, choose “Only on pages with the shortcode” and insert [heart_reaction] into those posts or pages.

FAQ

Will rapid clicking overload my server?

No. Clicks are counted in the browser and sent in a single batch after the clicking stops. Unsent clicks are also flushed automatically just before the visitor leaves the page.

Can I change the colors or size?

Yes. The design is managed with CSS variables. For example, add this to your theme’s Additional CSS:

:root {
  --hr-primary: #1d9bf0;
  --hr-button-size: 60px;
  --hr-offset-x: 16px;
}

Does it work with caching plugins?

Yes. The counting endpoint is designed to be unaffected by page caches.

日本語に対応していますか?

はい。サイトの言語が日本語の場合、管理画面は自動的に日本語で表示されます。

Recensioni

Non ci sono recensioni per questo plugin.

Contributi e sviluppo

“Suuna Heart Reaction” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

Changelog

1.2.0

  • English UI with bundled Japanese translation (the admin screen now follows your site language) / 英語表示に対応(日本語サイトでは従来どおり日本語で表示されます)

1.1.1

  • Fixed the screen zooming in when rapid-tapping the button on mobile / スマホでボタンを連打すると画面が拡大されてしまう問題を修正

1.1.0

  • Added a Pro introduction to the settings screen / 設定画面にPro版の案内を追加
  • Removed the total from the REST API response / REST APIの応答から累計値を除去(セキュリティ改善)

1.0.0

  • First release / 初回リリース