Moj sajt: vidžeti na vašem sopstvenom sajtu

Odeljak „Moj sajt” — za one koji sajt već imaju. Nije potrebno da se prelazi na naš izlog i da se bilo šta prenosi: na postojeći sajt ubacujete jednu liniju koda i nakon toga uključujete željene proizvode prekidačima u nalogu.

Otvara se: Administratorski panel → Marketing → „Moj sajt” (admin.cenaly.com).

Radi na svakoj platformi na koju je moguće ubaciti <script>: WordPress, Tilda, Wix, Shopify, Webflow, Bitrix, InSales, OpenCart, ručno napisan sajt, odredišna stranica konstruktora.

Adresa sajta i kod za instalaciju#

Blok „🌐 Vaš sajt” u zaglavlju odeljka vodi kroz tri koraka: adresa → kod na sajtu → provera, a glavno dugme uvek predlaže sledeći nezavršeni korak. Prvi je adresa vašeg sajta (na primer, example.com): preko nje proveravamo instalaciju i gradimo ispravne linkove u vidžetima.

Drugi je kod za instalaciju. To je jedna linija:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="VAŠ-DOMEN" async></script>

Ubacite je jednom — u <head> ili pre </body>. Više nije potrebno vraćati se kodu sajta: sastav vidžeta se određuje prekidačima u nalogu, a ne oznakama na stranici. Uključili ste vidžet — pojavljuje se na sajtu u roku od nekoliko minuta, isključili ste ga — nestaje.

Ako ste ranije ručno ubacivali pojedinačne oznake vidžeta, one će nastaviti da rade: jedinstveni učitavač ih prepoznaje i ne pokreće vidžet drugi put.

Instalacija na popularnim platformama#

U prozoru „Kod instalacije“ postoji kartica za svaku platformu — sa istim koracima kao ispod.

Svaka platforma ovde ima svoj anker, a link možete poslati onome ko uređuje sajt, umesto prepričavanja: #html, #google-tag-manager, #wordpress, #tilda, #wix, #shopify, #webflow, #squarespace — na primer, /ru/docs/site-widgets#tilda.

Zajedničko za sve platforme, da se ne ponavlja u svakoj stavci:

• tag se postavlja jednom za ceo sajt — u zajednički šablon, a ne na pojedinačnu stranicu;
• kod konstruktora (Tilda, Wix, Webflow, Squarespace) izmena živi u editoru dok se sajt ne objavi ponovo;
• proveravati treba živi sajt, a ne pregled u editoru;
• ako ispred sajta stoji keš ili CDN, obrišite ga: i posetiocu i našoj proveri može se servirati sačuvana kopija stranice bez taga;
• šta provera instalacije pri tome ne vidi — posebna analiza ispod.

HTML#

Svaki sajt do čijeg šablona imate pristup: ručno napisan, odredišna stranica, statički generator.

1. Kopirajte liniju koda: Marketing → „Moj sajt“.
2. Nalepite je u <head> ili pre </body> zajedničkog šablona sajta.
3. Ako zajednički šablon ne postoji (stranice su zasebni fajlovi) — nalepite na svaku stranicu.
4. Postavite izmene na server, otvorite sajt i kliknite na „Proveri instalaciju“.

Google Tag Manager#

Odgovara kada nemate pristup šablonu, a GTM već stoji na sajtu.

1. Tagovi → Kreiraj → tip „Prilagođeni HTML“.
2. Nalepite liniju koda, okidač — „Sve stranice“, sačuvajte.
3. Kliknite na „Objavi“: dok verzija kontejnera nije objavljena, na živom sajtu nema taga.

⚠️ Tag podignut iz GTM-a naša „Provera instalacije“ neće videti nikada — i to nije greška, već posledica metode: „Šta provera instalacije ne vidi“. Otvorite sajt i pogledajte svojim očima.

WordPress#

1. WordPress konzola (vaš-sajt/wp-admin), potrebna su vam prava administratora.
2. Pouzdan put: Dodaci → Dodaj → bilo koji dodatak za ubacivanje koda u header/footer → u njegovim podešavanjima nalepite liniju u polje Header → sačuvajte.
3. Put bez dodatka: Izgled → Uređivač fajlova teme → header.php (pre zatvarajućeg </head>) ili footer.php (pre </body>) → „Ažuriraj fajl“.
4. Otvorite sajt i kliknite na „Proveri instalaciju“.

⚠️ Izmena fajlova roditeljske teme gubi se pri njenom ažuriranju — na to upozorava i WordPress dokumentacija. Dodatak za ubacivanje koda ili podtema preživeće ažuriranje. Ako je uključen dodatak za keširanje (W3 Total Cache, WP Rocket i slični), obrišite keš, inače će provera videti staru kopiju stranice.

💡 Poseban dodatak za vidžete nije potreban: njih povezuje jedan tag. Dodatak Cenaly Consent — odnosi se na nešto drugo, on umesto vas postavlja tag samo za cookie baner (videti Cookies i pristanak).

