您想在 WordPress 中轻松地将社交媒体关注者计数显示为文本吗？
显示社交媒体关注者数量可帮助您向网站添加社交证据、增强您的品牌形象并帮助您发展业务。
在本文中，我们将向您展示如何在 WordPress 中轻松地将社交媒体关注者计数显示为文本。
为什么要显示社交媒体关注者对您网站的依赖？
您可能已经注意到，许多受欢迎的博客、影响者和品牌都自豪地在其网站上展示其社交媒体关注者数量。
关注者计数可帮助您向WordPress 网站添加社交证明。这使您可以通过向以前的客户和关注者展示作为证据来赢得用户的信任并建立品牌形象。
此外，它还可以帮助您在社交媒体资料上吸引更多关注者，同时为用户提供方便的方式来保持联系。
不幸的是，显示社交媒体关注者数量并不像我们希望的那么简单或容易，但它绝对是可能的。
许多社交媒体平台需要 API 密钥来获取此信息，并且每个平台都有不同的执行方式。
幸运的是，有几个 WordPress 插件和解决方案可以让您显示社交媒体关注者数量。
话虽这么说，我们将向您展示在 WordPress 网站上显示社交媒体关注者数量的不同方法。您可以选择最适合您的一种：
- 方法 1：使用插件显示社交媒体关注者数量
- 方法 2：使用 Smash Balloon 显示社交媒体源
- 方法 3：使用代码手动获取并显示关注者计数
- 使用代码显示 Facebook 粉丝数量
- 将 Twitter 关注者计数显示为文本
方法 1：使用插件显示社交媒体关注者数量
此方法更简单，如果您无法获取 API 密钥，则可以跳过这些要求。
然而，它有点不可靠，可能无法实时获取关注者数量。这是因为社交媒体平台非常频繁地更改其 API 密钥方法，这会破坏使用旧方法的应用程序。
好处是该插件提供了一个后备选项，可以以文本形式手动输入社交媒体关注者。
首先，您需要安装并激活Wp Social Login 和 Register Social Counter插件。有关更多详细信息，请参阅我们有关如何安装 WordPress 插件的分步指南。
激活后，您需要从 WordPress 仪表板转到WP Social » Social Counter页面，然后切换到 Providers 选项卡。
从这里，打开您想要显示的每个社交媒体平台，然后单击“设置”按钮进行设置。
这将弹出一个弹出窗口，您可以在其中提供该平台的社交媒体个人资料详细信息。您还可以找到手动输入默认 Facebook 关注者计数的选项。
对您想要显示的所有社交媒体平台重复此过程。
完成后，您可以转到外观 » 小部件页面并将 WSLU Social Counter 小部件添加到侧边栏。
不要忘记保存您的更改并预览您的网站。
想要在帖子或页面中显示社交媒体关注者数量？只需编辑您想要显示关注者数量的帖子或页面，然后在内容编辑器中添加以下短代码即可。
[xs_social_counter]
之后，您可以单击“发布”或“更新”按钮来存储您的设置。
您现在可以访问您的 WordPress 网站来查看实际的社交媒体关注者计数。
方法 2：使用 Smash Balloon 显示社交媒体源
显示社交媒体关注者数量的一个更简单的替代方法是使用 Smash Balloon 显示您的社交动态。
Smash Balloon是WordPress最好的社交媒体插件。它允许您将社交媒体中的内容显示为具有精美布局的提要。
首先，您需要访问Smash Balloon网站。他们为 Instagram、Twitter、Facebook、YouTube 和组合社交墙提要提供不同的社交媒体提要插件。
我们建议您获取 All Access Bundle，它为您提供所有插件。
注册后，您可以登录您的 Smash Balloon 帐户并将插件下载到您的计算机上。
接下来，您可以一一安装 Smash Balloon feed 插件。有关更多详细信息，请参阅我们有关如何安装 WordPress 插件的分步指南。
在本教程中，我们将向您展示如何创建社交墙，帮助您连接所有社交媒体源并将它们显示为一个整体。
注意：为此，您需要 Smash Balloon 的 Social Wall 插件以及 feed 插件。
激活后，从 WordPress 仪表板访问社交墙菜单选项卡，然后单击顶部的“添加新内容”按钮。
这将带您进入一个新屏幕，您将在其中看到社交媒体平台列表以及用于连接它们的按钮。继续并点击平台的“添加到墙”按钮，其中包含您想要在社交墙上显示的提要。
这将显示您已创建并想要添加到社交墙的提要列表。
有关详细说明，您可能需要查看以下有关如何使用 Smash Balloon 创建社交媒体源的教程：
选择提要后，单击顶部的“创建墙”按钮。
这将启动 Smash Balloon 视觉编辑器，您将在右侧看到社交墙的预览，左侧看到自定义设置。
从这里，您可以更改布局和调色板，添加加载更多按钮等等。有关详细信息，请参阅有关如何将社交媒体源添加到 WordPress 的教程。
最后，单击顶部的“保存”按钮来存储您的设置。然后，单击“嵌入”按钮。
这将在屏幕上打开一个提示，您可以在其中复制您创建的社交墙的短代码。
接下来，退出提要编辑器并打开要在块编辑器中添加社交墙的页面或帖子。
从这里，单击屏幕左上角的“添加块”(+) 按钮以打开块菜单。然后，将社交墙块添加到页面/帖子中。
继续将您之前复制的短代码粘贴到右侧块面板的“短代码设置”框中。
最后，单击“发布”或“更新”按钮来存储您的设置。现在，您已成功在网站上添加了社交墙，其中包含 Facebook、Twitter 和 Instagram 帐户的源。
方法 3：使用代码手动获取并显示关注者计数
这种方法有点高级，对于初学者来说可能效果不太好。但是，它将帮助您以文本形式获取社交媒体关注者计数。
基本上，大多数社交媒体平台都要求您创建应用程序和用户 API 密钥，以从其服务器检索关注者计数等数据。
在此方法中，我们将向您展示如何使用 API 密钥获取 Twitter 和 Facebook 的关注者计数。
您需要将自定义代码添加到您的 WordPress 网站。如果您以前没有这样做过，请查看我们有关如何在 WordPress 中复制和粘贴代码的指南。
使用代码显示 Facebook 粉丝数量
要获取 Facebook 关注者计数，您需要执行以下操作：
- 创建 Facebook 应用程序以访问 Facebook API。
- 生成访问令牌。这充当密码并让您获取所需的信息。
- 使用 Facebook 应用程序和访问令牌在 WordPress 上获得 Facebook 点赞。
1. 创建 Facebook 应用程序
让我们首先创建一个 Facebook 应用程序。只需访问Meta Developers网站并单击“创建应用程序”按钮即可。
之后，系统会要求您选择应用程序类型。
单击“业务”，然后单击“下一步”按钮继续。
之后，系统会要求您提供应用程序名称（可以是您想要的任何名称）和电子邮件地址。
您可以跳过企业帐户选项并单击“创建应用程序”按钮。
系统可能会提示您输入 Facebook 密码。
然后您将被重定向到您的应用程序仪表板。
在此屏幕上，您将看到多个选项，但由于我们将该应用程序用于个人用途，因此目前不需要这些选项。
2. 获取 Facebook API 的访问令牌
接下来，您需要前往Graph API 浏览器页面来生成我们的访问令牌并获取我们的页面 ID。
首先，选择您在 Facebook 应用程序部分下创建的应用程序。
之后，单击“获取令牌”下拉菜单并选择“页面访问令牌”选项。
这将弹出权限弹出窗口，您需要在其中继续使用您的个人帐户，然后选择您想要获取访问令牌的页面。
接下来，您将看到一些权限和警告。
您可以忽略这些并单击“完成”。
Facebook 现在将为您生成一个访问令牌。
只需使用记事本或 TextEdit 等纯文本编辑器将访问令牌复制并粘贴到您的计算机中即可。
在您离开之前，您需要的下一件事是页面 ID。
为此，您需要在上面的表单中输入页面 URL slug，然后单击“提交”按钮。
现在，您可以使用记事本或 TextEdit 等纯文本编辑器将页面 ID 复制并粘贴到计算机上。
3. 在 WordPress 中显示 Facebook 点赞
首先，将以下代码复制并粘贴到 WordPress 主题的functions.php文件中或使用WPCode（推荐）：
| 123456 | functiongetFacebookLike( $fbid, $token){ $json_string= @file_get_contents('https://graph.facebook.com/v14.0/'. esc_attr( $fbid) .'/?fields=fan_count&access_token='. esc_attr( $token) );$json= json_decode($json_string, true); $like_count= isset( $json['fan_count'] ) ? $json['fan_count'] : 0;return$like_count;} |
由
有关更多详细信息，您可以参阅我们有关如何在 WordPress 中添加自定义代码的指南。
接下来，您需要将以下代码粘贴到您想要将 Facebook Like 计数显示为文本的 WordPress 主题模板中：
| 123 | <?php echo"<p>More than <strong>". getFacebookLike( $fbid= 'Facebook page ID', 'access token') . "</strong> users follow us on Facebook.</p> "; ?> |
由
不要忘记将 Facebook 页面 ID 和访问令牌替换为您之前复制的值。
您现在可以访问您的网站以查看正在运行的代码。这是它在我们的测试网站上的样子。
将 Twitter 关注者计数显示为文本
要让 Twitter 关注者算作文本，您需要执行以下步骤：
- 创建一个 Twitter 应用程序。
- 获取 Twitter API 密钥。
- 获取 WordPress 中的关注者数量。
1. 创建 Twitter 应用程序并获取 API 密钥
首先，您需要访问 Twitter 开发者网站并创建一个新的独立应用程序。
系统会要求您提供应用程序的名称。
您可以选择任何您想要的名称。
接下来，您将看到应用程序的 API 密钥。
继续使用记事本或 TextEdit 等纯文本编辑器将这些密钥复制到计算机上。
2-在 WordPress 中获取 Twitter 关注者计数
接下来，您需要将以下代码添加到主题的functions.php文件中或使用WPCode（推荐）：
| 1234567891011121314151617 号181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 | functiongetTwitterFollowers($screenName= 'wpbeginner'){ // some variables $consumerKey= 'API key'; $consumerSecret= 'API key secret'; $token= get_option('cfTwitterToken'); // get follower count from cache $numberOfFollowers= get_transient('cfTwitterFollowers'); // cache version does not exist or expired if(false === $numberOfFollowers) { // getting new auth bearer only if we don't have one if(!$token) { // preparing credentials $credentials= $consumerKey. ':'. $consumerSecret; $toSend= base64_encode($credentials); // http post arguments $args= array( 'method'=> 'POST', 'httpversion'=> '1.1', 'blocking'=> true, 'headers'=> array( 'Authorization'=> 'Basic '. $toSend, 'Content-Type'=> 'application/x-www-form-urlencoded;charset=UTF-8' ), 'body'=> array( 'grant_type'=> 'client_credentials') ); add_filter('https_ssl_verify', '__return_false'); $response= wp_remote_post('https://api.twitter.com/oauth2/token', $args); $keys= json_decode(wp_remote_retrieve_body($response)); if($keys) { // saving token to wp_options table update_option('cfTwitterToken', $keys->access_token); $token= $keys->access_token; } } // we have bearer token wether we obtained it from API or from options $args= array( 'httpversion'=> '1.1', 'blocking'=> true, 'headers'=> array( 'Authorization'=> "Bearer $token" ) ); add_filter('', '__return_false'); $api_url= "https://api.twitter.com/1.1/users/show.json?screen_name=$screenName"; $response= wp_remote_get($api_url, $args); if(!is_wp_error($response)) { $followers= json_decode(wp_remote_retrieve_body($response)); $numberOfFollowers= $followers->followers_count; } else{ // get old value and break $numberOfFollowers= get_option('cfNumberOfFollowers'); // uncomment below to debug die($response->get_error_message()); } // cache for an hour set_transient('cfTwitterFollowers', $numberOfFollowers, 1*60*60); update_option('cfNumberOfFollowers', $numberOfFollowers); } return$numberOfFollowers;} |
由
不要忘记将 wpbeginner 替换为您自己的 Twitter 用户名，并将 API 密钥替换为您自己的 API 密钥。
之后，您可以将以下代码添加到要显示 Twitter 关注者计数的 WordPress 主题：
| 123 | <p>More than <strong><?php echogetTwitterFollowers(); ?></strong> users follow us on Twitter.</p> |
由
您现在可以访问您的网站并查看您的 Twitter 关注者的实际数量。
我们希望本文能帮助您在 WordPress 中显示您的社交媒体关注者数量。您可能还想查看我们完整的 WordPress 社交媒体备忘单或WordPress SEO 指南，以从搜索引擎获得更多自然流量。
