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.

Roel Magdaleno

<p>Display multiple animated counters into your WordPress site.</p>
<h3>Gutenberg</h3>
<p>The plugin is compatible with Gutenberg, so you can add the custom block called <em><strong>CountUp</strong></em> to your posts and pages. <a href="https://github.com/roelmagdaleno/wp-countup-js/wiki/Gutenberg-Block" rel="nofollow ugc">Check the wiki for more details</a>.</p>
<h3>Shortcode</h3>
<p>It’s very easy to use this plugin, you can use the shortcode after install it, but there are two ways to use the plugin:</p>
<p>The first way is:</p>
<pre><code>[countup start="your-value" end="your-value" decimals="your-value" duration="your-value"]
</code></pre>
<p>The second way. To use this format you need to check the <strong><em>Use the end number inside the shortcode?</em></strong> setting in the plugin option page:</p>
<pre><code>[countup start="the-start-number" decimals="your-value" duration="your-value"]the-end-number[/countup]
</code></pre>
<h3>Example</h3>
<p>You can use the shortcode in two ways, as mentioned before. If you are using the first way:</p>
<pre><code>[countup start="0" end="55" decimals="2" duration="5" prefix="my_prefix" scroll="false"]
</code></pre>
<p>If you are using the second way (remember to check the <strong><em>Use the end number inside the shortcode?</em></strong>):</p>
<pre><code>[countup start="0" decimals="2" duration="5"]55[/countup]
</code></pre>
<p>Copy and paste any example in one of your posts and test.</p>
<h3>Available Attributes</h3>
<p>The shortcode and Gutenberg block accepts the next arguments:</p>
<ul>
<li>decimals – Puts the desired decimals into your counter.</li>
<li>delay – Set a delay in milliseconds to start the counter.</li>
<li>duration – The counter duration represented by a number (seconds).</li>
<li>easing – Easing the counter.</li>
<li>end – A number to end (arrive) the counter.</li>
<li>grouping – Groups the content into sections (eg. 1,000 vs 1000).</li>
<li>prefix – A text as counter prefix.</li>
<li>reset – Reset the counter after view.</li>
<li>scroll – If true, start the counter when the user visualize it.</li>
<li>separator – You can use a separator (default is comma).</li>
<li>start – A number to start the counter.</li>
<li>suffix – A text as counter suffix.</li>
</ul>
<h3>Settings</h3>
<p>You know how to use the plugin now, but you can still edit some options inside of the plugin settings page (Go to <em><strong>Settings->CountUP.js</strong></em>).</p>
<p>Inside of the settings page, you can find the next settings:</p>
<ul>
<li>Easing: Easing the counter.</li>
<li>Grouping: Groups the content into sections (eg. 1,000 vs 1000).</li>
<li>Separator: You can use a separator (default is comma).</li>
<li>Decimal: Symbol to use for decimal spot (default is dot).</li>
<li>Prefix: Character(s) at beginning of string.</li>
<li>Suffix: Character(s) at the end of string.</li>
</ul>


WP CountUP JS

Display multiple animated counters into your WordPress site.

Social Pulse vs WP CountUP JS