Cross-Border Electronic Scene — Landing Page

Landing page di validazione per il progetto di musica elettronica cross-border Trieste × Slovenia × Croatia.

Stack (costo: ~€10/anno)

Tool	Costo	Uso
GitHub Pages	Gratis	Hosting
Google Sheets	Gratis	Database contatti
Google Apps Script	Gratis	Form backend
Google Analytics 4	Gratis	Analytics
Meta Pixel	Gratis	Ad tracking

Unico costo: dominio custom (~€10/anno) — opzionale, funziona anche con tuonome.github.io

Setup Rapido

1. Deploy su GitHub Pages

# Il repo è già inizializzato
git add .
git commit -m "Initial commit: landing page"
git remote add origin https://github.com/TUOUSERNAME/crossborder-electronic.git
git push -u origin master

# Poi vai su GitHub → Settings → Pages → Source: master branch
# Il sito sarà live su: https://TUOUSERNAME.github.io/crossborder-electronic/

2. Setup Google Sheets Backend

1. Crea un nuovo Google Sheet → chiamalo "CrossBorder Electronic - Registrations"
2. In Row 1 aggiungi gli headers: Timestamp | Email | Language | Name | City | Genres | Subgenres | Format | Frequency | Price | Instagram | Skipped | UTM Source | UTM Medium | UTM Campaign
3. Vai su Extensions → Apps Script
4. Cancella tutto e incolla il contenuto di google-apps-script.js
5. Click Deploy → New deployment → Web app
   • Execute as: Me
   • Who has access: Anyone
6. Copia l'URL del deployment
7. In index.html, trova questa riga e incolla l'URL:

   const GOOGLE_SCRIPT_URL = ''; // ← INCOLLA QUI

8. Commit e push

3. Setup Analytics (opzionale ma raccomandato)

Google Analytics 4:

1. Crea property su analytics.google.com
2. Copia il Measurement ID (G-XXXXXXXXXX)
3. In index.html, decommenta il blocco GA4 e sostituisci GA_MEASUREMENT_ID

Meta Pixel:

1. Crea pixel su business.facebook.com
2. Copia il Pixel ID
3. In index.html, decommenta il blocco Meta Pixel e sostituisci PIXEL_ID

4. Dominio Custom (opzionale)

1. Compra dominio (es. su Namecheap, ~€10/anno)
2. Su GitHub: Settings → Pages → Custom domain → inserisci il dominio
3. Sul registrar: aggiungi CNAME record che punta a TUOUSERNAME.github.io
4. Crea file CNAME nel repo con il dominio

Struttura File

crossborder-electronic/
├── index.html              # Sito completo (HTML + CSS + JS)
├── google-apps-script.js   # Script da copiare in Google Apps Script
├── CNAME                   # (da creare) Per dominio custom
└── README.md               # Questo file

Features

• 3 lingue: EN / IT / SL con auto-detect browser language
• Form 2-step: Email capture → Discovery form (genere, formato, WTP)
• Google Sheets backend: Dati in tempo reale
• UTM tracking: Cattura source/medium/campaign dalle URL ads
• Meta Pixel + GA4: Tracking conversioni per ottimizzazione ads
• Responsive: Mobile-first design
• Zero dependencies: HTML/CSS/JS puro, nessun framework

UTM Parameters per Meta Ads

Usa questi URL nei tuoi ads per tracciare le fonti:

# Ad Set 1: Techno Scene
https://TUODOMINIO/?utm_source=meta&utm_medium=paid&utm_campaign=techno_scene

# Ad Set 2: Electronic Music
https://TUODOMINIO/?utm_source=meta&utm_medium=paid&utm_campaign=electronic_generic

# Ad Set 3: House & Techno
https://TUODOMINIO/?utm_source=meta&utm_medium=paid&utm_campaign=house_techno