This is a Next.js TypeScript app for a Toyota dealership with ASC 1.1 event instrumentation pushed to Google Tag Manager (GTM) dataLayer.

Getting Started

1. Install dependencies

npm install

2. Configure environment

Create .env.local with:

NEXT_PUBLIC_GTM_ID=GTM-XXXXXXX

3. Run the dev server

npm run dev

Open http://localhost:3000

Sitemap Pages

• / Home
• /inventory Search/Results Page (SRP)
• /inventory/[vin] Vehicle Detail Page (VDP)
• /finance, /trade-in, /service, /test-drive, /contact, /specials

Analytics & ASC Events

• GTM loader: src/components/GTMProvider.tsx (included in src/app/layout.tsx)
• ASC helper: src/lib/asc.ts

Emitted events (ASC GA4 v1.1 aligned):

• page_view on each page
• view_item_list on SRP with items, optional filters, search_term
• select_item when clicking a vehicle from SRP
• view_item on VDP
• generate_lead for finance, trade-in, service, test drive, contact, specials
• search when SRP filters/search change

GTM Data Layer reference: https://developers.google.com/tag-platform/tag-manager/datalayer/