Safeo ID – landing page
Statická stránka (HTML + SCSS), nasadená na Vercel.
Dve verzie dizajnu
| Verzia | URL | Súbory |
|---|
| Pôvodný dizajn (predvolený) | https://safeoid.sk/ | index.html, assets/app.js, assets/styles.scss → assets/dist/ |
| Nový dizajn (test) | https://safeoid.sk/?redizajn → /v2/ | v2/index.html, assets/v2/ |
/?redizajn presmeruje na /v2/ (redirect vo vercel.json, záložne JS v index.html).
Nová verzia má noindex, aby ju Google neindexoval ako duplicitu. Obe verzie posielajú do dataLayer
design_version (v1 / v2), takže konverzie sa dajú v GA4 porovnať.
Spustenie nového dizajnu naostro: skopírovať v2/index.html do index.html, zmeniť cesty
/assets/v2/… podľa potreby, nastaviť robots na index,follow a odstrániť redirect z vercel.json.
Celý redizajn je aj v branchi redesign-landing.
Build štýlov
# pôvodný dizajn
sass assets/styles.scss assets/dist/styles.css
# nový dizajn
sass --style=compressed assets/v2/styles.scss assets/v2/styles.min.css
Po zmene CSS/JS zvýšte ?v= v príslušnom HTML.
Meranie konverzií (GTM GTM-PTM7WQD6)
Nový dizajn (assets/v2/app.js) posiela do dataLayer tieto udalosti. V GTM stačí trigger typu Custom Event a GA4 event tag.
| Udalosť | Kedy | Parametre |
|---|
cta_click | klik na „Vyskúšať“ / „Mám záujem…“ | cta_location, cta_text, plan |
login_click | klik na „Prihlásiť sa“ (app.safeoid.sk) | cta_location |
phone_click | klik na telefónne číslo | cta_location |
how_step_view | prepnutie kroku v „Ako to funguje“ | step |
video_play, video_complete | promo video | video_title |
form_start | prvá interakcia s formulárom | form_id |
generate_lead | úspešné odoslanie formulára (hlavná konverzia) | form_id, lead_type |
form_error | chyba pri odosielaní | form_id, error |
Odporúčaný lievik v GA4: page_view → cta_click → form_start → generate_lead.
Pri kliknutí na balík v cenníku sa do skrytého poľa message doplní „Záujem o Safeo ID – balík …“.
Referencie
V novom dizajne (v2/index.html) je v sekcii #o-nas je zakomentovaná šablóna pre referencie a prípadové štúdie – odkomentujte ju až s reálnymi údajmi a súhlasom zákazníka.
