Thomas Pesendorfer

<p>Social Pulse … is a WP plugin showing follower counts from YouTube, Facebook, X, and Steam. It uses Leader/Follower modes to reduce API requests.</p>
<h3>General Idea</h3>
<p>Social Pulse retrieves follower numbers from multiple platforms and displays them via WordPress shortcodes. In Leader mode, the plugin directly makes API requests to obtain the latest values, which are then cached and exposed at a dedicated URL. In Follower mode, the plugin skips direct API calls and instead retrieves the pre-fetched data from the Leader instance.<br />
* <a href="assets/screenshot-leader-mode.png" rel="nofollow ugc">Screenshot Leader-Mode</a><br />
* <a href="assets/screenshot-follower-mode.png" rel="nofollow ugc">Screenshot Follower-Mode</a></p>
<h3>Try it out!</h3>
<ul>
<li>Download the <a href="https://github.com/schbrongx/social-pulse/releases/download/v1.1.3/social-pulse-v1.1.3.zip" rel="nofollow ugc">ZIP</a></li>
<li>Navigate to the <a href="https://playground.wordpress.net/" rel="nofollow ugc">WordPress Playground</a></li>
<li>Go to the “Plugins” page</li>
<li>Click “Add New Plugin”</li>
<li>Click “Upload Plugin”</li>
<li>Select the ZIP and click “Install Now”</li>
<li>Click “Activate Plugin”<br />
The plugin should now be visible at the bottom of the WordPress menu.</li>
</ul>
<h3>Leader and Follower Mode</h3>
<ul>
<li>
<p>Leader Mode:<br />
In this mode, Social Pulse performs the actual API calls to get the latest follower counts and caches these values. The current values are also exposed at a special URL (e.g. /social-counters/values), which can be used by Follower instances.</p>
</li>
<li>
<p>Follower Mode:<br />
Follower mode is designed to minimize API calls on installations that do not need to fetch data directly. Instead of making API requests, the plugin retrieves the cached values from the Leader URL. This is particularly useful when dealing with strict API rate limits.</p>
</li>
</ul>
<h3>How to Use Social Pulse in Leader Mode</h3>
<ol>
<li>Activate Leader Mode:<br />
In the plugin settings, select Leader as the mode.</li>
<li>Configure API Credentials:<br />
Enter your API keys, tokens, and IDs for YouTube, Facebook, X, and Steam in the respective fields.</li>
<li>Save Changes:<br />
Make sure to save your settings.</li>
<li>Retrieve Values:<br />
The plugin will automatically fetch and cache the current follower counts. The exposed values URL (displayed on the settings page) can be used by Follower installations.</li>
</ol>
<h3>How to Use Social Pulse in Follower Mode</h3>
<ol>
<li>Activate Follower Mode:<br />
In the plugin settings, select Follower as the mode.</li>
<li>Enter Leader URL:<br />
Provide the URL from a Leader installation (the URL where the leader exposes its cached values).</li>
<li>Save Changes:<br />
Save your settings to store the Leader URL.</li>
<li>Automatic Data Fetch:<br />
The plugin will now retrieve the follower values from the Leader URL every 5 minutes or whenever manually tested. Direct API requests are disabled in this mode.</li>
</ol>
<h3>Where to Find the Necessary Information</h3>
<p>For each platform, you will need to obtain API keys, tokens, or IDs. Here are some helpful links to get you started:</p>
<ul>
<li>
<p>YouTube:<br />
<a href="https://developers.google.com/youtube/v3/getting-started" rel="nofollow ugc">YouTube Data API v3 – Getting Started</a><br />
(Find your API key and channel ID here.)</p>
</li>
<li>
<p>Facebook:<br />
Facebook for Developers, <a href="https://developers.facebook.com/docs/facebook-login/guides/access-tokens/get-long-lived/#long-via-code" rel="nofollow ugc">Long Lasting Tokens for Clients</a><br />
(Learn how to create an app, get an access token, and locate your Page ID.)</p>
</li>
<li>
<p>X (formerly Twitter):<br />
X Developer Platform, <a href="https://docs.x.com/resources/fundamentals/authentication/oauth-2-0/bearer-tokens" rel="nofollow ugc">Generating and Using an App-Only Bearer-Token</a><br />
(Obtain a Bearer Token and set up your developer credentials.)</p>
</li>
<li>
<p>Steam:<br />
<a href="https://steamcommunity.com/dev" rel="nofollow ugc">Steam Web API Documentation</a><br />
(Find information on obtaining your Steam App ID and using the API.)</p>
</li>
</ul>
<h3>External services</h3>
<p>WordPress guidelines require that the use of external services is clearly statet. Although this is the sole purpose of this plugin I hereby state the following external service usage:<br />
* Youtube API (https://www.googleapis.com/youtube/v3/channels)<br />
The Youtube API is used to receive the youtube followers of the account the “Youtube API Key” belongs to.<br />
* Steam API (https://api.steampowered.com/ISteamUserStats/GetNumberOfCurrentPlayers/v1/)<br />
The Steam API is used to receive the current players of the Steam app with the “Steam App ID” you enter.<br />
* Facebook API (https://graph.facebook.com/v22.0/)<br />
The Facebook API is used to gather fan or follower count of the facbook page with the “Facebook Page ID” you enter.<br />
* X API (https://api.twitter.com/2/users/by/username/)<br />
The X API is used to gather the follower count of the account with the “X Username” you enter.</p>


Social Pulse

Social Pulse ... is a WP plugin showing follower counts from YouTube, Facebook, X, and Steam. It uses Leader/Follower modes to reduce API requests.

Freemius

Abu Hayat

bPlugins

Charles Cormier

asadsuzan

<p>Counters Block lets you display statistics, milestones, and achievements using smooth animated number counters in the Gutenberg editor.</p>
<p>Perfect for showcasing business stats, KPIs, goals, achievements, subscribers, followers, sales numbers, or any key metric that deserves attention.</p>
<p>With multiple modern counter layouts, powerful animation controls, and full responsive settings, you can create engaging counter sections without writing any code.</p>
<p>Whether you’re building a landing page, portfolio, dashboard, or stats section, Counters Block gives you complete control over layout, animation, typography, and styling — all inside the block editor.</p>
<p><strong><a href="https://bblockswp.com/demo/counters-block-all/" rel="nofollow ugc">Demos</a></strong></p>
<h3>💡 Use cases:</h3>
<ul>
<li>Company statistics & achievements  </li>
<li>Sales, growth & performance metrics  </li>
<li>Portfolio highlights  </li>
<li>Milestones, goals & KPIs  </li>
<li>Social proof counters</li>
</ul>
<h3>Features</h3>
<h4>Themes & Layouts</h4>
<ul>
<li>16 ready-made counter themes (13 premium + 3 free)</li>
<li><strong>NEW:</strong> Circular Progress Counter </li>
<li>Multiple modern layouts with one-click theme switching</li>
<li>Fully responsive grid-based layout</li>
<li>Responsive column control (desktop, tablet, mobile)</li>
<li>Custom column and row gap control</li>
</ul>
<h4>Counter Items</h4>
<ul>
<li>Add unlimited animated counters</li>
<li>Per-counter background customization</li>
<li>Per-counter border control (theme-based)</li>
<li>Per-counter shadow and hover shadow (premium themes)</li>
<li>Per-counter width and height control</li>
</ul>
<h4>Number Animation Types</h4>
<ul>
<li>Classic number animation</li>
<li>Rolling number animation</li>
<li>Bounce animation</li>
<li>Fade animation</li>
<li>Slide animations (Up, Down, Left, Right)</li>
<li>Pulse animation</li>
<li>Flip animation</li>
<li>Typewriter animation</li>
</ul>
<h4>Animation Triggers</h4>
<ul>
<li>Trigger animation when visible (default)</li>
<li>Trigger animation on page load</li>
<li>Trigger animation on click</li>
<li>Trigger animation on hover</li>
<li>Custom trigger using CSS selector (ID or class)</li>
</ul>
<h4>Animation Controls</h4>
<ul>
<li>Global animation duration control</li>
<li>Global animation delay control</li>
<li>Per-counter stagger delay</li>
<li>Repeat animation on scroll</li>
<li>Reverse count support</li>
<li>Rolling stagger modes (per counter, per digit)</li>
</ul>
<h4>Easing Options</h4>
<ul>
<li>Linear easing</li>
<li>Ease-in easing</li>
<li>Ease-out easing</li>
<li>Ease-in-out easing</li>
</ul>
<h4>Number Formatting</h4>
<ul>
<li>Start and end number control per counter</li>
<li>Prefix support before number</li>
<li>Suffix support after number</li>
<li>Thousands separator support (Coma & Space)</li>
<li>Decimal number support (global)</li>
<li>Smooth animated decimal transitions</li>
</ul>
<h4>New Circular Progress Counter (Theme 15)</h4>
<ul>
<li>SVG-based animated circular progress counter</li>
<li>Ideal for percentages, milestones, and KPIs</li>
<li>Adjustable circle size (radius control)</li>
<li>Customizable progress ring thickness</li>
<li>Progress color, track (stroke) color & inner fill color controls</li>
<li>Fully responsive and theme-aware</li>
</ul>
<h4>Icon Features</h4>
<ul>
<li>Custom icon  support. ( Font Awesome, Bootstrap, Lucide)</li>
<li>Icon position control (top or inline with label)</li>
<li>Icon size & color controls</li>
<li>Icon background control (premium themes)</li>
<li>Icon background & container styling (premium)</li>
<li>Icon bounce animation on counter completion (premium)</li>
</ul>
<h4>Typography & Content</h4>
<ul>
<li>Responsive typography for numbers</li>
<li>Primary label & optional sub-label support</li>
<li>Responsive label & sub-label typography</li>
<li>Label & sub label’s visibility & color controls</li>
</ul>
<h4>Container Styling</h4>
<ul>
<li>Global counters background & padding controls</li>
<li>Text alignment control</li>
<li>Optimized Gutenberg editor experience</li>
</ul>
<h3>How to Use</h3>
<ol>
<li>Install and activate the <strong>Counters Block</strong> plugin.</li>
<li>Open the Gutenberg editor in your WordPress dashboard.</li>
<li>Add the <strong>Counters Block</strong> from the block inserter.</li>
<li>Customize counters, animations, icons, and layouts using the right-side settings panel.</li>
<li>Publish your page and enjoy smooth, animated counters  🎉</li>
</ol>
<p><strong><em>Need help installing? Check the Installation tab for step-by-step guidance.</em></strong></p>
<h3>Free vs Premium</h3>
<p>Includes everything needed to build professional animated counters</p>
<h4>Free Version</h4>
<ul>
<li>Unlimited counters</li>
<li>3 free counter themes</li>
<li>Fully responsive grid layout</li>
<li>Responsive column controls (desktop, tablet, mobile)</li>
<li>Number formatting & classic animations</li>
<li>Icon support & typography controls</li>
</ul>
<h4>Premium Version</h4>
<p>Unlock advanced animations, premium themes, and enhanced styling</p>
<ul>
<li>12 premium counter themes</li>
<li>Advanced number animations (Rolling, Bounce, Flip, Typewriter, etc.)
<ul>
<li>Advanced counter designs including Circular Progress Counter (Theme 15)</li>
</ul>
</li>
<li>Advanced animation triggers & easing options</li>
<li>Per-counter shadows, borders & hover effects</li>
<li>Icon backgrounds & container styling</li>
<li>Priority updates & premium support</li>
</ul>
<h3>Feedback & Support</h3>
<p>Did you find a bug or have a feature request?<br />
📧 <a href="mailto:support@bplugins.com" rel="nofollow ugc">Send feedback</a></p>
<p>Support forum:<br />
https://wordpress.org/support/plugin/counters-block/</p>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


Counters Block – Animated Number Counters for Stats and Goals

A great way to display numbers in a fun and interesting way.

Social Pulse vs Counters Block – Animated Number Counters for Stats and Goals