Tilda#

1. U listi projekata — „Podešavanja sajta“ željenog sajta (podešavanja projekta, a ne stranice).
2. Odeljak „Još“ (kod dela naloga označen je kao „Ubacivanje koda“) → polje „HTML kod za ubacivanje unutar head“.
3. Nalepite liniju i sačuvajte.
4. Ponovo objavite sve stranice projekta — bez toga kod ostaje samo u editoru.
5. Otvorite živi sajt i kliknite na „Proveri instalaciju“.

💡 Ako vam je tag potreban samo na jednoj stranici — isto polje postoji u „Podešavanja stranice“ → „Dodatno“; tada je potrebno ponovo objaviti tu stranicu.

Wix#

1. Sajt mora biti objavljen, a domen povezan: to je uslov samog Wix-a za njegov kod.
2. Settings (Podešavanja) → Development & integrations (Razvoj i integracije) → Custom Code.
3. „+ Add Custom Code“ → nalepite liniju, dajte fragmentu razumljivo ime.
4. Primenite na sve stranice (All pages), učitajte jednom, mesto ubacivanja — Head. Sačuvajte.
5. Kliknite na Publish, otvorite živi sajt i kliknite na „Proveri instalaciju“.

⚠️ Fragmenti koda u Wix-u vezani su za domen: ako sajtu dodelite drugi domen — fragmenti se brišu, tag ćete morati ponovo da nalepite.

Shopify#

1. Shopify admin → Internet prodavnica (Online Store) → Teme.
2. Kod željene teme „…“ → Duplicate: kopija teme — vaš put nazad.
3. Tamo isto „…“ → Izmeni kod (Edit code).
4. Levo fascikla Layout → fajl theme.liquid → nalepite liniju pre zatvarajućeg </head> (ili pre </body>) → Save.
5. Otvorite izlog prodavnice i kliknite na „Proveri instalaciju“.

⚠️ Izmena pripada temi, a ne prodavnici: ako prebacite ili ponovo kreirate temu — nalepite tag u novu, inače će vidžeti nestati zajedno sa starom. Stranice za plaćanje Shopify su zatvorene za proizvoljne skripte teme — vidžeti su namenjeni izlogu.

Webflow#

1. Site settings željenog projekta → kartica Custom code.
2. Polje Head code → nalepite liniju i sačuvajte. U ovo polje se upisuje samo sam skript: tagove html, head, body nije potrebno dodavati.
3. Kliknite na Publish — u editoru i pregledu vaš kod ne radi.
4. Otvorite objavljeni sajt i kliknite na „Proveri instalaciju“.

⚠️ Polja za sopstveni kod u podešavanjima sajta Webflow otvaraju se na plaćenom Site plan-u. Ako vam je vidžet potreban samo na jednoj stranici — stranica ima svoja polja za kod u svojim podešavanjima.

Squarespace#

1. Panel sajta → Website → Website Tools → Code Injection.
2. Polje Header (dospeva u <head> svake stranice) → nalepite liniju → Save.
3. Otvorite živi sajt i kliknite na „Proveri instalaciju“.

⚠️ Panel Code Injection dostupan je na planovima Core, Plus, Advanced i delu legacy planova Squarespace-a. Blok koda na stranici (Code Block) — nije zamena: on postavlja kod unutar jedne stranice, a vidžeti su potrebni na celom sajtu.

Koraci su usklađeni sa zvaničnom pomoći platformi. Ako je platforma preimenovala stavku menija — verujte njenoj pomoći, a ne nama, i pišite nam: ispravićemo.

Dvanaest vidžeta#

Svaki vidžet je zasebna kartica sa prekidačem i zupčanikom za podešavanja. Podaci koje vidžeti prikupljaju dospevaju u uobičajene odeljke naloga — poseban „inboks za sajt“ nije potrebno otvarati.

Redosled učitavanja nije slučajan: baner kolačića se učitava prvi među našim vidžetima. Jedinstveni asinhroni učitavač najpre čita podešavanja i ne može prestići analitiku koju je sajt već pokrenuo. Ako je potrebno blokiranje pre pokretanja trackera, postavite zaseban tag consent/v1.js prvi u <head>, bez async i defer, kao što je opisano u članku o pristanku. Više dugmadi ide posle vidžeta koji se agregiraju, a „Živi izlog“ — poslednji: njegove pločice uzimaju u obzir dugmad u istom uglu.

Baner kolačića na cenaly.ru ima ograničenja: dnevnik pristanaka i CSV se još ne prikupljaju, skener kolačića nije dostupan, deklaraciju vode ručno. Kada je konfiguracija nedostupna, trenutna verzija ukida blokiranje trackera; posle instalacije proveravajte baner i stvarne zahteve stranice. Puni uslovi — u Kolačići i pristanak.

