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, hacen falta al menos 100 reseñas del año anterior en un país concreto para que aparezca la puntuación del vendedor en la insignia.
No tape la insignia con ningún otro contenido de las páginas.
Actualizar DOCTYPE
Las páginas web en las que se implemente la insignia deben utilizar DOCTYPE de HTML5:
<!DOCTYPE html>
Este elemento de tipo de documento debe aparecer en la primera 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, siga el método que se describe más abajo. 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 inclusión de 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_IDObligatorio Su ID de Merchant Center. Puede consultar este valor en Google Merchant Center. POSITIONOpcional La variable coloca la insignia en una de las siguientes ubicaciones: - "BOTTOM_RIGHT": hace que la insignia aparezca en la parte inferior derecha de la página.
- "BOTTOM_LEFT": hace que la insignia aparezca en la parte inferior izquierda de la página.
- "INLINE": hace que la insignia aparezca en el mismo lugar que el código. Si usa esta opción, compruebe que ningún otro elemento de la página bloquea ni tapa la insignia. Si prefiere un método más sencillo, consulte cómo añadir la insignia de Reseñas de Clientes en Google alineada.
La posición predeterminada de la insignia es "BOTTOM_RIGHT".
- Pegue el siguiente fragmento de código en la página web para especificar el idioma que usa la insignia:
<!-- 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 idiomas admitidos:- af
- ar
- cs
- da
- de
- en
- en-AU
- en-GB
- en-US
- es
- es-419
- fil
- fr
- ga
- id
- it
- ja
- ms
- nl
- no
- pl
- pt-BR
- pt-PT
- ru
- sv
- tr
- zh-CN
- zh-TW
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. - 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_IDpor su propio ID de Merchant Center. -
Especifique el idioma que usa la insignia según se explica 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 parte 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 de solución de problemas.