https://olamzi.com/pixel-meta.html

1<!DOCTYPE html>
2<html lang="pt-BR">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>Pixel Meta, TikTok & Pinterest • Gerador de eventos e conversões</title>
7  <meta name="description" content="Configure pixels de conversão para Meta, TikTok e Pinterest. Gerador de eventos com códigos prontos para testar e implementar." />
8
9  <link rel="preconnect" href="https://fonts.googleapis.com">
10  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
12
13  <style>
14    :root {
15      --bg: #05060a;
16      --bg-soft: #0b0e17;
17      --primary: #6cf2c2;
18      --secondary: #7aa2ff;
19      --text: #e6e8ef;
20      --muted: #a0a4b8;
21      --card: rgba(255,255,255,0.04);
22      --border: rgba(255,255,255,0.08);
23      --radius: 20px;
24    }
25
26    * {
27      margin: 0;
28      padding: 0;
29      box-sizing: border-box;
30    }
31
32    body {
33      font-family: 'Inter', sans-serif;
34      background: radial-gradient(1200px 600px at 10% -10%, rgba(108,242,194,0.12), transparent 40%),
35                  radial-gradient(1000px 500px at 90% 10%, rgba(122,162,255,0.12), transparent 40%),
36                  var(--bg);
37      color: var(--text);
38      line-height: 1.6;
39    }
40
41    .container {
42      max-width: 1000px;
43      margin: 0 auto;
44      padding: 0 24px;
45    }
46
47    header {
48      padding: 32px 0;
49      border-bottom: 1px solid var(--border);
50    }
51
52    .nav {
53      display: flex;
54      align-items: center;
55      justify-content: space-between;
56    }
57
58    .logo {
59      font-size: 22px;
60      font-weight: 800;
61    }
62    .logo span { color: var(--primary); }
63
64    .nav a {
65      padding: 12px 20px;
66      border-radius: 999px;
67      background: linear-gradient(135deg, var(--primary), var(--secondary));
68      color: #05060a;
69      font-weight: 600;
70    }
71
72    .hero {
73      padding: 80px 0 60px;
74    }
75
76    .hero h1 {
77      font-size: 44px;
78      font-weight: 800;
79      margin-bottom: 20px;
80    }
81
82    .hero h1 span {
83      background: linear-gradient(135deg, var(--primary), var(--secondary));
84      -webkit-background-clip: text;
85      -webkit-text-fill-color: transparent;
86    }
87
88    .hero p {
89      color: var(--muted);
90      font-size: 18px;
91      max-width: 700px;
92      margin-bottom: 32px;
93    }
94
95    .btn-primary {
96      padding: 16px 28px;
97      border-radius: 999px;
98      background: linear-gradient(135deg, var(--primary), var(--secondary));
99      color: #05060a;
100      font-weight: 700;
101      display: inline-block;
102    }
103
104    .features {
105      display: grid;
106      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
107      gap: 24px;
108      margin: 60px 0;
109    }
110
111    .feature {
112      background: var(--card);
113      border: 1px solid var(--border);
114      border-radius: var(--radius);
115      padding: 28px;
116    }
117
118    .feature h3 {
119      margin-bottom: 10px;
120    }
121
122    .feature p {
123      color: var(--muted);
124    }
125
126    .screenshot {
127      text-align: center;
128      margin: 40px 0;
129    }
130
131    .screenshot img {
132      max-width: 100%;
133      border-radius: var(--radius);
134      border: 1px solid var(--border);
135    }
136
137    footer {
138      padding: 40px 0;
139      text-align: center;
140      color: var(--muted);
141      font-size: 14px;
142      border-top: 1px solid var(--border);
143      margin-top: 60px;
144    }
145
146    a { color: var(--primary); text-decoration: none; }
147    a:hover { color: var(--secondary); }
148  </style>
149
150  <!-- Google Analytics -->

150
151  <script async src="https://www.googletagmanager.com/gtag/js?id=

151G-581J8T66RR

151"></script>
152  

152<script>
153    

153window.dataLayer = window.dataLayer || [];
154    function gtag(){dataLayer.push(arguments);}
155    gtag('js', new Date());
156    gtag('config', '

156G-581J8T66RR

156');
157  

157</script>

157
158</head>
159<body>
160  <header>
161    <div class="container nav">
162      <div class="logo">Olam<span>zi</span></div>
163      <a href="https://wa.me/5534984193829" target="_blank">Fale no WhatsApp</a>
164    </div>
165  </header>
166
167  <main class="container">
168    <section class="hero">
169      <h1>Pixel <span>Meta, TikTok & Pinterest</span></h1>
170      <p>
171        Gerador de pixel e eventos para Meta (Facebook/Instagram), TikTok e Pinterest. Configure conversões facilmente, obtenha códigos prontos e teste tudo em poucos cliques.
172      </p>
173      <a href="https://olamzi.com/pixel-meta-tiktok-pinterest/" target="_blank" class="btn-primary">Acessar ferramenta</a>
174    </section>
175
176    <div class="screenshot">
177      <img src="https://lh3.googleusercontent.com/4HJzkUqYQH5ISWRj1zfeuHOD6j751m1b725dLkt2sPDXoNogquaT_kJvut08I3BJ69FIdq7UbZupH4rbrzP6DTnX=s1280-w1280-h800" alt="Pixel Meta, TikTok e Pinterest - Interface">
178    </div>
179
180    <section>
181      <h2 style="font-size: 30px; font-weight: 800; margin-bottom: 24px;">O que você pode fazer</h2>
182      <div class="features">
183        <div class="feature">
184          <h3>📌 Gerar pixel</h3>
185          <p>Obtenha o código do pixel para Meta, TikTok ou Pinterest com poucos cliques.</p>
186        </div>
187        <div class="feature">
188          <h3>⚙️ Eventos personalizados</h3>
189          <p>Crie eventos de conversão como compra, lead, cadastro e muito mais.</p>
190        </div>
191        <div class="feature">
192          <h3>🧪 Teste e valide</h3>
193          <p>Teste seus eventos com ferramentas integradas e veja se estão funcionando.</p>
194        </div>
195      </div>
196    </section>
197
198    <section>
199      <h2 style="font-size: 30px; font-weight: 800; margin-bottom: 16px;">Por que usar?</h2>
200      <p style="color: var(--muted); max-width: 700px;">
201        Acompanhar conversões é essencial para qualquer estratégia de marketing digital. Com o Pixel Meta, TikTok & Pinterest, você configura tudo de forma rápida, sem precisar de conhecimentos técnicos avançados.
202      </p>
203      <a href="https://olamzi.com/pixel-meta-tiktok-pinterest/" target="_blank" style="display: inline-block; margin-top: 24px; color: var(--secondary); font-weight: 600;">Acessar ferramenta agora →</a>
204    </section>
205  </main>
206
207  <footer>
208    <div class="container">
209      © 2026 Olamzi • Pixel Meta, TikTok & Pinterest
210    </div>
211  </footer>

212<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7b26aed867234f0890f4f5b33b3e030e","r":1,"spa":2}' crossorigin="anonymous"></script>

212
213</body>
214</html>