Centar za podršku prikazuje objavljene članke koje treba pripremiti u odeljku „Članci i stranice“ ili objaviti iz baze znanja. Dugme samo ne kreira članke. U analitici pomoći događaji stranice unutar ovog panela pripadaju izvoru „sajt“; izvor „vidžet“ označava karticu pomoći u ćaskanju.

Pravni dokumenti najpre treba objaviti na našem hostingu. Vidžet prikazuje objavljene verzije kao linkove, u okviru ili tekstom na stranici; ponovno izdanje u nalogu ih ažurira. To nije automatsko praćenje izmena zakonodavstva.

Više dugmadi nije samo spisak linkova: ima oblačić-poziv („Imate pitanje?“), uslove prikaza (na kojim stranicama, posle koliko sekundi, samo na telefonu ili svuda), pripremljenu prvu poruku za mesindžere i sopstvenu statistiku klikova po kanalima.

„Živi izlog“ prikazuje društveni dokaz na vašim sopstvenim podacima — porudžbinama, rezervacijama i terminima — i to čini pošteno: imena i telefona na pločici nema, događaji su agregirani, a zastareli prestaju da se prikazuju po kalendaru objekta (objekat zatvoren juče ne „prodaje“ jučerašnje porudžbine).

Na kartici „Iskačući prozori i forme“ pored prekidača i zupčanika stoji dugme „✨ Kreiraj iz šablona“: ono otvara isti prozor za podešavanja vidžeta, ali odmah sa galerijom gotovih scenarija — i ništa ne čuva dok ne pritisnete „Gotovo“.

Panel „Pravni dokumenti“ više ne upućuje u čarobnjak sa pet koraka: zemlja, skup dokumenata, pitanja o vašoj delatnosti, podaci i jezik nalaze se na jednom ekranu, automatsko popunjavanje i pregled su skupljeni, a na dnu — brojač „Objavi dokumenata: N“. Opcija koja je u suprotnosti sa već datim odgovorima je zaključana uz objašnjenje zašto upravo tako.

Otvoreni prozori haba žive u adresi stranice: zupčanik vidžeta upisuje ?widget=<видžet>, prozor koda za instalaciju — ?panel=install. To znači da link ka podešavanjima konkretnog vidžeta možete poslati kolegi, i on će preživeti F5 i dugme „nazad“.

Jednom vidžetu nije dovoljan samo prekidač — potreban je i sadržaj:

• Onlajn zakazivanje pojaviće se na sajtu kada u meniju postoji bar jedna stavka tipa „Usluga“ i kada je uključeno rezervisanje (isti prekidač kao kod rezervacije stola);
• Centar za podršku uključuje se prekidačem odmah, ali bez objavljenih članaka otvoriće praznu stranicu pomoći — u podešavanjima vidžeta vidi se koliko je članaka objavljeno.

Ograničenja rezervacije. Trenutno vidžet za rezervaciju stola pretvara izabrane datum i vreme u vremenskoj zoni pregledača gosta. Za posetioca iz druge zone vreme u dnevniku može se razlikovati od očekivanog vremena objekta — proverite ga pri potvrdi. Poruka o poslatoj prijavi takođe ne znači uvek da je server već potvrdio rezervaciju. Ako onlajn zakazivanje javlja kašnjenje potvrde, najpre proverite dnevnik termina: novi pokušaj može stvoriti duplikat.

Provera isključivanja. Posle isključivanja vidžeta proverite sajt i ponovo otvorite podešavanja nakon osvežavanja podataka. U trenutnoj verziji prekidač može lokalno da se ugasi, ali da prethodno uključenje ostane sačuvano na serveru. Pri hitnom zaustavljanju pojedinačnog vidžeta uklonite njegov zaseban tag ili se obratite podršci; uklanjanje zajedničkog taga zaustaviće odmah ceo komplet koji je povezivao.

Iznad dugmadi svake kartice — mini-statistika za 7 dana: prikazi, otvaranja i treći broj prema smislu vidžeta (prijave, porudžbine, rezervacije, termini, razgovori, dijalozi, klikovi). „—“ znači da podataka još uopšte nema, „0“ — telemetrija postoji, a događaja nije bilo; „Detaljnije →“ vodi u kontrolnu tablu „Vidžeti sajta“.

U prozoru podešavanja onlajn porudžbine postoji još jedno dugme za tuđi sajt — „🔔 Obavesti o dostupnosti“: birate proizvod i varijantu iz svog kataloga, označavate dugme na stranici rasprodatog proizvoda, a gost ostavlja email adresu, potvrđuje je preko linka i dobija jedan mejl kada se proizvod vrati na stanje. Tuđi katalog ne čitamo i stanje sa tuđe stranice ne preuzimamo — proizvod se povezuje ručno. Detaljnije — u članku Onlajn porudžbina na sopstvenom sajtu.

Forme koje već postoje na vašem sajtu#

