WordPress模板插件定制

您现在的位置是:首页 > WordPress教程WordPress教程

如何在WordPress中添加Google评价

查看 WP集市 的更多文章WP集市 2025-08-26 【WordPress教程】 576人已围观

要在WordPress里加Google评价其实不难,主要是为了让用户看到真实评价,提升信任感嘛。一般两种办法,插件或者手动写代码,插件简单但可能有局限,手动灵活但得懂点基础,看你选哪种。

1. 插件法:不会代码也能搞

插件嘛,就是拿来即用的,不用自己写代码,省事儿。我常用的是“Google Reviews Widget”,免费版基本够用,步骤记一下:

1.1 先装插件

后台左边点“插件”→“安装插件”,上面搜索框输“Google Reviews Widget”,找到那个蓝色图标的,点“安装”→“激活”。激活完左边菜单会多一个“Google Reviews”,点进去配置。

1.2 搞到商家ID(Place ID)

这个是关键,没有ID插件不认。打开Google Maps,搜你自己的商家名字,比如“张三咖啡馆”,找到后点右上角“分享”→“复制链接”,链接里有个“place_id=XXX”,XXX就是你的ID;或者直接用Google的Place ID查找工具(搜“Google Place ID Finder”),输入地址就能拿到,复制下来存好。

1.3 申请API钥匙(API Key)

插件要连Google的服务器,得有钥匙才行。打开Google Cloud控制台(搜“Google Cloud Console”),第一次用要注册,选免费计划就行。然后左上角“选择项目”→“新建项目”,起个名字比如“我的评价插件”,创建好后,在“API和服务”→“启用API和服务”,搜“Places API”,点进去启用。启用后点“创建凭证”→“API密钥”,会生成一串字符,复制下来,这就是钥匙。

1.4 配置插件

回到WordPress后台“Google Reviews”设置页,把刚才复制的Place ID和API Key填进去,下面可以选显示几条评价、要不要显示头像、评分星星颜色啥的,调好点“保存设置”。

1.5 显示到页面

插件一般会生成短代码,比如[google_reviews],你在想放评价的页面(比如“关于我们”页)编辑的时候,直接粘贴这个短代码,更新页面就能看到了。或者用小工具:外观→小工具,把“Google Reviews”拖到侧边栏,选显示样式,保存就行。哦对了,免费版可能限制每月500次API请求,要是评价多、访问量大,可能得升级付费版,这个得注意看插件说明。

2. 手动代码法:想自定义样式就用这个

要是插件样式不合心意,或者不想装太多插件拖慢网站,手动写代码也行,不难,跟着抄就行。

2.1 还是得有ID和钥匙

跟插件法一样,先搞到Place ID和API Key,步骤看上面1.2和1.3,不多说。

2.2 写PHP代码拿数据

打开WordPress主题的functions.php(外观→主题文件编辑器,找到functions.php),在最后面加这段代码(记得把XXX换成你的ID和钥匙):

function get_google_reviews() {
    $place_id = '你的Place ID'; // 替换成你的Place ID
    $api_key = '你的API Key'; // 替换成你的API Key
    $transient_key = 'google_reviews_cache'; // 缓存键名,随便起

    // 先查缓存,有就直接用,省API请求次数
    $reviews = get_transient($transient_key);
    if (!$reviews) {
        // 没缓存就调API拿数据
        $url = "https://maps.googleapis.com/maps/api/place/details/json?place_id={$place_id}&key={$api_key}&fields=reviews";
        $response = wp_remote_get($url);

        // 检查请求有没有成功,失败了就返回空
        if (is_wp_error($response)) {
            return '获取评价失败,请检查API密钥';
        }

        $body = wp_remote_retrieve_body($response);
        $data = json_decode($body, true);

        // 存缓存,12小时更新一次,别太频繁调用API
        if (!empty($data['result']['reviews'])) {
            $reviews = $data['result']['reviews'];
            set_transient($transient_key, $reviews, 12 * HOUR_IN_SECONDS);
        } else {
            $reviews = [];
        }
    }

    return $reviews;
}

2.3 把评价显示出来

接着在主题文件里调用这个函数,比如想在“联系我们”页面底部显示,就打开那个页面的模板文件(比如page-contact.php),找个合适的位置(比如</main>前面),加这段代码:

<?php 
$reviews = get_google_reviews();
if (!empty($reviews)) {
    echo '<div class="d496-4a8c-a356-014b google-reviews">';
    echo '<h3>顾客怎么说</h3>';
    foreach ($reviews as $review) {
        // 评分星星用★表示,金色的好看
        $stars = str_repeat('★', $review['rating']) . str_repeat('☆', 5 - $review['rating']);
        echo '<div class="4a8c-a356-014b-d10b review-item">';
        echo '<div class="a356-014b-d10b-66b7 reviewer">'.$review['author_name'].'</div>';
        echo '<div class="014b-d10b-66b7-eb7e review-stars" style="color: #ffd700;">'.$stars.'</div>';
        echo '<div class="d10b-66b7-eb7e-47a0 review-text">'.$review['text'].'</div>';
        echo '<div class="66b7-eb7e-47a0-39c1 review-date">'.date('Y-m-d', strtotime($review['time'])).'</div>';
        echo '</div>';
    }
    echo '</div>';
}
?>

这段代码会输出评价者名字、星星评分、评价内容和日期,样式可以自己加CSS,比如给.review-item加个边框、 padding啥的。

2.4 安全提示

哦对了,API密钥一定要去Google Cloud控制台限制使用范围!左边“API和服务”→“凭据”,点你的API密钥,“应用限制”选“HTTP referrers”,下面“添加referrer”填你网站的域名,比如*.你的域名.com/*,不然密钥容易被盗用,别人用你的密钥调用API,钱算你的,亏大了。

最后说两句

插件法适合怕麻烦的,手动法适合想自定义的,两种都试试也行。不管哪种,记得API有免费额度,别超了,超了Google会发邮件提醒你升级付费版。评价显示出来后,多看看有没有错误,比如“无法加载评价”,大概率是Place ID或API Key填错了,重新检查一遍就行。

Tags:

WordPress模板插件定制