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.

Maulik Vora

Divyesh kakrecha

<p>The Animated Counter Block is a dynamic and visually engaging block designed for showcasing numerical data with animation. Ideal for highlighting statistics, metrics, or any numerical value, this block allows for smooth transitions and eye-catching animations that draw attention to key figures on your website.</p>
<h3>Video Guide</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/U_Js3xqO-7Y?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>How to Use Gutenberg Counter Block</h3>
<h3>Download & Upload:</h3>
<ol>
<li>Download the <strong>Block Metrics – Animated State Counter</strong> plugin (<em>.zip file</em>)</li>
<li>In your admin area, go to the Plugins menu and click on <strong>Add New</strong></li>
<li>Click on <strong>Upload Plugin</strong> and choose the <strong><code>block-metrics-animated-state-counter.zip</code></strong> file and click on <strong>Install Now</strong></li>
<li>Activate the plugin and Enjoy!</li>
</ol>
<h3>Installation via FTP:</h3>
<ol>
<li>Download and upload the <strong>Gutenberg Counter Block</strong> plugin to the <strong><code>/wp-content/plugins/</code></strong> directory</li>
<li>Activate the plugin through the Plugins menu in WordPress</li>
</ol>
<h3>Features</h3>
<ul>
<li><strong>Icon & Image</strong>: Choose and upload an icon or image from your WordPress media library.</li>
<li><strong>Prefix & Suffix</strong>: Add customizable prefixes and suffixes around the count number for added context or style.</li>
<li><strong>Varied Layouts</strong>: The counter block offers multiple layout options, allowing you to easily switch between different designs and customize them to suit your needs.</li>
<li><strong>Counters Duration</strong>: Specify the duration of the counter to control how quickly or slowly the numbers transition.</li>
<li><strong>Styling Options</strong>: Tailor the appearance of the counter with flexible styling options, including font size, color, and alignment and more.</li>
<li><strong>Animation style</strong>: Choose from a variety of animation styles to make your counter stand out and engage visitors.</li>
<li><strong>Responsive Design</strong>: The counter displays perfectly across all devices and screen sizes.</li>
<li><strong>Easy Integration</strong>: Seamlessly integrates into your Gutenberg editor, allowing for quick and efficient content updates.</li>
</ul>
<h3>Use of 3rd party services</h3>
<p>This plugin uses the following third-party services and libraries:</p>
<ol>
<li>
<p><strong>Google Fonts API</strong></p>
<ul>
<li><strong>Description</strong>: Google Fonts provides web-safe fonts for web projects.</li>
<li><strong>Purpose</strong>: Used to enhance typography styles in the counter block.</li>
<li><strong>Link</strong>: <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts Documentation</a></li>
<li><strong>Licensing</strong>: Google Fonts are open-source and licensed under the SIL Open Font License, 1.1.</li>
</ul>
</li>
<li>
<p><strong>Google Sheets API</strong></p>
<ul>
<li><strong>Description</strong>: This plugin integrates with the Google Sheets API to store form submissions directly into a Google Sheet.</li>
<li><strong>Purpose</strong>: Used to store the plugin deactivation reasons</li>
<li><strong>Link</strong>: <a href="https://developers.google.com/sheets/api" rel="nofollow ugc">Google Sheets API Documentation</a></li>
<li><strong>Privacy Notice</strong>: By using this feature, you may be subject to Google’s <a href="https://policies.google.com/terms" rel="nofollow ugc">Terms of Service</a> and <a href="https://policies.google.com/privacy" rel="nofollow ugc">Privacy Policy</a>.</li>
</ul>
</li>
</ol>
<h3>Requirements</h3>
<ul>
<li>Gutenberg block Editor</li>
<li>WordPress (Ofcourse!)</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:admin@zluck.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>


Block Metrics – Animated State Counter

A easy way to display states counter in a easy and interesting way.

Social Pulse vs Block Metrics – Animated State Counter