Blok „📝 Forme koje već postoje na vašem sajtu“ ispod mreže kartica — za slučaj „forma za prijavu na sajtu već postoji i niko je neće menjati“. Ne zamenjujemo je i ne zadržavamo: forma se šalje na vaš backend, kao i ranije, a kopija prijave stiže u nalog.

Pravilo — to je CSS selektor forme, adrese polja „ime / telefon / imejl“ (vrednost može biti i samo ime polja, na primer phone, i selektor input[name="tel"]), opcione maske stranica i prekidač. Pravila po lokaciji — do 10, po pravilu na formu. Pravilo bez selektora forme ili bez telefona odnosno imejla ne može se uključiti — nema šta da prikupi. Svaki red ima dugme „Proveri“: server čita stranicu i odgovara da li je forma pronađena, koja polja iz pravila postoje u njoj i koja imena polja ona uopšte ima.

Šta tačno odlazi. Tačno tri polja — ime, telefon, imejl — plus adresa stranice bez parametara i ankera. Unos pre pritiska na „Pošalji“ se ne čita, sopstvenu proveru i kašnjenja ne dodajemo, a forma koja nije prošla sopstvenu proveru pregledača ne stvara prijavu. Server potiskuje ponavljanje iste forme sa istim kontaktom u roku od 10 minuta; pri istovremenim slanjima ili grešci u upisu markera moguć je duplikat. Forme naših sopstvenih vidžeta se ne osluškuju.

Presretanje šalje kopiju prijave bez čekanja odgovora servera. Pri prekidu mreže ili blokiranju zahteva od strane pregledača kopija može da ne stigne: reda za dostavu nakon uspostavljanja veze trenutno nema. Ponavljanje sa istim kontaktom na istoj stranici takođe se potiskuje do njenog ponovnog učitavanja. Oznaka o slanju znači pokušaj presretanja, a prispeće proveravajte u prijemnom sandučetu.

Gde tražiti. Odeljak „Prijave“ i kartica „Prijave“ kontakt-centra — grupom „Forme na sajtu: “. Svaka takva prijava ima iskrenu oznaku: vidimo pritisak na „Pošalji“, a ne sudbinu podataka na vašem backendu.

⚠️ Dugme „Proveri“ analizira HTML bez pregledača: formu koju crta JavaScript neće videti — a presretanje u pregledaču gosta će je videti. Panel o tome govori otvoreno.

Linkovi i QR kodovi za radnje#

Blok „🔗 Linkovi i QR kodovi za radnje“ ispod mreže kartica pravi link koji na vašem sajtu otvara jednu konkretnu radnju: https://ваш-сайт/#cenaly=book — formu za rezervaciju, #cenaly=appointment:<услуга> — termin odmah za uslugu, #cenaly=order:<товар> — karticu proizvoda, a tu su i čet, povratni poziv, pomoć, dokument (legal:<тип>), lepeza multikone i obraćanje podršci (#cenaly=support — kartica „Obraćanja“ četa, #cenaly=support:<категория> — odmah forma sa tom kategorijom). Takav link se obično štampa kao QR kod: na stolu, na računu, na pakovanju, u oflajn reklami.

Kako sastaviti: izaberite radnju, po želji — konkretan objekat (usluga ili stavka iz objavljenog menija, objavljeni dokument) i „gde postavljate“ — od toga zavise UTM oznake za vašu analitiku (utm_source=qr&utm_medium=<место>&utm_campaign=<действие>; mi ih ne čitamo). Na izlazu — link sa dugmetom „Kopiraj“ i QR kod koji se preuzima u PNG i SVG. Osnova linka je adresa vašeg sajta, a ako nije navedena — naš izlog. Na kartici svakog vidžeta postoji kratko dugme „🔗 Link“ sa već izabranom radnjom.

Zašto anker #, a ne parametar ?: tuđi CMS, keš dodaci i CDN seku nepoznate parametre i menjaju kanonsku adresu, a anker pregledač ne šalje serveru — on garantovano stiže do našeg koda. Izvršava ga jedinstveni tag: on čita anker jednom pri učitavanju, uklanja ga iz adrese i otvara odgovarajući vidžet kada se ovaj podigne. Pojedinačni tagovi vidžeta anker ne čitaju.

Blok upozorava pre štampanja tiraža: vidžet radnje je isključen, kod za instalaciju na sajtu pri poslednjoj proveri nije pronađen. Link ne uključuje isključeno i ne zamenjuje nepostojeći dokument — u tom slučaju jednostavno ne radi ništa: na tuđem sajtu to je bolje od greške. Izuzetak je jedan i napravljen namerno: link na obraćanje pri isključenim obraćanjima otvara običan čet — gost ipak može da piše, a blok unapred upozorava da su obraćanja isključena. Isti link radi i na našem izlogu objekta, uključujući pomoć, dokumente i multikone, — nalepnica se štampa jednom, a sajt može da se promeni.

Vidžet onlajn zakazivanja — detaljnije#

