Google 고객 리뷰(GCR) 배지 코드는 Google 고객 리뷰 통합을 위해 구현하는 2가지 코드 중 첫 번째 코드입니다. 배지는 선택사항입니다. 배지 코드를 통합하는 데 문제가 발생하면 문제해결을 시도해 보세요.
이 섹션에서는 다음 주제에 관해 설명합니다.
통합 안내
페이지에 GCR 배지를 통합하려면 다음 작업이 필요합니다.
작업에 대한 설명은 다음 섹션에 있습니다.
페이지에 배지 코드를 구현하면 다음과 같은 이미지가 표시됩니다.
평점은 다를 수 있습니다. 대부분의 경우 매장 평점이 배지에 표시되려면 지난해에 특정 국가에서 100개 이상의 고객 리뷰가 있어야 합니다.
페이지에서 다른 콘텐츠가 배지를 가리지 않게 하세요.
DOCTYPE 업데이트
배지를 구현하는 웹페이지가 HTML5 DOCTYPE을 사용하는지 확인하세요.
<!DOCTYPE html>
이 DOCTYPE이 페이지의 HTML 코드 중 첫 번째 항목이어야 합니다. HTML5 DOCTYPE을 사용하면 웹브라우저에서 쿼크 모드가 아닌 표준 모드로 페이지를 렌더링합니다. 쿼크 모드란 표준 모드의 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 | 필수 | 판매자 센터 ID입니다. 이 값은 Google 판매자 센터에서 구할 수 있습니다. |
| 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 태그 앞에 다음 줄을 붙여넣습니다.
<script src="https://apis.google.com/js/platform.js" async defer></script>
- 배지를 표시할 페이지에서 해당 위치의 HTML에 다음 줄을 붙여넣습니다.
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>
MERCHANT_ID[판매자_ID]를 판매자 센터 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 -->
페이지에 배지가 나타나지 않거나 페이지를 로드할 때 오류가 발생하면 문제 해결을 참조하세요.