Ako vam pomisao na 'zalijepite ovaj isječak u svoj <head>' zateže ramena, niste sami. Ovo neće biti tehnička priča. Slijedi točno petnaest minuta koje trebate, napisano jezikom bakinih recepata, a ne foruma za programere.
Što zapravo instaliramo
Mali komadić koda — zamislite ga kao malu naljepnicu — koji se nalazi na svakoj stranici vaše web stranice i govori nam tko je posjećuje. To je sve. Ne mijenja izgled vaše stranice, ne usporava je primjetno, a ako sljedeći tjedan odlučite da to nije za vas, jednostavno skinete naljepnicu i sve je točno kao prije.
Razumljiv jezik
'Isječak' je prijateljska riječ za 'mali komadić koda'. Ne morate ga čitati ili razumjeti. Samo ga trebate zalijepiti jednom.
Standardna ruta bez koda (radi za većinu web stranica)
- Prijavite se na svoj alat za izradu web stranica (WordPress, Shopify, Webflow, Wix, Squarespace).
- Pronađite izbornik 'postavke' — obično ikonu zupčanika, često u donjem lijevom kutu.
- Potražite odjeljak pod nazivom 'prilagođeni kod', 'kod zaglavlja', 'praćenje' ili 'integracije'.
- Kopirajte naš isječak s konfiguracijske stranice i zalijepite ga u polje 'head' ili 'header'.
- Spremi. Osvježite svoju početnu stranicu. Gotovi ste.
Ako koristite WordPress
Dva jednostavna načina. Ako imate dodatak poput WPCode ili HeadFooterCode, ili ako vaša tema ima polje za 'skripte zaglavlja' u opcijama, zalijepite ga tamo. Ako ne, instalirajte jedan od tih besplatnih dodataka u dvije minute i koristite ga. Bez uređivanja datoteka. Bez FTP-a. Bez panike.
Ako koristite Shopify
Idite na Online Store → Themes → Actions → Edit code. Potražite 'theme.liquid' u mapi layout. Negdje pri vrhu bit će redak s </head>. Zalijepite isječak izravno iznad tog retka. Spremi. Zvuči strašnije nego što jest — traje dvanaest sekundi i jedan desni klik mišem.
Ako koristite Webflow, Wix ili Squarespace
Svaki od ovih sustava ima službeni odjeljak 'prilagođeni kod' u postavkama stranice. Posebno je dizajniran za točno ono što sada radite. Webflow: Project Settings → Custom Code → Head. Wix: Settings → Advanced → Custom Code. Squarespace: Settings → Advanced → Code Injection → Header.
Kako provjeriti radi li
| Korak | Gdje pogledati |
|---|---|
| 1. Osvježite svoju početnu stranicu | U normalnoj kartici preglednika |
| 2. Otvorite stranicu za provjeru praćenja | Na nadzornoj ploči lead.box-a |
| 3. Vidite li zelenu značku 'instalirano' | Unutar nekoliko sekundi |
| 4. Ako je crveno — provjerite korak 5 ispod | |
| 5. Provjerite jeste li zalijepili u 'head', a ne u 'body' ili 'footer' | Ista stranica s postavkama |
Ako nešto pođe po zlu (što se obično ne događa)
Ako provjera ostane crvena, isječak je gotovo sigurno završio u pogrešnom polju ili morate kliknuti 'objavi' u svom alatu za izradu web stranica kako bi promjena postala aktivna. Ponovno objavite. Osvježite. Ako je nakon pet minuta još uvijek crveno? Naša podrška odgovara unutar sat vremena — bez žargona i bez beskrajnih labirinata ulaznica.
Iskrena istina o 'strahu od tehnologije'
Razlog zašto se instalacije čine zastrašujućima nije težina — to je jezik. 'Head', 'snippet', 'custom code', 'injection', 'tag manager' su samo riječi za 'zalijepi ovu stvar ovdje'. Nakon što to učinite jednom, sve buduće instalacije bilo čega (analitike, chat widgeta, alata za recenzije) postat će poslovi od petnaest minuta. Pitat ćete se zašto ste toliko dugo čekali.
- Povezano: [Kako pravilno instalirati isječak za praćenje](/blog/install-tracking-snippet-wordpress-shopify-gtm)
- Povezano: [Praćenje na strani poslužitelja vs. praćenje na strani klijenta](/blog/server-side-vs-client-side-tracking-what-matters-for-b2b)
- Povezano: [Višedomenske B2B postavke](/blog/multi-domain-b2b-tracking-workspaces-consolidated-view)
Published by
lead.box Team
Više članaka
Pogledaj lead.box na vlastitom prometu
Kreni besplatno — bez kartice, bez obveznog poziva prodaje. Ili rezerviraj 20-minutni pregled ako želiš vođenu turu.