Heart Reaction

1Heart Reaction とは

サイトの右下（または左下）に、スクロールに追走するリアクションボタンを表示するプラグインです。訪問者がクリックすると、アイコンが画面いっぱいに降ってきたり、ボタンから広がったりします。連打も大歓迎の設計です。

• アイコン5種類：ハート／いいね／星／キラキラ／にこにこ（Pro版は10種類＋カスタム画像）
• ボタンの横に「応援！」などの吹き出し文字を表示
• 連打してくれた人には、時々「ありがとう！」などのお礼の吹き出し（3つまで設定可）
• リアクション数はサイト全体で累計され、管理画面とダッシュボードで確認
• 会員登録・外部サービス不要。訪問者は何度でも押せます

2このページで体験する

このページには実物と同じボタンが動いています。画面右上の体験パネルは、WordPress管理画面の設定項目をそのまま再現したものです。切り替えるとその場で反映されます。

PROバッジ付きの項目（アイコン6種目以降・カスタム画像・効果音・キリ番演出）はPro版限定の機能ですが、このページでは全部体験できます。特に「カスタム画像🍭」を選ぶと、サンプルのキャンディが画面いっぱいに降ってきます——Pro版なら、あなたのロゴや推しのイラストで同じことができます。「🎉 キリ番のお祝い演出を見る」ボタンもぜひ一度。

連打すると、クリックが止まってから約0.8秒後に「送信済み累計」へまとめて加算されます。プラグイン版も同じ仕組みで、連打してもサーバーへの通信は最小限です。

3インストール

1. WordPress管理画面の「プラグイン > 新規追加」で「Suuna Heart Reaction」を検索します（公式ディレクトリのページからもダウンロードできます）。
2. 「今すぐインストール」→「有効化」をクリックします。
3. 「設定 > ハートリアクション」で表示をお好みに調整します。初期設定のままでも、サイト全体の右下にハートのボタンがすぐ表示されます。
4. 公式ディレクトリ経由なら、新しいバージョンが出たとき管理画面に自動で更新通知が届きます。

4設定項目一覧（無料版）

5ショートコード

「表示する場所」でショートコードを置いたページのみを選んだ場合は、表示したい投稿・固定ページに次のショートコードを挿入してください。

[heart_reaction]

ボタンは画面に固定表示されるため、ページ内のどこに置いても表示結果は同じです。

6リアクション数の確認

• ダッシュボード — 管理画面トップのウィジェットで累計がひと目でわかります。
• 設定 > ハートリアクション — 画面下部に累計と「累計をリセット」ボタン。
• PRO さらにPro版では、日別グラフ・記事別ランキング・「今日：◯件」のツールバー表示・CSVエクスポートが使えます。

7デザインのカスタマイズ

色やサイズはCSS変数で管理されています。テーマの追加CSS（外観 > カスタマイズ > 追加CSS）に以下のように書くだけで上書きできます。

:root {
  --hr-primary: #1d9bf0;      /* ボタン・吹き出しの色 */
  --hr-button-size: 60px;     /* ボタンの直径 */
  --hr-offset-x: 16px;        /* 画面端からの距離（横） */
  --hr-offset-y: 16px;        /* 画面端からの距離（縦） */
  --hr-z: 9990;               /* 重なり順 */
}

PRO Pro版なら、CSSを書かなくても管理画面のカラーピッカーで色を変更できます。

8Heart Reaction Pro

サイトの「応援」を本気で育てたい人のための有料版です。このページの体験パネルでPRO機能をすべて試せます。

いちばんの目玉はカスタム画像。推しのイラスト、ブランドロゴ、商品写真——透過PNGをアップロードするだけで、その画像が画面いっぱいに降りそそぎます。どんな感じになるかは、体験パネルの「カスタム画像🍭」でキャンディのサンプルをどうぞ。

購入からご利用までの流れ

1. 上の「購入する」からカード決済（Stripe:各種カード/ Apple Pay / Google Pay対応）
2. 決済完了ページでZIPのダウンロードとライセンスキーを受け取り（このページは何度でも開けます）
3. WordPressにインストールし、設定画面のライセンス欄にメールアドレスとキーを入力
4. 以後、新バージョンが出ると管理画面に通知が届き、1クリックで更新できます

※ライセンスキー未入力でもPro版の機能はすべて動作します（自動アップデートにのみキーが必要です）。
※無料版からの乗り換え時は、設定と累計カウントが自動で引き継がれます。

9よくある質問

連打されるとサーバーが重くなりませんか？

なりません。クリックはブラウザ内で数えておき、連打が止まってから1回だけまとめて送信します。ページを離れる直前にも未送信分が自動送信されます。

キャッシュプラグインと併用できますか？

できます。カウント送信はキャッシュの影響を受けない設計です。

他のフローティングボタンと重なってしまいます

ボタンの位置（右下／左下）を変えるか、CSS変数 --hr-offset-x / --hr-offset-y / --hr-z で調整してください。

スマホでも動きますか？

動きます。OSの「視差効果を減らす」設定をしている訪問者には、アニメーションを自動で控えめにします。

無料版とPro版は同時に有効化できますか？

両方有効の場合はPro版が優先されます。累計カウントと設定はPro版に自動で引き継がれるので、無料版は無効化してください。

Pro版のライセンスは何サイトまで使えますか？

個人ライセンスはご自身が運営するサイトであれば複数サイトでご利用いただけます。制作者ライセンスは、複数ドメイン・企業サイトを問わず制限なく導入いただけます。

返金はできますか？

デジタル商品の性質上、原則としてお受けしていません。このページの体験パネルで動作をじゅうぶんお試しの上でご購入ください。不具合はお問い合わせいただければ修正します。