整合 Google 顧客評論 (GCR) 時需導入 2 組程式碼片段，第一組就是 GCR 徽章程式碼。你可以選擇是否整合徽章。如果整合徽章程式碼時發生問題，請嘗試疑難排解。
本節會說明下列主題：
整合操作說明
如要將 GCR 徽章整合到網頁上，請執行下列操作：
我們會在下文中逐一說明。
導入徽章程式碼後，頁面就會顯示下方圖片：
評分可能不同。多數情況下，你需要在過去一年內於特定國家/地區獲得至少 100 則評論，徽章才會顯示商店評分。
請勿讓網頁上的其他內容遮蓋到徽章。
更新 DOCTYPE
要導入徽章的網頁請務必使用 HTML5 DOCTYPE：
<!DOCTYPE html>
這個 DOCTYPE 必須是網頁 HTML 程式碼的第一列。使用 HTML5 DOCTYPE 可確保網路瀏覽器將網頁轉譯為標準模式，而非相容模式。有些網頁是配合較舊的瀏覽器設計，為了維持回溯相容性，部分網路瀏覽器會採用「相容模式」，而非嚴格遵守 W3C 及 IETF 標準的標準模式。
加入 GCR 徽章
如要讓顧客知道你加入了 GCR 計畫，可以在網站的任何頁面上放置 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。
- 按照這裡的說明，指定徽章顯示的語言。
- 在訂單確認頁面加入問卷調查參與意願選項模組，這是必要的整合項目。
徽章程式碼範例
下列範例程式碼顯示如何將徽章放在網頁的左下角 (以 MERCHANT_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 -->
如果網頁上並未顯示徽章，或是載入頁面時發生錯誤，請試著排解問題。