Podešavanja — kartica „Onlajn zakazivanje“ → zupčanik: boja dugmeta, njegov tekst, ugao ekrana i jezik. Tu se, ispod podešavanja, nalazi i gotov red koda posebno za ovaj vidžet — u slučaju da postavljate samo njega.

Jezik. Podrazumevano — auto: vidžet govori jezikom stranice na kojoj se nalazi i zna 45 jezika. Rečnik se učitava samo onaj koji je potreban, pa to ne utiče na brzinu sajta. Na listi možete trajno fiksirati jedan jezik — na primer, ako je sajt dvojezičan, a želite da primate termine na jednom jeziku.

Linkovi na konkretnu uslugu ili majstora. Na tag vidžeta možete dopisati atribute — gost dospeva odmah na željeni korak:

Zastareli identifikator (usluga je preimenovana, majstor je otišao) ne kvari vidžet: on tiho prikazuje uobičajen izbor od prvog koraka.

Manje koraka do termina:

• jedina usluga ili jedini odgovarajući majstor — dodatni ekran se ne prikazuje;
• čip „⚡ Najbliže: danas 17:30“ zakazuje jednim dodirom, a kalendar se sam otvara na prvom danu sa slobodnim terminom;
• ime, telefon i imejl se pamte na uređaju gosta: pri ponovnom zakazivanju polja su već popunjena, a link „Nisam ja“ ih briše;
• na telefonu se panel otvara preko celog ekrana, dugme za zakazivanje se ne skriva ispod tastature;
• vidžetom se može koristiti sa tastature, ispravno ga čita program za čitanje sa ekrana.

Imejl. Polje za imejl je opciono; ako je gost ostavio adresu — dobiće pismo sa detaljima posete i linkom „Upravljaj terminom“, preko kojeg sam premešta ili otkazuje posetu. Detalji — u odeljku Dnevnik zakazivanja.

Šta je vidžet doneo. U dnevniku zakazivanja dugme „🌐 Vidžet na sajtu“ prikazuje levak za 7, 30 ili 90 dana: koliko puta je dugme viđeno, koliko gostiju je otvorilo panel, stiglo do kontakata i zakazalo, koliko je termina izgubljeno zbog zauzetog vremena. Sami termini sa sajta imaju bedž „Sa sajta“.

Provera instalacije#

Dugme „Proveri instalaciju“ otvara vaš sajt i čita izvorni HTML stranice. U odgovoru:

• „Kod vidžeta je pronađen na sajtu“ — jedinstvena oznaka je na mestu;
• „Pronađene su samo pojedinačne oznake vidžeta“ — rade stari pojedinačni umetci, jedinstvene oznake nema;
• „Kod na sajtu pripada drugoj lokaciji“ — u oznaci je tuđi data-domain (česta greška kod više objekata);
• „Na ovoj stranici nema koda vidžeta“ — oznaka se ne vidi.

⚠️ Provera čita izvorni HTML jedne stranice. Ako oznaku ubacuje tek u pregledaču Google Tag Manager ili druga skripta, provera je neće videti — to nije greška. Šta još ostaje izvan granica metode, sabrano je niže u „Šta provera instalacije ne vidi“.

Jednom nedeljno ista provera se ponavlja sama — za lokacije koje imaju navedenu adresu sajta, uključen bar jedan vidžet i kod kojih je prethodna provera pronašla oznaku. Oznaka umire tiho — sajt se preselio na novu temu, izvođač je objavio verziju bez umetka, keš dodatak je izbacio „suvišnu“ skriptu — i ranije se to primećivalo samo po tome što su prijave prestale. Sada prelaz „oznaka je bila → oznake nema“ stiže kao kartica u radni čet (ne češće od jednom nedeljno po lokaciji) i kao crveni treći korak u bloku „Vaš sajt“. Sajt koji se nije otvorio (tajmaut, greška servera) ne smatra se kvarom — proverićemo sledeće nedelje; oznaku ubačenu preko Google Tag Manager provera ne vidi nikada, pa ni lažne uzbune zbog nje neće biti.

Ista analiza dostupna je javno, bez prijave na nalog — stranica „Provera sajta“: unesite adresu, i ona će pročitati HTML stranice i pokazati brojače i piksele poimence, da li postoji baner za pristanak (naš, tuđi ili nikakav) i da li je naša oznaka vidljiva sa uključenim vidžetima. Njome je zgodno proveriti sajt pre povezivanja i proslediti link programeru ili klijentu.

Ispod kartica vidžeta u odeljku postoje još dva bloka: „Izlog na sopstvenom kodu (Headless)“ — podaci, API i vebhukovi za slučaj kada sajt piše vaš programer i naši vidžeti mu nisu potrebni — i „Napredno: posebna oznaka za svaki vidžet“ sa gotovim pojedinačnim oznakama. Dakle, pojedinačnu oznaku možete ne samo „doneti iz prošlosti“, već i uzeti ovde.

Šta provera instalacije ne vidi#

