如何在 WordPress 中显示社交媒体关注者数量

您想在 WordPress 中轻松地将社交媒体关注者计数为文本吗?

显示社交媒体关注者数量可帮助您为网站添加社交证明、增强品牌标识并帮助您发展业务。

在本文中,我们将向您展示如何在 WordPress 中轻松地将社交媒体关注者计数显示为文本。

在 WordPress 中显示社交媒体关注者数量

为什么要在您的网站上显示社交媒体追随者?

您可能已经注意到,许多流行的博客、影响者和品牌都自豪地在他们的网站上展示他们的社交媒体关注者数量。

追随者数量可帮助您向WordPress 网站添加社交证明。这使您可以通过展示您以前的客户和追随者作为证据来赢得用户的信任并建立品牌形象。

社交媒体关注者计数预览

此外,它还可以帮助您在社交媒体资料上获得更多关注者,同时为用户提供方便的方式保持联系。

不幸的是,显示社交媒体关注者数量并不像我们希望的那样简单或容易,但这绝对是可能的。

许多社交媒体平台需要 API 密钥来获取这些信息,并且每个平台都有不同的方式来获取这些信息。

幸运的是,有几个 WordPress 插件和解决方案可以让您显示社交关注者数量。

话虽如此,我们将向您展示在您的 WordPress 网站上显示社交媒体关注者数量的不同方式。您可以选择最适合您的一种。

方法 1. 使用插件显示社交媒体关注者数量

此方法更简单,如果您无法获取 API 密钥要求,则允许您跳过它们。

但是,它有点不可靠,可能无法实时获取关注者数量。这是因为社交媒体平台非常频繁地更改其 API 密钥方法,这会破坏使用旧方法的应用程序。

好的部分是该插件提供了一个后备选项,可以手动输入您的社交媒体关注者数量作为文本。

首先,您需要安装并激活Wp Social插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

激活后,您需要转到WP Social»Social Counter页面并切换到 Providers 选项卡。

社交柜台设置

从这里,您需要打开要显示的每个社交媒体平台,然后单击“设置”按钮进行设置。

这将弹出一个弹出窗口,您可以在其中提供该平台的社交媒体个人资料详细信息。您还可以找到手动输入默认 Facebook 关注者数量的选项。

平台设置

对您要显示的所有社交媒体平台重复此过程。

完成后,您可以转到外观»小部件页面并将 WSLU 社交计数器小部件添加到您的侧边栏。

在侧边栏小部件中显示社交关注者数量

不要忘记保存您的更改并预览您的网站。

想要在帖子或页面中显示社交媒体关注者数量?只需编辑要显示关注者数量的帖子或页面,然后在内容编辑器中添加以下短代码。

[xs_social_counter]

添加简码

之后,您可以保存或发布您的帖子或页面并预览以查看您的社交媒体关注者数量。

社交媒体关注者计数预览

方法 2. 使用 Smash Balloon 显示社交媒体提要

显示社交媒体关注者数量的更简单的替代方法是使用 Smash Balloon 显示您的社交提要。

Smash Balloon是WordPress最好的社交媒体插件。它使您可以轻松地以漂亮的布局显示来自社交媒体供稿的内容。

首先,您需要访问 Smash Balloon 网站。他们为 Instagram、Twitter、Facebook、YouTube 和组合的社交墙提要提供不同的社交媒体提要插件。

粉碎气球网站

我们建议您获取所有插件,它为您提供所有插件。

注册后,您可以在 Smash Balloon 网站上登录您的帐户并将插件下载到您的计算机上。

接下来,您可以继续安装 Smash Balloon feed 插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

为了本教程的目的,我们将向您展示如何创建一个社交墙,它可以帮助您连接所有社交媒体源并将它们显示为一个。

激活插件后,转到社交源»创建社交墙页面。从这里,您将看到带有连接它们的按钮的社交提要列表。

连接社交信息

连接提要后,您会在顶部看到一个短代码,可用于您网站上的任何位置来显示社交墙。

社交墙简码

您现在可以将此短代码添加到任何 WordPress 帖子、页面或侧边栏小部件以显示您的社交提要。

对外观不满意?Smash Balloon 为您的社交订阅源提供了一系列自定义选项和布局。

只需转到社交动态»创建社交墙页面并切换到自定义选项卡。

自定义提要

从这里,您可以选择布局类型并配置页眉、页脚、项目数等显示选项。

完成后,不要忘记保存更改。

这是您网站上典型的社交墙提要的外观。

社交墙预览

Smash Balloon 还可以显示每个社交媒体平台的单独提要。只需切换到提要菜单即可复制简码。

单独显示单个提要

之后,您可以将此短代码添加到任何帖子、页面或 sidebr 小部件以显示该特定提要。像 Facebook 页面这样的提要甚至可能会显示关注者数量。

