您在集成 Google 顾客评价服务时要植入两个代码段，其中第一个是 Google 顾客评价 (GCR) 徽章代码。您可以选择是否集成此徽章。如果您在集成徽章代码时遇到问题，请尝试进行问题排查。
本部分包含以下主题：
集成操作说明
要在网页上集成 GCR 徽章，您必须：
下面各节内容对这些任务做出了说明。
您在网页上植入了徽章代码后，网页上会显示以下图片：
图中评分值仅为示例。在大多数情况下，您必须在过去一年内在某一国家/地区获得至少 100 条评价，才能在您的徽章上显示商店评分。
请勿让网页上的任何其他内容遮挡徽章。
更新 DOCTYPE
请确保您想要显示徽章的网页使用的是 HTML5 DOCTYPE：
<!DOCTYPE html>
此 DOCTYPE 必须是页面上 HTML 代码中的第一行。使用 HTML5 DOCTYPE 可确保网络浏览器将以标准模式（而不是 Quirks 模式）呈现您的网页。Quirks 模式是一项技术，某些网络浏览器使用这项技术与专为旧版浏览器设计的网页保持向后兼容，而不是严格遵循标准模式下的 W3C 和 IETF 标准。
添加 GCR 徽章
如要向您的客户说明您参与了 Google 顾客评价计划，请向您希望显示 GCR 徽章的网站内的任意网页中添加徽章。
如果您希望徽章以内嵌方式显示，请使用添加内嵌 GCR 徽章方法。或者，您也可以按照以下方法将 GCR 徽章放置在网页的右下角或左下角。
如要向您的网站添加 GCR 徽章，请执行以下操作：
- 将以下代码段粘贴到您的网页中：
<!-- BEGIN GCR Badge Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderBadge"
async defer>
</script>
<script>MERCHANT_ID
window.renderBadge = function() {
var ratingBadgeContainer = document.createElement("div");
document.body.appendChild(ratingBadgeContainer);
window.gapi.load('ratingbadge', function() {
window.gapi.ratingbadge.render(
ratingBadgeContainer, {
// REQUIRED
"merchant_id": ,POSITION
// OPTIONAL
"position": ""
});
});
}
</script>
<!-- END GCR Badge Code -->
请在页面上 </BODY> 结束标记的前面、紧挨着该标记粘贴此代码段。如果将此代码段与“参与调查”模块的代码放在一起，那么这两种代码的放置顺序无关紧要。
- 将变量替换成您网站的具体动态值。下表介绍了可用的设置：
| 变量 | 是否必需？ | 说明 |
|---|---|---|
| MERCHANT_ID | 必需 | 您的 Merchant Center ID。您可以从 Google Merchant Center 中获得此值。 |
| POSITION | 可选 |
徽章的显示位置：
徽章的默认位置是“BOTTOM_RIGHT”。 |
- （可选）将以下代码段粘贴到您的网页中，以指定徽章使用的语言。如果您未指定参数 lang 的值，徽章将根据用户的浏览器设置自动选择语言。
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'LANGUAGE'
};
</script>
<!-- END GCR Language Code -->
请在页面上 </BODY> 结束标记的前面、紧挨着该标记粘贴此代码段。如果将此代码段与徽章代码放在一起，那么这两种代码的放置顺序无关紧要。
可通过将 LANGUAGE 替换为下方语言代码列中一个受支持的代码来设置参数 lang 的值：
|
代码 |
语言名称 |
|---|---|
|
af |
南非荷兰语 |
|
ar |
阿拉伯语 |
|
cs |
捷克语 |
|
da |
丹麦语 |
|
de |
德语 |
|
en |
英语 |
|
en-AU |
英语（澳大利亚） |
|
en-GB |
英语（英国） |
|
en-US |
英语（美国） |
|
es |
西班牙语 |
|
es-419 |
西班牙语（拉丁美洲） |
|
fil |
菲律宾语 |
|
fr |
法语 |
|
ga |
爱尔兰语 |
|
id |
印度尼西亚语 |
|
it |
意大利语 |
|
ja |
日语 |
|
ms |
马来语 |
|
ml |
荷兰语 |
|
no |
挪威语 |
|
pl |
波兰语 |
|
pt-BR |
葡萄牙语（巴西） |
|
pt-PT |
葡萄牙语 |
|
ru |
俄语 |
|
sv |
瑞典语 |
|
tr |
土耳其语 |
|
zh-CN |
中文（简体） |
|
zh-TW |
中文（繁体） |
- 对于网站中您希望显示徽章的所有网页，重复第 1 步至第 3 步。
- 要完成 GCR 集成，您必须向订单确认页面添加“参与调查”模块。该模块是必需的。
- 将下面这行代码粘贴到您 HTML 网页中的 body 结束标记之前，以便加载该徽章的 JavaScript：
<script src="https://apis.google.com/js/platform.js" async defer></script>
- 将下面这行代码粘贴到相应网页 HTML 代码中您要显示该徽章的位置：
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>
将 MERCHANT_ID 替换为您自己的 Merchant Center ID。
- 按此处所述的方法指定徽章使用的语言。
- 向您的订单确认页面添加“参与调查”模块。该模块是必需的。
徽章代码示例
以下示例代码展示了如何将徽章放置在网页左下角（示例商家 ID 为 42）：
<!-- BEGIN GCR Badge Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderBadge"
async defer>
</script>
<script>
window.renderBadge = function() {
var ratingBadgeContainer = document.createElement("div");
document.body.appendChild(ratingBadgeContainer);
window.gapi.load('ratingbadge', function() {
window.gapi.ratingbadge.render(
ratingBadgeContainer, {
"merchant_id": 42,
"position": "BOTTOM_LEFT"
});
});
}
</script>
<!-- END GCR Badge Code →
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'en_US'
};
</script>
<!-- END GCR Language Code -->
如果您的网页上未显示徽章，或者您在加载相应网页时遇到错误，请尝试进行问题排查。