Metod provere je jednostavan i pošten: jedan zahtev za izvornim HTML-om jedne adrese, bez pregledača. Čitamo ono što je server vratio i u označavanju tražimo <script src="…"> sa našim putanjama. Otuda ceo spisak onoga što ne ume, — i to nije kvar, već granica metode.

Šta provera dobro vidi: da li je naša oznaka u izvornom označavanju, da li je jedinstvena ili skup pojedinačnih i čiji data-domain u njoj stoji, — to jest hvata najčešću grešku „prekopirao kod sa susedne lokacije“.

Istu granicu ima i javna stranica „Provera sajta“: i ona čita izvorni HTML i ne izvršava skripte. Stvarne kolačiće i ono što se učitava tek u pregledaču prikuplja samo skener CMP — vid. Kolačići i pristanak.

Rešavanje problema#

Opšta lista za svih dvanaest vidžeta — od najčešćeg uzroka ka retkim. Specifičnosti pojedinog vidžeta opisane su u njegovom članku.

1. „Provera instalacije“ kaže da koda nema. Oznaka nije ubačena, ubačena je samo na neke stranice šablona ili sajt posle ubacivanja nije objavljen (Tilda, Wix, Webflow zahtevaju ponovno objavljivanje). Proverite i adresu sajta u zaglavlju odeljka: provera ide upravo po njoj — i samo po njoj, na jednoj stranici. Pre nego što bilo šta popravljate, pogledajte listu „Šta provera instalacije ne vidi“: polovina slučajeva „koda nema“ nije kvar sajta, već granica metode.

2. Kod na sajtu pripada drugoj lokaciji. U oznaci stoji tuđi data-domain — česta greška kada objekata ima više pa je kod kopiran iz susedne kartice. Uzmite kod kada je izabrana željena lokacija.

3. Provera ne vidi oznaku ubačenu preko Google Tag Manager. To nije greška. Provera čita izvorni HTML stranice — ono što je server poslao — a GTM ubacuje oznaku tek u pregledaču. Otvorite sajt i pogledajte svojim očima: vidžet ili postoji ili ne postoji. Potpuna lista onoga što metoda provere ne prikazuje (GTM, druga stranica sajta, SPA, zatvoren sajt) — „Šta provera instalacije ne vidi“.

4. Izmene se nisu pojavile na sajtu. Datoteke vidžeta se dele preko CDN-a sa kešom od 5 minuta. Posle uključivanja prekidača ili izmene podešavanja sačekajte nekoliko minuta i osvežite stranicu uz brisanje keša (Ctrl+F5). Ako pregledač uporno prikazuje staro — proverite u režimu incognito.

5. Vidžet je uključen, ali se na stranici ne vidi. Prođite kroz listu:

• vidžet je plaćen i nije plaćen — neplaćeno proširenje se iseca iz podataka sajta na serveru, pa neće dospevati na stranicu čak i kada je prekidač uključen;
• vidžet ima uslove prikaza (multidugme, povratni poziv, „Živi izlog“): maska stranica, odlaganje, filter uređaja ili raspored mogli su da isključe upravo tu stranicu i taj trenutak;
• vidžetu nedostaje sadržaj: termin se pojavljuje kada u meniju postoji bar jedna pozicija-usluga i kada je rezervacija uključena; centar podrške bez objavljenih članaka otvoriće prazan panel; multidugme bez ijednog kanala se uopšte ne prikazuje; „Živi izlog“ ćuti dok su brojevi ispod praga;
• multidugme je progutalo dugme suseda: ako u njenom lepezu postoji stavka „Otvori čet“ ili „Povratni poziv“, sopstvena dugmad tih vidžeta se namerno gase — ona su sada unutar lepeze.

6. U uglu ekrana se gura nekoliko dugmadi. Uključite multidugme i dodajte u njen lepez radnje potrebnih vidžeta — njihova pojedinačna dugmad će se sama ugasiti.

7. Vidžeta nema na sajtu napravljenom našim konstruktorom. Tamo je kod instalacije ugrađen u šablon, pa se blok sa kodom u nalogu ne prikazuje — to je normalno. Proveravajte prekidače vidžeta: novi generisani sajt dolazi sa uključenim cookie banerom, pravnim dokumentima i četom, ostalo se uključuje ručno. Imajte u vidu i razlike površina: multidugme se na našem izlogu prikazuje samo preko posebnog prekidača „Prikazuj i na našem izlogu“ (ona guta native dugmad stranice), a „Živi izlog“ radi sa istim jednim prekidačem kao i na tuđem sajtu.

Sajt sa Content-Security-Policy#

Ako vaš server šalje zaglavlje Content-Security-Policy, pregledač sam odlučuje šta našem kodu za instalaciju sme da učita. Sam tag pri tom radi — vi ste ga odobrili — a sve što on povlači može biti blokirano tiho: spolja to izgleda kao „vidžeti su nestali“. U konzoli pregledača pri tom se vide redovi oblika Refused to load the script.

