Blog

VTEX - Evento: acessou-produto

  1. Cria uma nova tag escolhendo a opção Custom HTML Tag;

  2. Configure a tag com o código abaixo:

<script type="text/javascript">
      (function(){
        var sku_produto = [];
        var ditoCategories = [];

        for(var i in {{skuStocks}}){
          sku_produto.push(i);
        }

        if({{productCategoryName}}) ditoCategories.push({{productCategoryName}});
	      if({{productDepartmentName}}) ditoCategories.push({{productDepartmentName}});
        
        dito.track({
          action: 'acessou-produto',
          data: {
            id_produto: {{productId}},
            categorias_produto: ditoCategories,
            marca: {{brand}},
            nome_produto: {{productName}},
            preco_produto: parseFloat({{productPriceFrom}}),
            reference_id: {{productReferenceId}},
            sku_produto: sku_produto.join(', ')
          }
        });
      })();
    </script>

  1. No 3º passo, escolha a opção More;

  2. Na lista de Triggers, clique em New e selecione a opção Custom Event;

  3. No campo Event name, digite productView;

  4. Clique em Save Trigger;

  5. Dê um nome para seu trigger: VTEX - Produto;

  6. Salve sua tag.

Configuração das variáveis

  1. Na aba Variables, vá até a seção User-Defined Variables e clique no botão New;

  2. Selecione a opção Data Layer Variable;

  3. No campo Data Layer Variable Name, digite productId;

  4. Dê um nome para sua variável: productId

  5. Salve sua variável.

Repita o mesmo processo para o restantes das variáveis: productCategoryName, productDepartmentName, productName, productPriceFrom, productReferenceId, brand, skuStocks.

Voltar