{"id":340787,"date":"2026-07-18T02:20:17","date_gmt":"2026-07-18T02:20:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/heart-reaction\/"},"modified":"2026-07-18T02:20:04","modified_gmt":"2026-07-18T02:20:04","slug":"suuna-heart-reaction","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/suuna-heart-reaction\/","author":14199279,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2.0","stable_tag":"1.2.0","tested":"7.0.2","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Suuna Heart Reaction","header_author":"Recolon","header_description":"A floating reaction button that showers the screen with hearts when visitors click it. A fun way to let readers cheer for your site.","assets_banners_color":"b1aeab","last_updated":"2026-07-18 02:20:04","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/suuna.jp\/heart\/","header_author_uri":"https:\/\/suuna.jp\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":32,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.2.0":{"tag":"1.2.0","author":"Re32st","date":"2026-07-18 02:20:04"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3612141,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3612141,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3612141,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3612141,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3612141,"resolution":"1","location":"assets","locale":"","width":964,"height":768},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3612141,"resolution":"2","location":"assets","locale":"","width":312,"height":278},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3612141,"resolution":"3","location":"assets","locale":"","width":649,"height":342}},"screenshots":{"1":"The floating heart button showering the whole screen with hearts","2":"The burst animation with the caption bubble","3":"Other icon styles raining down (paw prints shown here are from the Pro version; the free version includes 5 icons)"}},"plugin_section":[262246],"plugin_tags":[785,307,35469,815,25046],"plugin_category":[50],"plugin_contributors":[269602],"plugin_business_model":[],"class_list":["post-340787","plugin","type-plugin","status-publish","hentry","plugin_section-dashboard-widgets","plugin_tags-animation","plugin_tags-engagement","plugin_tags-heart","plugin_tags-like-button","plugin_tags-reaction","plugin_category-media","plugin_contributors-re32st","plugin_committers-re32st"],"banners":{"banner":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/banner-772x250.png?rev=3612141","banner_2x":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/banner-1544x500.png?rev=3612141","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/icon-128x128.png?rev=3612141","icon_2x":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/icon-256x256.png?rev=3612141","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/screenshot-1.png?rev=3612141","caption":"The floating heart button showering the whole screen with hearts"},{"src":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/screenshot-2.png?rev=3612141","caption":"The burst animation with the caption bubble"},{"src":"https:\/\/ps.w.org\/suuna-heart-reaction\/assets\/screenshot-3.png?rev=3612141","caption":"Other icon styles raining down (paw prints shown here are from the Pro version; the free version includes 5 icons)"}],"raw_content":"<!--section=description-->\n<p>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 \u2014 and rapid clicking is encouraged!<\/p>\n\n<ul>\n<li><strong>5 icons<\/strong> \u2014 heart, thumbs up, star, sparkles, and smiley, each with a matching color set<\/li>\n<li><strong>2 animations<\/strong> \u2014 icons fall from the top of the screen, or burst from the button<\/li>\n<li><strong>Fallen icons<\/strong> can pile up at the bottom of the screen or fade away slowly<\/li>\n<li><strong>Caption bubble<\/strong> \u2014 show a short message like \"Cheer us on!\" next to the button<\/li>\n<li><strong>Thank-you bubbles<\/strong> \u2014 visitors who click a lot occasionally get a thank-you message (up to 3 custom messages)<\/li>\n<li><strong>Site-wide reaction counter<\/strong> \u2014 see the total in your dashboard widget and settings page<\/li>\n<li><strong>Click-friendly by design<\/strong> \u2014 clicks are batched in the browser and sent in a single request, so even the most enthusiastic fans won't stress your server<\/li>\n<li>Works with caching plugins. No sign-up or external services. Colors and sizes are customizable with CSS variables.<\/li>\n<\/ul>\n\n<p>Show it on your entire site, or only on pages containing the <code>[heart_reaction]<\/code> shortcode.<\/p>\n\n<h4>Pro version<\/h4>\n\n<p><a href=\"https:\/\/suuna.jp\/heart\/\">Heart Reaction Pro<\/a> 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.<\/p>\n\n<h4>\u65e5\u672c\u8a9e<\/h4>\n\n<p>Heart Reaction \u306f\u3001\u30b5\u30a4\u30c8\u306e\u9685\u306b\u300c\u306b\u304e\u3084\u304b\u306a\u5fdc\u63f4\u30dc\u30bf\u30f3\u300d\u3092\u8ffd\u52a0\u3059\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3059\u3002\u8a2a\u554f\u8005\u304c\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30cf\u30fc\u30c8\u306a\u3069\u306e\u30a2\u30a4\u30b3\u30f3\u304c\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u964d\u308a\u305d\u305d\u304e\u307e\u3059\u3002\u9023\u6253\u3082\u5927\u6b53\u8fce\u306e\u8a2d\u8a08\u3067\u3059\u3002<\/p>\n\n<ul>\n<li>\u30a2\u30a4\u30b3\u30f35\u7a2e\u985e\uff08\u30cf\u30fc\u30c8\u30fb\u3044\u3044\u306d\u30fb\u661f\u30fb\u30ad\u30e9\u30ad\u30e9\u30fb\u306b\u3053\u306b\u3053\uff09<\/li>\n<li>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f32\u7a2e\u985e\uff08\u4e0a\u304b\u3089\u964d\u3063\u3066\u304f\u308b\uff0f\u30dc\u30bf\u30f3\u304b\u3089\u5e83\u304c\u308b\uff09<\/li>\n<li>\u964d\u3063\u305f\u30a2\u30a4\u30b3\u30f3\u306f\u300c\u753b\u9762\u4e0b\u90e8\u306b\u6e9c\u307e\u308b\u300d\u300c\u3086\u3063\u304f\u308a\u6d88\u3048\u308b\u300d\u3092\u9078\u629e\u53ef\u80fd<\/li>\n<li>\u300c\u5fdc\u63f4\uff01\u300d\u306a\u3069\u306e\u305d\u3048\u6587\u5b57\u3001\u9023\u6253\u3057\u3066\u304f\u308c\u305f\u4eba\u3078\u306e\u304a\u793c\u306e\u5439\u304d\u51fa\u3057\uff083\u3064\u307e\u3067\uff09<\/li>\n<li>\u30ea\u30a2\u30af\u30b7\u30e7\u30f3\u6570\u306f\u30b5\u30a4\u30c8\u5168\u4f53\u3067\u7d2f\u8a08\u3055\u308c\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059<\/li>\n<li>\u65e5\u672c\u8a9e\u30b5\u30a4\u30c8\u3067\u306f\u7ba1\u7406\u753b\u9762\u3082\u81ea\u52d5\u7684\u306b\u65e5\u672c\u8a9e\u3067\u8868\u793a\u3055\u308c\u307e\u3059<\/li>\n<\/ul>\n\n<p>\u6709\u6599\u306e <a href=\"https:\/\/suuna.jp\/heart\/\">Pro\u7248<\/a> \u3067\u306f\u3001\u65e5\u5225\u30b0\u30e9\u30d5\u30fb\u8a18\u4e8b\u5225\u30e9\u30f3\u30ad\u30f3\u30b0\u30fb\u30ad\u30ea\u756a\u306e\u304a\u795d\u3044\u6f14\u51fa\u30fb\u30ab\u30b9\u30bf\u30e0\u30a2\u30a4\u30b3\u30f3\u306a\u3069\u304c\u4f7f\u3048\u307e\u3059\u3002<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate the plugin from the Plugins screen.<\/li>\n<li>Go to Settings &gt; Heart Reaction and adjust the appearance. With the default settings, a heart button appears at the bottom right of your entire site immediately.<\/li>\n<li>To show the button only on specific pages, choose \"Only on pages with the shortcode\" and insert <code>[heart_reaction]<\/code> into those posts or pages.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"will%20rapid%20clicking%20overload%20my%20server%3F\"><h3>Will rapid clicking overload my server?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20colors%20or%20size%3F\"><h3>Can I change the colors or size?<\/h3><\/dt>\n<dd><p>Yes. The design is managed with CSS variables. For example, add this to your theme's Additional CSS:<\/p>\n\n<pre><code>:root {\n  --hr-primary: #1d9bf0;\n  --hr-button-size: 60px;\n  --hr-offset-x: 16px;\n}\n<\/code><\/pre><\/dd>\n<dt id=\"does%20it%20work%20with%20caching%20plugins%3F\"><h3>Does it work with caching plugins?<\/h3><\/dt>\n<dd><p>Yes. The counting endpoint is designed to be unaffected by page caches.<\/p><\/dd>\n<dt id=\"%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%81%8B%EF%BC%9F\"><h3>\u65e5\u672c\u8a9e\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/h3><\/dt>\n<dd><p>\u306f\u3044\u3002\u30b5\u30a4\u30c8\u306e\u8a00\u8a9e\u304c\u65e5\u672c\u8a9e\u306e\u5834\u5408\u3001\u7ba1\u7406\u753b\u9762\u306f\u81ea\u52d5\u7684\u306b\u65e5\u672c\u8a9e\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>English UI with bundled Japanese translation (the admin screen now follows your site language) \/ \u82f1\u8a9e\u8868\u793a\u306b\u5bfe\u5fdc\uff08\u65e5\u672c\u8a9e\u30b5\u30a4\u30c8\u3067\u306f\u5f93\u6765\u3069\u304a\u308a\u65e5\u672c\u8a9e\u3067\u8868\u793a\u3055\u308c\u307e\u3059\uff09<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixed the screen zooming in when rapid-tapping the button on mobile \/ \u30b9\u30de\u30db\u3067\u30dc\u30bf\u30f3\u3092\u9023\u6253\u3059\u308b\u3068\u753b\u9762\u304c\u62e1\u5927\u3055\u308c\u3066\u3057\u307e\u3046\u554f\u984c\u3092\u4fee\u6b63<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Added a Pro introduction to the settings screen \/ \u8a2d\u5b9a\u753b\u9762\u306bPro\u7248\u306e\u6848\u5185\u3092\u8ffd\u52a0<\/li>\n<li>Removed the total from the REST API response \/ REST API\u306e\u5fdc\u7b54\u304b\u3089\u7d2f\u8a08\u5024\u3092\u9664\u53bb\uff08\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6539\u5584\uff09<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>First release \/ \u521d\u56de\u30ea\u30ea\u30fc\u30b9<\/li>\n<\/ul>","raw_excerpt":"A floating reaction button that showers the screen with hearts when visitors click it. A fun way to let readers cheer for your site.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/340787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=340787"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/re32st"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=340787"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=340787"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=340787"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=340787"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=340787"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=340787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}