<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Diana Regina</title>
    <description>The latest articles on DEV Community by Diana Regina (@dianaregina).</description>
    <link>https://dev.to/dianaregina</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1628089%2F05a0a1c5-34c9-420e-9261-a884c474be99.jpeg</url>
      <title>DEV Community: Diana Regina</title>
      <link>https://dev.to/dianaregina</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dianaregina"/>
    <language>en</language>
    <item>
      <title>Do clique à estratégia: como usamos o Snowplow Analytics para emitir e capturar eventos de clique</title>
      <dc:creator>Diana Regina</dc:creator>
      <pubDate>Thu, 05 Sep 2024 04:06:12 +0000</pubDate>
      <link>https://dev.to/tino-tech/do-clique-a-estrategia-como-usamos-o-snowplow-analytics-para-emitir-e-capturar-eventos-de-clique-pjl</link>
      <guid>https://dev.to/tino-tech/do-clique-a-estrategia-como-usamos-o-snowplow-analytics-para-emitir-e-capturar-eventos-de-clique-pjl</guid>
      <description>&lt;p&gt;Descubra como utilizamos o Snowplow, uma ferramenta de rastreamento de sites e aplicações para tomar melhores decisões de negocio e produto aqui no Tino. &lt;/p&gt;




&lt;p&gt;O &lt;a href="https://snowplow.io/" rel="noopener noreferrer"&gt;Snowplow Analytics&lt;/a&gt; é uma ferramenta open source destinada a coleta, armazenamento e analise de dados em sites e aplicativos, disponível tanto para linguagens do frontend como backend. &lt;/p&gt;

&lt;p&gt;Conseguimos gerar uma série de eventos para monitoramento de click, acesso a página, envio de formulário, entre outros. O snowplow faz um enriquecimento desses eventos disponibilizando dados como data e hora de coleta, tipo do dispositivo, cookies, IP e geolocalização. &lt;/p&gt;

&lt;p&gt;Esses dados podem ser enviados para uma data warehouse como a Amazon Redshift ou Google BigQuery para uma analise mais detalhada, sendo possível realizar integrações com outras ferramentas como o Excel ou Looker Studio para divulgar esses dados em forma de relatório ou dashboard e gerar insights sobre o negocio.&lt;/p&gt;




&lt;h3&gt;
  
  
  Porque o Snowplow Analytics impulsiona nosso business
&lt;/h3&gt;

&lt;p&gt;O Tino é um meio de pagamento pro B2B que está buscando seu &lt;em&gt;product marketing fit&lt;/em&gt;, ou seja, está buscando desenvolver um produto que atenda às necessidades e desejos dos clientes-alvo, e ter dados para entender o comportamento, otimizar fluxos, melhorar o produto e identificar oportunidades de mercado é essencial nesse processo.&lt;/p&gt;

&lt;p&gt;Um exemplo de como usamos o snowplow foi na edição de notas fiscais dos pedidos feitos pelos lojistas para fornecedores pagos via Tino. Foi desenvolvido um &lt;em&gt;fake door&lt;/em&gt;, uma técnica utilizada para entender o interesse dos usuários por uma determinada feature, e utilizamos os eventos de click do snowplow para metrificar esse interesse.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpr305lj4hw6rhx4ng8w9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpr305lj4hw6rhx4ng8w9.png" alt="Demonstração de como usamos o fake door para medir o interesse dos clientes pela funcionalidade de baixar NF" width="800" height="543"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Após a coleta e analise dos eventos, foi possível validar a hipótese de que os clientes tinham interesse em ter essa funcionalidade e por tanto, foi implementada no produto.&lt;/p&gt;




&lt;h3&gt;
  
  
  Configuração e emissão dos eventos (quick tutorial)
&lt;/h3&gt;

&lt;h4&gt;
  
  
  1. Instalação das dependências
&lt;/h4&gt;

&lt;p&gt;O primeiro passo é instalar a dependência do snowplow:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;pnpm add @snowplow/browser-tracker
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Depois, instale o plugin para emissão de eventos de clique:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;pnpm add @snowplow/browser-plugin-button-click-tracking
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  2. Configuração do evento
&lt;/h4&gt;

