Notificación

En este Centro de Ayuda, encontrará contenido tanto de Merchant Center Next como de la versión clásica de Merchant Center. Localice el logotipo en la parte superior de cada artículo para asegurarse de que está consultando un artículo correspondiente a la versión de Merchant Center que usa. 

Guía de integración

Integrar el código de la insignia (opcional)

Icono personalizado para el título de un artículo de la versión clásica de Merchant Center

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:

  1. Actualizar el elemento DOCTYPE
  2. Añadir la insignia de Reseñas de Clientes en Google

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 retrocompatibilidad 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.

Nota: No incluya comentarios ni espacios antes de DOCTYPE.

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:

  1. 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>
      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":
    MERCHANT_ID,
                // OPTIONAL
                "position": "
    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.

  2. Sustituya las variables por los valores dinámicos y específicos de su sitio. 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:
    • "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".

  3. 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

nl

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)

  1. Repita los pasos del 1 al 3 en todas las páginas de su sitio web en las que quiera que aparezca la insignia.
  2. 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:

  1. 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>
    
  2. 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.

  3. Especifique el idioma que usa la insignia según se describe aquí.

  4. 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 Solución de problemas.

¿Te ha resultado útil esta información?

¿Cómo podemos mejorar esta página?
Búsqueda
Borrar búsqueda
Cerrar búsqueda
Aplicaciones de Google
Menú principal