Shopify

Aplikacija OptSens Embed & Sync dodaje kod na vašu prodavnicu bez izmene teme: nalepite kod u head ili body svake stranice i sinhronizujte odluke o saglasnosti sa Shopify Customer Privacy API-jem. Aplikacija je besplatna i radi i bez OptSens naloga, kao opšti alat za ubacivanje koda sa mostom za saglasnost koji može da koristi i vaš sopstveni baner.

Već imate svoj OptSens kod? Pređite na Nalepite svoj kod.

Instalirajte aplikaciju

1. U Shopify App Store-u pretražite OptSens Embed & Sync i otvorite stranicu aplikacije.
2. Kliknite na Install i odobrite instalaciju za svoju prodavnicu.

Aplikacija ne traži nijedan opseg pristupa podacima prodavnice. Nakon instalacije, admin ekran aplikacije prikazuje tri koraka podešavanja.

Koristite je sa svojim kodom

Aplikacija donosi dva app embed bloka. Head code prikazuje vaš kod kroz Shopify compliance head, u <head> sekciji ispred ostalih skripti. Body code prikazuje kod pre zatvaranja </body> oznake. Oba bloka prikazuju nalepljeni kod tačno onako kako ste ga uneli: analitika, pikseli, verifikacione oznake ili baner za saglasnost.

Ako ste napravili ili integrisali sopstveni baner za saglasnost, on može da prosledi odluku svakog posetioca Shopify Customer Privacy API-ju jednim pozivom:

window.EmbedSync.setConsent({
  analytics: true,
  marketing: false,
  preferences: true,
  saleOfData: false
});

Pozovite ga tek posle stvarnog izbora posetioca. Most za vas učitava Shopify consent-tracking funkciju i prosleđuje vrednosti. Kod koji se izvršava pre mosta može isti objekat da doda u window.EmbedSyncQueue.

Preuzmite svoj kod

1. Otvorite svoju OptSens kontrolnu tablu i dodajte domen ove prodavnice.
2. Kopirajte svoj kod iz koraka Integracija vođenog podešavanja, ili kasnije sa stranice Integracija u kontrolnoj tabli. Izgleda ovako:

<script src="https://cdn.optsens.com/optsens.min.js/YOUR_DOMAIN_ID"></script>

Nalepite svoj kod

1. U Shopify-ju otvorite editor teme i idite na App embeds.
2. Uključite Head code.
3. Nalepite svoj kod u polje Head code.
4. Sačuvajte temu.

Dugme Open theme app embeds na admin ekranu aplikacije vodi vas pravo na ovaj panel. Baneru je potreban samo Head code; Body code ostaje isključen osim ako ga koristite za druge kodove.

Podesite Shopify Customer Privacy

Dva podešavanja u vašem Shopify adminu čine OptSens jedinim banerom na vašoj prodavnici i omogućavaju Shopify-ju da primeni izbor svakog posetioca.

1. U Shopify adminu otvorite Settings i izaberite Customer Privacy.
2. U sekciji Cookie banner izaberite More actions, zatim Remove cookie banner. OptSens postaje jedini baner za saglasnost koji vaši posetioci vide.
3. U sekciji Regions izaberite Edit, zatim označite gde se saglasnost primenjuje. Uskladite ovo sa svojim OptSens geo pravilima, ili izaberite sve regione. Kliknite na Save.

Oba podešavanja su obavezna za punu funkcionalnost i pravnu usklađenost.

Šta aplikacija radi

Blok Head code prikazuje vaš nalepljeni kod kroz Shopify compliance head, namensku tačku ubacivanja za aplikacije za saglasnost, koju Shopify postavlja u <head> ispred ostalih skripti. Sa nalepljenim OptSens kodom, baner se učitava isto kao na bilo kom sajtu.

Most prepoznaje OptSens baner i preslikava svaku odluku o saglasnosti na Shopify Customer Privacy API. Saglasnost se prosleđuje tek posle stvarnog izbora posetioca, nikada automatski, a sačuvani izbor se ponavlja pri narednim posetama:

OptSens kategorija	Customer Privacy API
Analitika	analytics
Oglašavanje	marketing i sale_of_data
Funkcionalni	preferences

Dizajn banera, jezici, geo pravila i evidencija saglasnosti vode se u vašoj OptSens kontrolnoj tabli, ne u aplikaciji.

Nakon instalacije

1. Otvorite prodavnicu u privatnom prozoru. Baner se prikazuje pri prvoj poseti.

2. Proverite sinhronizaciju saglasnosti: napravite izbor na baneru, a zatim u konzoli pregledača pokrenite:

   window.Shopify.customerPrivacy.currentVisitorConsent()

   Vraćene vrednosti prate izbor: sve yes posle prihvatanja svega, no na opcionim kategorijama posle odbijanja.

3. Pokrenite proveru implementacije. Tokom prvog podešavanja ona se izvršava kao korak Provera vođenog podešavanja, a u svakom trenutku možete da je pokrenete sa stranice Integracija u kontrolnoj tabli.

4. Prođite kroz Proverite instalaciju.

Ako se baner ne prikazuje, proverite da li je app embed uključen, a zatim pogledajte Rešavanje problema.