El código de la insignia de Reseñas de Clientes en Google es el primero de los dos fragmentos de código que se implementan para integrar el programa. La insignia es opcional. Si tiene problemas para integrar el código de la insignia, prueba a solucionarlos.
En esta sección se describen los siguientes temas:
Instrucciones para la integración
Para integrar la insignia de Reseñas de Clientes en Google, debe:
Estas tareas se describen en las siguientes secciones.
Después de implementar el código de la insignia en las páginas, se muestra la siguiente imagen:
Los valores de la puntuación variarán. En la mayoría de los casos, hace falta haber recibido al menos 100 reseñas en el último año y en un país concreto para que aparezca la valoración de la tienda en la insignia.
No oculte la insignia con ningún otro contenido en sus páginas.
Actualizar el elemento DOCTYPE
Las páginas web en las que se implemente la insignia deben utilizar DOCTYPE de HTML5:
<!DOCTYPE html>
Este elemento debe ser el primer elemento de línea del código HTML de la página. Usar el DOCTYPE de HTML5 garantiza que los navegadores web procesen las páginas en el modo estándar en lugar de en el modo Quirks. El modo Quirks es una técnica que se utiliza en algunos navegadores web para mantener la compatibilidad con las páginas web diseñadas para navegadores más antiguos, en lugar de cumplir estrictamente los estándares de W3C e IETF en el modo estándar.
Añadir la insignia de Reseñas de Clientes en Google
Incluya la insignia en cualquier página del sitio web para mostrar a los clientes que usa Reseñas de Clientes en Google.
Si quiere que la insignia aparezca insertada, utilice el método para añadir la insignia de Reseñas de Clientes en Google insertada. De lo contrario, emplee el siguiente método para colocar la insignia de Reseñas de Clientes en Google en la parte inferior derecha o izquierda de la página.
Para añadir la insignia a su sitio web:
- Pegue el siguiente fragmento de código en la página web:
<!-- 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 -->
Coloque el código justo antes de la etiqueta de cierre </BODY> en la página. Si lo coloca con el código de participación en la encuesta, el orden no importa.
- Sustituya las variables por los valores dinámicos y específicos de su sitio web. En la siguiente tabla se describen los ajustes disponibles:
| Variable | ¿Obligatorio? | Descripción |
|---|---|---|
| MERCHANT_ID | Obligatorio | Su ID de Merchant Center. Puede consultar este valor en Google Merchant Center. |
| POSITION | Opcional |
La variable coloca la insignia en una de las siguientes ubicaciones:
La posición predeterminada de la insignia es "BOTTOM_RIGHT". |
- También puede pegar el siguiente fragmento de código en la página web para especificar el idioma que usa la insignia. Si no especifica un valor para el parámetro lang, la insignia elige el idioma automáticamente en función de la configuración del navegador del usuario.
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'LANGUAGE'
};
</script>
<!-- END GCR Language Code -->
Coloque el código justo antes de la etiqueta de cierre </BODY> en la página. Si lo coloca con el código de la insignia, el orden no importa.
Asigne el valor del parámetro lang. Para ello, sustituya LANGUAGE por uno de los siguientes códigos admitidos de la columna Códigos de idioma:
|
Código |
Idioma |
|---|---|
|
af |
Afrikáans |
|
ar |
Árabe |
|
cs |
Checo |
|
da |
Danés |
|
de |
Alemán |
|
en |
Inglés |
|
en-AU |
Inglés (Australia) |
|
en-GB |
Inglés (Reino Unido) |
|
en-US |
Inglés (Estados Unidos) |
|
es |
Español |
|
es-419 |
Español (Latinoamérica) |
|
fil |
Filipino |
|
fr |
Francés |
|
ga |
Irlandés |
|
id |
Indonesio |
|
it |
Italiano |
|
ja |
Japonés |
|
ms |
Malayo |
|
ml |
Neerlandés |
|
no |
Noruego |
|
pl |
Polaco |
|
pt-BR |
Portugués (Brasil) |
|
pt-PT |
Portugués |
|
ru |
Ruso |
|
sv |
Sueco |
|
tr |
Turco |
|
zh-CN |
Chino (simplificado) |
|
zh-TW |
Chino (tradicional) |
- Repita los pasos del 1 al 3 en todas las páginas de su sitio web en las que quiera que aparezca la insignia.
- Para completar la integración de Reseñas de Clientes en Google, añada el módulo de participación en la encuesta a la página de confirmación del pedido. Es obligatorio integrar el módulo de participación en la encuesta.
Para añadir la insignia de Reseñas de Clientes en Google insertada:
- Pegue la siguiente línea antes de la etiqueta de cierre "body" en la página HTML para cargar el JavaScript de la insignia:
<script src="https://apis.google.com/js/platform.js" async defer></script>
- Pegue esta línea en el código HTML en el lugar de la página donde quiere que se muestre la insignia:
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>
Sustituya MERCHANT_ID por su propio ID de Merchant Center.
- Especifique el idioma que usa la insignia según se describe aquí.
- Añada el módulo de participación en la encuesta a la página de confirmación del pedido. Es obligatorio integrar el módulo de participación en la encuesta.
Ejemplo de código de la insignia
El siguiente ejemplo muestra el código para colocar la insignia en la esquina inferior izquierda de la página del comerciante con 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 -->
Si la insignia no aparece en la página o se producen errores al cargar la página, consulte la sección Solución de problemas.