具有关注者数量的 Facebook 小部件

有关详细说明,请参阅我们的分步指南:

如何在 WordPress 中显示 Instagram 提要

如何在 WordPress 中显示 Facebook 帖子

如何在 WordPress 中显示最新的推文

Smash Balloon 提供所有 Pro 插件的免费版本,非常适合预算有限的用户。

方法 3. 使用代码手动获取和显示关注者计数

这种方法有点高级,对初学者来说可能效果不佳。但是,它将帮助您将社交媒体关注者计数作为文本获取。

基本上,大多数社交媒体平台都要求您创建应用程序和用户 API 密钥,以从其服务器检索数据,如关注者数量。

在此方法中,我们将向您展示如何使用 API 密钥获取 Twitter 和 Facebook 的关注者数量。

您需要将自定义代码添加到您的 WordPress 网站。如果您之前没有这样做过,请查看我们的指南,了解如何在 WordPress 中复制和粘贴代码。

使用代码显示 Facebook 关注者数量

要获取 facebook 关注者数量,您将需要以下项目。

创建 Facebook 应用程序以访问 Facebook API。

生成访问令牌。这充当密码,让您获取所需的信息。

使用 Facebook 应用程序和访问令牌在 WordPress 中获得 Facebook 喜欢

1. 创建 Facebook 应用

让我们从创建一个 Facebook 应用程序开始。只需访问Facebook 开发者网站并单击创建应用程序按钮。

创建 Facebook 应用

之后,系统会要求您选择应用类型。单击业务,然后单击下一步按钮继续。

选择应用类型

之后,您将被要求提供您的应用名称(这可能是您想要的任何名称)和电子邮件地址。您可以跳过企业帐户选项,然后单击创建应用程序按钮。

提供应用详情

系统可能会提示您输入 Facebook 密码。之后,您将被重定向到您的应用仪表板。

应用仪表板

在此屏幕上,您将看到多个选项,但由于我们将该应用程序用于个人用途,因此我们目前不需要这些选项。

2. 获取 Facebook API 的访问令牌

接下来,您需要前往Graph API explorer页面以生成我们的访问令牌并获取我们的页面 ID。

生成 Facebook 令牌

首先,选择您在 Facebook 应用程序部分下创建的应用程序。

之后,单击 Get Token 下拉菜单并选择 Page Access Token 选项。

这将弹出权限弹出窗口,您需要在其中继续作为您的个人帐户,然后选择您要获取访问令牌的页面。

选择页面

接下来,您将看到一些权限和警告。您可以忽略这些并单击完成。

权限

Facebook 现在将为您生成访问令牌。只需使用记事本或 TextEdit 等纯文本编辑器将访问令牌复制并粘贴到您的计算机中。

复制访问令牌

在您离开之前,您需要的下一件事是 Page ID。为此,您需要在上面的表格中输入您的页面 URL slug,然后单击提交按钮。

获取页面 ID

您现在可以使用记事本或 TextEdit 等纯文本编辑器将页面 ID 复制并粘贴到您的计算机上。

3. 在 WordPress 中显示 Facebook 点赞

首先,您需要将以下代码复制并粘贴到您的 WordPress 主题的functions.php文件或特定于站点的插件中。

function getFacebookLike( $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 计数显示为文本。

More than ” . getFacebookLike( $fbid = ‘Facebook page ID’, ‘access token’ ) .  “ users follow us on Facebook.

“; ?>

不要忘记将 Facebook 页面 ID 和访问令牌替换为您之前复制的值。

您现在可以访问您的网站以查看您的代码。这是它在我们的测试网站上的外观。

脸书追随者人数

将 Twitter 关注者计数显示为文本

要将 Twitter 关注者计数为文本,您需要按照以下步骤操作。

创建推特应用

获取 Twitter API 密钥

在 WordPress 中获取关注者数量

1- 创建 Twitter 应用程序并获取 API 密钥

首先,您需要访问 Twitter 开发者网站并创建一个新的独立应用程序。

创建推特应用

系统会要求您提供应用的名称。您可以选择任何您想要的名称。

推特应用名称

接下来,您将看到应用程序的 API 密钥。继续使用记事本和 TextEdit 等纯文本编辑器将这些密钥复制到您的计算机上。

Twitter API 密钥

2- 在 WordPress 中获取 Twitter 关注者数量

接下来,您需要将以下代码添加到主题的functions.php文件或特定于站点的插件中。

function getTwitterFollowers($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 主题中。

More than users follow us on Twitter.

您现在可以访问您的网站并查看您的 Twitter 关注者数量。

推特关注者数量

我们希望本文能帮助您在 WordPress 中显示社交媒体关注者数量。您可能还想查看我们完整的 WordPress 社交媒体备忘单或查看我们的WordPress SEO 指南以从搜索引擎获得更多自然流量。