Blog

VTEX

A maneira mais simples e rápida de integrar a Dito com sua loja VTEX é via Google Tag Manager.

A VTEX disponibiliza tutoriais (tutorial 1, tutorial 2) para te ajudar a entender como fazer a integração da sua loja com o Tag Manager.

Para fazer a integração com a Dito, basta criar os eventos abaixo usando os dataLayers que a VTEX cria automaticamente para você.

Obs.: Informações e eventos que não estiverem disponíveis nos dataLayers criados pela VTEX, poderão ser buscados diretamente nos elementos das página da loja.

Instalação do SDK

Para instalar o JavaScript SDK em seu e-commerce, siga os passos abaixo:

  1. Faça login com em sua conta no Google Tag Manager

  2. Na aba Tags, clique no botão New;

  3. Dê um nome para sua tag. Ex: Dito - Instalação;

  4. No 1º passo, clique em Custom HTML Tag;

  5. No 2º passo, cole o código abaixo no campo HTML.

Lembre-se de mudar a API KEY de acordo com seu aplicativo.

<script type="text/javascript">
        (function(d,e,id){
          window.dito={};window._ditoTemp=[];
          dito.generateID=function(str){return'_dito_sha1_'+str;}
          var m=['init','identify','alias','unalias','track'],s=d.createElement('script'),
          x=d.getElementsByTagName(e)[0];s.type='text/javascript';s.async=true;s.id=id;
          s.src='//storage.googleapis.com/dito/sdk.js';x.parentNode.insertBefore(s,x);
          for(var i=0;i<m.length;i++){dito[m[i]]=function(i){
          return function(){_ditoTemp.push({methodName:m[i],params:arguments});}}(i)}
        })(document,'script','dito-jssdk');

        dito.init({
          apiKey: 'SUA_API_KEY',
          session: true
        });
</script>

  1. Clique no link Advanced Settings;

  2. No campo Tag firing priority, coloque o número 1000. Usaremos esse número como referência na criação das outras tags.

  3. No 3º passo, escolha a opção All Pages

  4. Clique no botão Create tag.

O JavaScript SDK foi instalado com sucesso. Nos próximos passos iremos enviar os usuários e os eventos.

Tags para serem trackeadas

Abaixo estão listados as tags sugeridas pela Dito para que você entenda o comportamento do seu cliente em sua loja.