l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在WordPress中展示谷歌、Facebook和Yelp的评论

如何在WordPress中展示谷歌、Facebook和Yelp的评论

Bug编译狮

Bug编译狮

要实现WordPress中显示谷歌、Facebook和Yelp的评论，你可以使用一些插件来集成这些第三方评论系统。这里我将介绍一种常见的方法，通过使用Google+ API与WordPress的WP_Comment类结合，来实现这一功能。

步骤1: 安装必要的插件

首先，你需要安装并激活以下插件：

  • Google Plus for WordPress: 这个插件允许你在WordPress文章中嵌入来自Google+用户的评论。
  • Yoast SEO (或者类似的SEO插件)：虽然不是必需的，但为了优化SEO，我们可能还需要它。

步骤2: 配置Google+ API

  1. 登录到Google开发者控制台（https://console.developers.google.com/）。
  2. 创建一个新的项目或选择现有的项目。
  3. 在“Credentials”部分创建新的应用类型为“Web Application”，然后获取Client ID和Client Secret。

步骤3: 设置Google+ API连接

在Google+ API插件中配置你的应用程序：

  • 选择你的项目。
  • 确保你的应用程序被正确配置以访问你的网站。
  • 获取OAuth 2.0授权URL，用于向用户请求访问权限。

步骤4: 使用WordPress代码整合Google+评论

假设你已经完成了上述步骤，接下来我们将编写一段代码来集成Google+评论到你的WordPress文章中。

// 导入Google+ API
require_once('/path/to/google-plus-for-wordpress.php');

function google_plus_comment($comment_id, $args = array()) {
    // 检查是否已登录
    if (!is_user_logged_in()) {
        return;
    }

    // 调用Google+ API获取评论数据
    $googleplus_url = 'https://www.googleapis.com/plus/v1/people/me/activities/comments';
    $fields = json_encode(array(
        "maxResults" => 5,
        "orderBy" => "newest",
        "key" => get_option('google_api_key')
    ));
    $response = wp_remote_get($googleplus_url . '?fields=' . $fields);
    $comments = json_decode(wp_remote_retrieve_body($response), true);

    foreach ($comments['items'] as $item) {
        $data = $item['object'];
        $comment_text = $data['content']['text'];

        // 检查是否有任何评论者ID
        $authorId = isset($data['actor']['id']) ? $data['actor']['id'] : '';

        // 如果有评论者ID，则插入评论
        if ($authorId) {
            add_comment($comment_id, array(
                'author' => $authorId,
                'email' => '',
                'url' => '',
                'content' => $comment_text,
                'parent' => ''
            ));
        }
    }
}

add_action('wp', 'google_plus_comment');

步骤5: 测试和部署

确保所有设置都已完成，并测试你的WordPress文章页面上的评论是否能够正常显示来自Google+的评论。

效果说明

当你发布一篇文章时，在文章底部会有一个Google+按钮，点击后会弹出一个窗口让你输入评论内容。评论会在后台自动同步到你的WordPress博客上，并在文章页面中显示出来。

请注意，这个示例仅作为基本指导，实际操作时可能需要根据具体需求调整API调用和插件配置。此外，确保遵循相关服务的隐私政策和条款，特别是在处理用户信息和评论之前。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在WordPress中展示Google、Facebook和Yelp的评论是一项非常有趣的挑战，因为这些评论通常包含丰富的文本信息和情感色彩，能够为网站增添活力。以下是一些基本步骤来实现这一目标：

1. 安装插件

首先，我们需要安装一些必要的插件。这里推荐使用“WP Review”或“WooCommerce Reviews”，它们提供了与Google、Facebook和Yelp等评论平台相兼容的功能。

安装示例代码：

<a href="https://wordpress.org/plugins/wp-review/" target="_blank">WP Review</a>

安装示例代码（仅适用于WooCommerce Reviews）：

<a href="https://woocommerce.com/products/woo-commerce-reviews-plugin/" target="_blank">WooCommerce Reviews</a>

2. 添加评论功能

接下来，我们需要在WordPress的主题中添加评论功能。你可以通过编辑主题文件来实现这个目的。

HTML 示例代码：

<!-- 加载评论模块 -->
<script type="text/javascript">
    $(document).ready(function() {
        // 获取评论模块
        var reviewModule = $('div.review');

        // 设置评论表单提交URL
        reviewModule.attr('action', '/wp-admin/review.php');

        // 设置评论表单提交数据
        reviewModule.attr('method', 'post');

        // 设置评论表单提交类型
        reviewModule.attr('target', '_blank');

        // 设置评论表单提交超时时间
        reviewModule.attr('timeout', 5000);

        // 设置评论表单提交后页面跳转链接
        reviewModule.attr('data-postid', postID);
    });
</script>

<!-- 模块加载完成后的处理逻辑 -->
$(document).on('review_loaded', function(event) {
    // 在这里可以添加更多的处理逻辑
});

3. 配置评论样式

要使评论看起来更专业，你需要配置评论样式。这可以通过自定义CSS来实现。

自定义CSS示例代码：

/* 修改评论样式 */
.review .comment-body:before,
.review .comment-body:after {
    content: '';
    display: block;
    clear: both;
}

.review .comment-author > a {
    font-weight: bold;
}

4. 显示评论

现在，我们可以在文章或页面上显示评论了。只需将评论内容插入到相应的评论区域即可。

示例代码：

<div class="review">
    <!-- 这里是评论的内容 -->
    <p>这是来自 Google 的评论。</p>
    <p>这是来自 Facebook 的评论。</p>
    <p>这是来自 Yelp 的评论。</p>
</div>

通过以上步骤，你应该能够在WordPress中成功地展示Google、Facebook和Yelp的评论了。希望这些建议能帮助你达到你的目标！

,

最新更新