En este tutorial vamos a ver cómo agregar la insignia de las encuestas de Google en tu tienda.
HTML
1. Agregamos en la carpeta static/js el archivo google-survey.js.tpl en el que copiamos el siguiente código:
{# 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. Llamamos el archivo que acabamos de crear desde layouts/layout.tpl. Lo vamos a agregar antes de cerrar la etiqueta </body> de la siguiente manera:
{% include "static/js/google-survey.js.tpl" %}Una vez que agregues el ID de Google en los códigos externos del Administrador nube vas a poder ver el resultado de las calificaciones en tu tienda. Para más información lee este tutorial: https://ayuda.tiendanube.com/configuraciones/codigos-externos/como-activar-las-resenas-de-clientes-de-google