Guía de integración

Integrar el código de la insignia (opcional)

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

NOTA: No incluya comentarios ni espacios en blanco 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 inclusión de la encuesta, el orden no importa.

  2. 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:
    • "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. 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.

  4. Repita los pasos del 1 al 3 en todas las páginas de su sitio web en las que quiera que aparezca la insignia.
  5. 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 explica 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 de solución de problemas.

¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?

¿Necesitas más ayuda?

Inicia sesión si quieres ver otras opciones de asistencia para solucionar tu problema.