Prekid nastaje tačno u jednom režimu: politika dozvoljava skripte samo preko jednokratnog nonce-a, bez 'strict-dynamic' i bez hosta našeg CDN-a na listi. U nastavku su tri načina da se to reši, od najjednostavnijeg.

Varijanta 1 — nonce na našem tagu#

Vaš server generiše novu slučajnu vrednost na svaki odgovor, stavlja je i u zaglavlje i u tag:

Content-Security-Policy: script-src 'nonce-r4nd0m...'

<script nonce="r4nd0m..." src="https://cdn.<ваш бренд>/site/v1.js" data-domain="ВАША-ЛОКАЦИЯ" async></script>

Jedinstveni tag čita nonce svog taga i prosleđuje ga svakom paketu vidžeta koji ubacuje — oni prolaze proveru script-src. Za zahteve, stilove i ugrađene stranice takođe su potrebna odobrenja iz tabele ispod. Poseban obrazac „Prijavi kada stigne“ ima ograničenje opisano ispod.

⚠️ Stalna vrednost, ista u svim odgovorima, nije nonce: kopiraće ga u svoju skriptu svako ko je uspeo da ubaci kod na stranicu. Generišite ga za svaki odgovor, na serveru.

Varijanta 2 — 'strict-dynamic'#

Content-Security-Policy: script-src 'nonce-r4nd0m...' 'strict-dynamic'

Sa 'strict-dynamic' poverenje u naš tag prenosi se na skripte koje on ubacuje, uključujući lenje delove „Pametnih iskačućih prozora“. Ovo je primer direktive za skripte: pri ograničenjima default-src, connect-src, style-src ili frame-src dodajte odgovarajuća odobrenja iz tabele ispod.

Varijanta 3 — lista hostova#

Ako vam nonce nije dostupan (tako biva na alatima za izradu sajtova), odobrite naše hostove izričito:

Content-Security-Policy: script-src https://cdn.<ваш бренд>;
  connect-src https://cdn.<ваш бренд> https://api.<ваш бренд> wss://ws.<ваш бренд> https://o.<ваш бренд>;
  img-src https://cdn.<ваш бренд> https://i.<ваш бренд>;
  frame-src https://cdn.<ваш бренд> https://ваша-локация.<ваш бренд>;
  style-src 'unsafe-inline'

Gotov snipet sa ubačenim hostovima vašeg brenda i vaše lokacije nalazi se u nalogu: Marketing → Moj sajt, blok „Sajt sa Content-Security-Policy?“ ispod koda za instalaciju — tu su i dugme „Kopiraj“ i napomena koji vidžet zahteva koji host.

Šta je kome potrebno:

Šta ovo ne pokriva — iskreno#

• Stilovi. Oblikovanje prozora je inline <style> unutar Shadow DOM-a, pa je potreban style-src 'unsafe-inline'. Na script-src to ne utiče: od skripti ne tražimo 'unsafe-inline' i 'unsafe-eval'.
• Lenji delovi vidžeta (prošireni iskačući prozori i slotovi „Pametnih iskačućih prozora“, starosna kapija banera pristanka, mobilna traka multikopčeta, presretanje obrazaca) učitavaju se svojim učitavačima i nonce dobijaju — prolaze istu proveru kao i glavni paket. Izuzetak je obrazac dugmeta „Prijavi kada stigne“ (stock/form-v1.js): to je poseban tag van jedinstvenog učitavača i nonce još ne prenosi — pri politici samo sa nonce-om, bez hosta našeg CDN-a, obrazac pretplate se neće otvoriti.
• Alati za izradu sajtova (Tilda, Wix i slični) sami šalju zaglavlje i jednokratni nonce svom tagu tamo ne možete da izdate. Ostaje varijanta sa listom hostova — ako platforma uopšte dozvoljava izmenu politike.
• Poziv sa sajta prenosi zvuk kao WebRTC tok i ne učitava medijske fajlove, pa mu media-src nije potreban; mikrofon odobravaju Permissions-Policy i HTTPS, a ne CSP.

Izdvajanje vidžeta u poseban odeljak#

Ako je jedan od vidžeta vaš glavni proizvod (na primer, koristite samo iskačuće prozore ili samo cookie baner), putanja „Marketing → Moj sajt → kartica → zupčanik“ je predugačka. Na kartici postoji dugme „Izdvoji u bočnu traku“ — vidžet dobija sopstvenu stavku menija i otvara se jednim klikom.

Ovo je podešavanje vašeg interfejsa: ono upravlja samo vidljivošću odeljka, a ne radom vidžeta na sajtu.

Opšta podešavanja sajta — adresa, kod za instalaciju i provera — ostaju u „Moj sajt“: ta stavka stoji u meniju pored odeljka vidžeta, pa izdvojeni odeljak nema link „← Svi vidžeti sajta“. Ako uklonite vidžet iz bočne trake — link se vraća.

