Participación en la encuesta Google / Prestashop

Share on facebook
Share on linkedin
Share on twitter
Share on email

El módulo de participación en la encuesta permite a los clientes formar parte del programa Reseñas de Clientes en Google y le transmite a Google la información necesaria sobre las transacciones

https://support.google.com/merchants/answer/7106244#integration

Vamos a ver cómo integrar el módulo de participación en la encuesta de Google Merchan en una tienda online con Prestashop 1.6

Tendremos que incluir el siguiente código en la página de confirmación de pedido.

<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
  async defer>
</script>

<script>
  window.renderOptIn = function() { 
    window.gapi.load('surveyoptin', function() {
      window.gapi.surveyoptin.render(
        {
          // REQUIRED
          "merchant_id":"MERCHANT_ID",
          "order_id": "ORDER_ID",
          "email": "CUSTOMER_EMAIL",
          "delivery_country": "COUNTRY_CODE",
          "estimated_delivery_date": "YYYY-MM-DD",

          // OPTIONAL
          "opt_in_style": "OPT_IN_STYLE"
        }); 
     });
  }
</script>
<!-- END GCR Opt-in Module Code -->

En Prestashop 1.6 y el tema Bootstrap, se encuentra en el archivo /themes/default-bootstrap/order-confirmation.tpl

Añadimos el siguiente código, justo de la línea {$HOOK_ORDER_CONFIRMATION}, cambiar XXXXXX por el id que google nos haya asignado.

{literal}

<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>

<script>
window.renderOptIn = function() {
    window.gapi.load('surveyoptin', function() {
        window.gapi.surveyoptin.render(
        {
          // REQUIRED FIELDS
            "merchant_id": XXXXXX,
            "order_id": "{/literal}{$smarty.get.id_order}{literal}",
            "email": "{/literal}{$cookie->email|escape:'htmlall':'UTF-8'}{literal}",
            "delivery_country": "ES",
            "estimated_delivery_date": "{/literal}{"+1day"|date_format:"%G-%m-%d"}{literal}",

// OPTIONAL FIELDS
// "products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
          });
     });
}
</script>
{/literal}

Tendremso que editar también /themes/default-bootstrap/footer.tpl y añadir el siguiente código antes del cierre </body> en el que incluimos el código para añadir el código de la insignia y el idioma.

{literal}
<!-- 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": XXXXXX,
            // OPTIONAL
            //"position": "POSITION"
          });           
     });
  }
</script>
<!-- END GCR Badge Code -->

<script src="https://apis.google.com/js/platform.js" async defer></script>​

<!-- BEGIN GCR Language Code -->
<script>
  window.___gcfg = {
    lang: 'es'
  };
</script>
<!-- END GCR Language Code -->
{/literal}

Por último, para mostrar la insignia añadimos el siguiente código dónde queremos que se vea:

Participación en la encuesta Google / Prestashop

<g:ratingbadge merchant_id=XXXXXX></g:ratingbadge>​

No olvidar cambiar en todo el código las XXXXXXX por vuestro id de merchan

Este es el resultado:

Según Google Merchant, es posible que tarde varios días en aparecer, así que paciencia.

Si te ha servido, deja un comentario

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Más entradas
Blog

¿Qué es AJAX?

Jesse James Garret es probablemente la primera persona en usar el término AJAX en su artículo llamado “AJAX: A New Approach to Web Applications” publicado

Categorías
¿Quieres impulsar tu negocio?
escríbenos y manténte en contacto
Desarrollo de tiendas online Garber Informática
Contacta con nosotros