Integração de Tracking

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WHQGLTXC');</script>
<!-- End Google Tag Manager -->

<!-- logo apos a abertura do body: -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHQGLTXC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'form_submit_trial',
  event_id: crypto.randomUUID(),  // unico por cadastro
  value: 199,
  currency: 'BRL',
  plan: 'trial',        // sempre 'trial' no cadastro
  area: '<segmento>'    // trabalhista | previdenciario | contencioso (vem da LP/campanha)
});

{
  event_id,        // o mesmo gerado no push acima
  gclid, fbclid,   // vem da URL de entrada
  utm_source, utm_medium, utm_campaign,
  utm_content, utm_term,
  area             // &area=... vindo da LP por segmento
}
// a LP ja propaga esses parametros ate o /register;
// do lado do produto, basta le-los da URL e gravar.

{
  event: 'trial_to_paid',   // ou 'upgrade_plan'
  event_id: 'sub_1Pxxxx',   // id estavel, ex: assinatura Stripe
  value: 199,
  currency: 'BRL',
  plan: 'basic',            // Basic / Pro / Enterprise
  email_sha256: '...',      // hash do e-mail
  gclid: '...', fbclid: '...',
  utm_source: '...', utm_medium: '...', utm_campaign: '...',
  utm_content: '...', utm_term: '...'
}

// supabase/functions/meta-capi/index.ts
// Recebe a venda e envia a Meta via Conversions API.
import { createHash } from "node:crypto";

const PIXEL_ID = "1009120801605718";
const TOKEN = Deno.env.get("META_CAPI_TOKEN");   // secret no Supabase
const ENDPOINT = `https://graph.facebook.com/v20.0/${PIXEL_ID}/events`;

const sha256 = (v) =>
  createHash("sha256").update(v.trim().toLowerCase()).digest("hex");

Deno.serve(async (req) => {
  const s = await req.json();   // venda + identificadores do Ponto 1

  const body = {
    data: [{
      event_name: "Purchase",            // trial_to_paid / upgrade_plan
      event_time: Math.floor(Date.now() / 1000),
      event_id: s.event_id,              // mesmo do navegador -> dedup
      action_source: "website",
      user_data: {
        em: s.email ? [sha256(s.email)] : undefined,
        fbc: s.fbc, fbp: s.fbp,
        client_ip_address: s.client_ip,
        client_user_agent: s.user_agent,
      },
      custom_data: { value: s.value, currency: s.currency, plan: s.plan },
    }],
  };

  const r = await fetch(`${ENDPOINT}?access_token=${TOKEN}`, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(body),
  });
  return new Response(await r.text(), { status: r.status });
});