Adicione o Google Avaliações do Consumidor

Neste tutorial veremos como adicionar o selo de pesquisas do Google em sua loja.

HTML

1. Na pasta static/js, adicionamos o arquivo google-survey.js.tpl:

{# Google survey JS for Tiendanube /#}


{% if store.google_merchant_id %}
  <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": {{ store.google_merchant_id | escape('js') }},
            "position": "BOTTOM_LEFT"
          });
      });
      };
    window.___gcfg = {
      lang: '{% if store.country == 'BR' %}pt_BR{% else %}es{% endif %}'
    };
  </script>
{% endif %}

2. Chamamos o arquivo que acabamos de criar a partir de layouts/layout.tpl. Vamos adicioná-lo antes de fechar a tag </ body> da seguinte forma:

{% include "static/js/google-survey.js.tpl" %}

Depois de adicionar o ID do Google nos códigos externos do Administrador Nuvem, você pode ver os resultados das avaliações em sua loja. Para mais informações, leia este tutorial