&lt;p&gt;Nessa etapa chamamos o tracker do snowplow com &lt;code&gt;newTracker()&lt;/code&gt; chamando 3 parâmetros correspondentes ao id do tracker, a URL do site que será monitorado e as configurações. Dentre elas o id da aplicação e um array de plugins, que levará o plugin para trackear todos os botões da aplicação.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;newTracker&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;@snowplow/browser-tracker&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;enableButtonClickTracking&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;enableButtonClickTracking&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;@snowplow/browser-plugin-button-click-tracking&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nf"&gt;newTracker&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;sp1&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;{{collector_url}}&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
   &lt;span class="na"&gt;appId&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;my-app-id&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
   &lt;span class="na"&gt;plugins&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt; &lt;span class="nc"&gt;ButtonClickTrackingPlugin&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;],&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="nf"&gt;enableButtonClickTracking&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Por padrão, o snowplow vai considerar o texto do elemento como identificador do evento. Essa prática é ruim porque o monitoramento se torna muito sensível a uma mudança de UI. Se mudarmos o texto para “Baixar Nota Fiscal” por exemplo, o identificador do evento será alterado. &lt;/p&gt;

&lt;p&gt;Uma prática interessante para evitar essa problema de mudança é usar o parâmetro &lt;code&gt;data-sp-button-label&lt;/code&gt;, que funciona como uma especie de id para o snowplow nomear os eventos de clique a partir dele e não do texto.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;data-sp-button-label=&lt;/span&gt;&lt;span class="s"&gt;"download-nf"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Baixar NF&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h3&gt;
  
  
  Parceria entre produto, engenharia e analytics
&lt;/h3&gt;

&lt;p&gt;A preocupação com o monitoramento do produto é algo que temos como premissa aqui no Tino, por tanto, é um trabalho feito a várias mãos entre o time de produto, engenharia e dados. Partimos da nossa principal métrica para avaliar o crescimento da empresa, o TPV, que corresponde ao valor total das transações processadas, isto é, quanto mais se paga com o Tino, maior é esse valor. &lt;/p&gt;

&lt;p&gt;Temos metas de TPV a serem batidas todos os semestres e o papel de produto é pensar em quais alavancas podem aumentá-lo. Um exemplo de alavanca seria aumentar a quantidade de compras pagas usando Tino, porém existem casos onde as pessoas abrem o &lt;em&gt;checkout&lt;/em&gt; mas fecham sem finalizar. &lt;/p&gt;

&lt;p&gt;A partir dessa dor precisamos entender, são pessoas que precisaram passar por um cadastro antes? A forma de pagamento oferecida não é adequada? Ela não tem limite suficiente? Para responder essas perguntas, precisamos de dados. &lt;/p&gt;

&lt;p&gt;Cabe a engenharia ajudar o time de produto a entender quais métricas/eventos já temos para responder essas perguntas e se não, o que precisamos fazer para responde-las. Dado que temos o monitoramento funcionado, o time de dados faz a extração dos dados, que junto do time de produto poderá gerar dashboards e relatórios para gerar insights para responder aquelas perguntas.&lt;/p&gt;




&lt;p&gt;Obrigada por chegar ao final da leitura! Espero que esse artigo tenha contribuído para o seu conhecimento sobre Snowplow. Caso tenha algum feedback ou queria contar como sua empresa monitora seus produtos, por favor coloque nos comentários :)&lt;/p&gt;

&lt;p&gt;Se você deseja fazer parte do time que busca fazer com que empreender seja uma missão menos impossível, vem pro Tino!&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Referências:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://medium.com/afya/desvendando-o-comportamento-dos-usu%C3%A1rios-como-construimos-produtos-de-maneira-data-driven-6cb0a0b2ed9" rel="noopener noreferrer"&gt;&lt;strong&gt;Desvendando o comportamento dos usuários: Como construimos produtos de maneira Data-Driven&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.snowplow.io/docs/collecting-data/collecting-from-own-applications/javascript-trackers/web-tracker/quick-start-guide/?platform=browser" rel="noopener noreferrer"&gt;&lt;strong&gt;Quick Start Guide - Snowplow&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.snowplow.io/docs/collecting-data/collecting-from-own-applications/javascript-trackers/web-tracker/tracking-events/button-click/" rel="noopener noreferrer"&gt;&lt;strong&gt;Button Click Tracking - Snowplow&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>frontend</category>
      <category>dados</category>
      <category>snowplow</category>
      <category>analytics</category>
    </item>
  </channel>
</rss>
