• Rastreamento da Shopify

    Tabela de conteúdo

    Curto e agradável

    Conecte o Shopify diretamente com o Varify e analise seus experimentos diretamente com os dados de conversão e receita do Shopify. A integração só funciona com o uso do GA4, pois o número de visitantes é importado do GA4.

    Como usar os dados de rastreamento da Shopify

    Etapa 1: Ativar a importação de dados da Shopify

    Vá para "Tracking Setup" (Configuração de rastreamento) e clique na guia "Advanced Setup" (Configuração avançada). Ative a configuração "Use Shopify Data" aqui.

    Etapa 2: Crie um pixel personalizado com o código de rastreamento da Varify

    Clique em "Settings" (Configurações) em sua loja da Shopify e abra "Customer events" (Eventos do cliente). Em seguida, clique em "Add custom pixel" (Adicionar pixel personalizado) e insira o seguinte código:

    				
    					analytics.subscribe('varify', async (event) => {
      const {varify_experimentId, varify_variationId, teamId, storageType, timestamp} = event.customData;
      const validVariationId = varify_variationId !== undefined ? varify_variationId : null;
    
      const existingDataRaw = await browser.localStorage.getItem('varify-data');
      const existingData = existingDataRaw ? JSON.parse(existingDataRaw) : {};
    
      if (!existingData.data) {
        existingData.data = [];
      }
    
      const experimentEntry = {
        [varify_experimentId]: validVariationId,
        timestamp: timestamp || new Date().toISOString()
      };
    
      existingData.data = existingData.data.filter(
        entry => !entry.hasOwnProperty(varify_experimentId)
      );
    
      existingData.data.push(experimentEntry);
      existingData.teamId = teamId;
      existingData.storageType = storageType;
    
      existingData.data = existingData.data.filter(
        entry => Object.keys(entry).length > 0
      );
    
      await browser.localStorage.setItem('varify-data', JSON.stringify(existingData));
    });
    
    analytics.subscribe('checkout_started', async (event) => {
      const existingDataRaw = await browser.localStorage.getItem('varify-data');
      const existingData = existingDataRaw ? JSON.parse(existingDataRaw) : {};
    
      if (!existingData.data || existingData.data.length === 0) {
        return;
      }
    
      const thresholdDate = new Date();
      thresholdDate.setDate(thresholdDate.getDate() - 28);
    
      existingData.data = existingData.data.filter(entry => {
        if (!entry.timestamp) {
          return true;
        }
    
        const entryDate = new Date(entry.timestamp);
        return entryDate >= thresholdDate;
      });
    
      await browser.localStorage.setItem('varify-data', JSON.stringify(existingData));
    });
    
    analytics.subscribe('checkout_completed', async (event) => {
    
      const {data: {checkout: {order: {id: orderId} = {}, subtotalPrice: {amount: orderRevenue} = {}} = {}}} = event;
      const localVariationData = await browser.localStorage.getItem('varify-data');
      const parsedData = JSON.parse(localVariationData);
      const storedAccountId = parsedData.teamId;
      const storageType = parsedData.storageType;
      const experiments = parsedData.data.map(entry => {
          return Object.entries(entry)[0]
        });
    
      try {
        await fetch('https://ecommerce.varify.io/store_data', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
    
          body: JSON.stringify({
            experiments,
            orderId,
            orderRevenue,
            accountId: storedAccountId,
            storageType: storageType,
          }),
        });
    
      } catch (error) {
        console.error('Error sending data', error);
      }
    });
    				
    			

    Depois de adicionar o código, clique em salvar. Verifique também se as permissões estão definidas corretamente; caso contrário, o script não será executado se uma permissão de usuário estiver ausente. Em seguida, clique em "Connect" (Conectar). Agora a integração foi instalada com sucesso.

    Etapa 3: Adicione metas da Shopify ao seu experimento

    Verifique se a configuração de rastreamento está definida e se você selecionou o GA4 como provedor de rastreamento e se o item "Avaliação de teste" está definido como "Em Varify e GA4". Se esse for o caso, um "Link de resultados" aparecerá agora para experimentos "recém-criados" no canto superior direito do experimento iniciado. 

    Clique no "Results Link" (Link de resultados) para abrir o relatório de resultados correspondente do experimento. Agora você pode clicar em "Add Shopify Goal" (Adicionar meta do Shopify) para adicionar "Conversions" (Conversões) ou "Revenue" (Receita) como meta. Os visitantes da meta são obtidos do GA4. O valor da conversão e o valor da receita vêm diretamente da Shopify.

    Importante: os dados do GA4 são atualizados somente após aproximadamente 24 horas. Os dados da Shopify são atualizados em tempo real.

  • Primeiros passos