Na stranici samog vidžeta isto dugme stoji na gornjem okviru bloka podešavanja, desno. Kod izdvojenog vidžeta ono je označeno „U bočnoj traci“ — pritisnite ga da uklonite stavku iz menija; dugme pri tom ostaje na mestu.

Šta je besplatno, a šta je plaćeno proširenje#

Deo vidžeta ulazi u pretplatu, a deo se povezuje kao proširenje u odeljku „Proširenja”: plaćeni su označeni Rezervacija, Iskačući prozori i forme, Centar za podršku i Pravni dokumenti — na kartici stoji oznaka „💳 Plaćeno proširenje”.

Plaćeni vidžet se uključuje nakon kupovine. Klik na prekidač kod neplaćenog vidžeta ne uključuje ga, već otvara prozor za plaćanje direktno u odeljku; nakon plaćanja vidžet se uključuje sam. Oznaka „💳 Plaćeno proširenje” kod neplaćenog vidžeta je takođe dugme za plaćanje, a kod već plaćenog vodi u katalog da pogledate pretplatu. Pristup zavisi od važeće kupovine. Promena pretplate i ažuriranje podešavanja sajta su odvojene operacije: ako se vidžet nije pojavio nakon kupovine, proverite prekidač i sačuvajte podešavanja lokacije. Pet minuta keša se računa od objavljivanja ažuriranih podataka; sama promena statusa pretplate trenutno ne garantuje takvo objavljivanje.

Na sajtu napravljenom našim konstruktorom, „Pravni dokumenti” i cookie baner su besplatni. Na njihovim karticama umesto „plaćenog” stoji oznaka „🎁 Ulazi u sajt”, i prozor za plaćanje se uopšte ne prikazuje: to nije upsell, već uslov pod kojim je sajt zakonito koristiti. Novi generisani sajt odmah dolazi sa uključenim cookie banerom, pravnim dokumentima i četom. Na tuđem sajtu proširenje „Pravni dokumenti” se plaća posebno. Cookie baner u trenutnom habu nije na listi četiri plaćena vidžeta.

Planovi i plaćanje — u odeljku Prodavnica aplikacija i Pretplata.

Povezani odeljci#

• Konstruktor sajta — ako nemate svoj sajt i potreban vam je naš izlog
• Izlog na sopstvenom kodu (headless) — ako sajt piše vaš programer, a podatke uzima od nas
• Sopstveni domen — povezivanje sopstvenog domena sa našim izlogom

Česta pitanja#

Da li treba da se odreknem svog sajta? Ne. Vidžeti žive povrh vašeg sajta, a vi ne menjate ni raspored ni hosting.

Koliko tagova treba ubaciti ako ima više vidžeta? Jedan. Sastav vidžeta — prekidači u nalogu.

Da li će vidžet usporiti sajt? Učitavač se povezuje asinhrono (async) i ne blokira iscrtavanje stranice; svaki vidžet se učitava kao zaseban mali fajl i to samo ako je uključen. Isključen vidžet se uopšte ne preuzima.

Da li će vidžet pokvariti raspored? Ne. Svaki vidžet se iscrtava u izolovanom kontejneru (Shadow DOM): stilovi vašeg sajta ne prodiru u vidžet, a stilovi vidžeta — napolje. Izuzetak je po zamisli vidžet onlajn poručivanja: on namerno postavlja dugmad „U korpu” u vašu oznaku, i to se podešava uz pregled (vidi Onlajn poručivanje na sopstvenom sajtu).

Na kom jeziku će vidžet govoriti? On gleda jezik stranice: prvo atribut data-lang u tagu, ako ste ga zadali, zatim lang vaše HTML stranice, zatim jezik pregledača gosta, a u krajnjem slučaju — engleski. Rečnici su različite veličine: cookie baner, vidžet onlajn zakazivanja i prozor četa znaju 45 jezika (natpisi četa dolaze kao zaseban jezički paket prema jeziku stranice), dok su kod ostalih ugrađeni engleski, ruski, gruzijski i turski sa padom na engleski. Natpise dugmadi i pozive zadajete sami — u zasebnom redu za svaki jezik sajta.

Gde se čuvaju podaci koje vidžeti prikupljaju? U oblaku vašeg brenda: kod cenaly.com — AWS, kod cenaly.ru — Yandex Cloud; podaci ruskih objekata ostaju u Rusiji. Prijave, porudžbine, rezervacije i prepiske dospevaju u vaš nalog, a na javni CDN odlaze samo podešavanja vidžeta i ono što je ionako javno (meni, radno vreme, objavljeni dokumenti, anonimizovani brojevi „Živog izloga”).

Imam više objekata — kako da postupim? Vidžeti se podešavaju po lokaciji: izaberite je na listi na vrhu odeljka i uzmite njen kod za instalaciju. Svaki sajt ima svoj data-domain.

Mogu li da postavim vidžete na više različitih sajtova? Da, tag jedne lokacije možete ubaciti na više stranica ili sajtova — podaci će doći u jednu lokaciju.