Instruction file imported from MattCorlleone/agent-instructions (.cursor/rules/next-app-router-page-datalayer.mdc). Copyright stays with the author.

Next App Router Page DataLayer

Name: next-app-router-page-datalayer
Author: MattCorlleone

Antes de criar uma pagina App Router, classifique: indexavel ou nao, tipo de conteudo, conversao principal e CTAs existentes.
Toda pagina indexavel deve ter metadata/canonical e entrar no sitemap quando aplicavel.
Paginas comerciais, consultivas, produtos, servicos, segmentos, materiais, blog e landing pages devem usar ContentInterestTracker quando interesse de conteudo importa.
CTAs internos comerciais devem usar TrackedCtaLink ou handler equivalente que dispare cta_click.
CTAs diretos para WhatsApp devem usar WhatsAppLink e disparar whatsapp_click antes de abrir a conversa.
Rotas formais como /contato, /cotacao, /cotacoes, /orcamento e /orcamentos usam formulario por API, /obrigado?lead_type=... e generate_lead.
Rotas contextuais/dinamicas usam ContextualContactContainer quando houver captura via WhatsApp; esse fluxo nao chama /api, nao abre /obrigado e nao dispara generate_lead.
Use source, ctaLocation, contentType, contextType, contextSlug, contextTitle e leadType estaveis, em snake_case e sem acento.
Nenhum botao comercial deve ficar apenas como <a> ou <button> sem evento rastreavel.
Valide localmente com analytics debug e no GTM Preview antes de publicar.

Referencia completa: .agents/skills/next-app-router-page-datalayer/references/GUIA-NOVA-PAGINA-APP-ROUTER-DATALAYER.md.

{ "ocm": "1", "id": "mattcorlleone-agent-instructions-next-app-router-page-da-f27a09", "kind": "skill", "name": "next-app-router-page-datalayer", "description": "Use sempre que criar ou alterar uma pagina Next.js App Router com metadata, sitemap, CTAs, formularios, WhatsApp, dataLayer, GTM ou eventos de conversao.", "publisher": "MattCorlleone", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-cursor-rules" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Use sempre que criar ou alterar uma pagina Next.js App Router com metadata, sitemap, CTAs, formularios, WhatsApp, dataLayer, GTM ou eventos de conversao." ], "primary": false, "metadata": { "source": { "provider": "github-cursor-rules", "repository": "https://github.com/MattCorlleone/agent-instructions", "path": ".cursor/rules/next-app-router-page-datalayer.mdc", "ref": "b77bc5b65081e755c0c3d6a9524291764c3ede93", "url": "https://github.com/MattCorlleone/agent-instructions/blob/b77bc5b65081e755c0c3d6a9524291764c3ede93/.cursor/rules/next-app-router-page-datalayer.mdc", "key": "MattCorlleone/agent-instructions/.cursor/rules/next-app-router-page-datalayer.mdc" }, "applies_to": [ "src/app/**/page.tsx", "src/app/**/layout.tsx", "src/app/sitemap.ts", "src/app/robots.ts", "src/components/analytics/**", "src/components/common/WhatsAppLink.tsx", "src/components/forms/**", "src/components/sections/contextual-contact/**", "src/domain/lead.ts", "src/lib/analytics/**" ] }, "instructions": "# Next App Router Page DataLayer\n\n- Antes de criar uma pagina App Router, classifique: indexavel ou nao, tipo de conteudo, conversao principal e CTAs existentes.\n- Toda pagina indexavel deve ter metadata/canonical e entrar no sitemap quando aplicavel.\n- Paginas comerciais, consultivas, produtos, servicos, segmentos, materiais, blog e landing pages devem usar `ContentInterestTracker` quando interesse de conteudo importa.\n- CTAs internos comerciais devem usar `TrackedCtaLink` ou handler equivalente que dispare `cta_click`.\n- CTAs diretos para WhatsApp devem usar `WhatsAppLink` e disparar `whatsa", "cost": { "context_tokens": 351 } }

next-app-router-page-datalayer

About

Next App Router Page DataLayer

Use it

Manifest

Reviews