- Na Shopifyju praćenje na strani poslužitelja šalje svaku kupnju iz plaćene narudžbe koju Shopify prijavljuje webhookom, pa ne ovisi o učitavanju stranice zahvale.
- ID posjetitelja i ID-ovi klika na oglas spremaju se kao atributi košarice, pa ih Shopify kopira na narudžbu i narudžba se može povezati s klikom.
- Događaji iz preglednika i s poslužitelja dijele jedan ID događaja izgrađen iz ID-a narudžbe, pa Meta, TikTok, Snapchat, Pinterest i Reddit svaku kupnju broje jednom.
- Kada je uključeno Respect visitor consent, posjetitelj koji odbije marketinške kolačiće ne dobiva ID posjetitelja i njegovi događaji u pregledniku ne šalju se oglasnim platformama, ali se plaćena narudžba i dalje šalje s hashiranim podacima o kupcu iz narudžbe.
- Postavljanje u ROASaurusu ima četiri glavna koraka: instalirajte aplikaciju, uključite ugradnju aplikacije u temu, dodajte piksel naplate i povežite svoje oglasne platforme.
Praćenje na strani poslužitelja na Shopifyju znači da svaka kupnja do Mete, TikToka i drugih oglasnih platformi stiže iz podataka o narudžbama vaše trgovine, koje šalje poslužitelj, a ne samo iz piksela u pregledniku kupca. Shopify svaku plaćenu narudžbu webhookom prijavljuje aplikaciji za praćenje, a aplikacija je šalje na API konverzija svake platforme, povezanu s klikom na oglas koji je doveo kupca.
Ovaj vodič obuhvaća Shopify dijelove tog toka: ugradnju aplikacije u temu i app proxy, piksele u naplati, webhook orders/paid, povezivanje narudžbi, deduplikaciju, privolu i postavljanje u ROASaurusu. Za opću ideju prvo pročitajte što je praćenje na strani poslužitelja.
Kako funkcionira praćenje na strani poslužitelja na Shopifyju
Klik i kupnja događaju se u različitim trenucima i na različitim mjestima. Klik je vidljiv samo u pregledniku, na odredišnoj stranici. Plaćena narudžba sigurna je samo na Shopifyjevoj strani, kada se plaćanje naplati. Praćenje na strani poslužitelja bilježi prvo, čeka drugo i povezuje ih.
Shopify dijelovi: ugradnja aplikacije u temu, app proxy, pikseli i webhookovi
Shopify trgovina aplikaciji za praćenje daje četiri mjesta za rad. Svako ima drugačiji zadatak, a potpuna postava koristi sva četiri.
| Dio | Gdje se izvodi | Što radi |
|---|---|---|
| Ugradnja aplikacije u temu | Svaka stranica trgovine | Učitava skriptu za praćenje, čita ID-ove klika na oglase i sprema ID posjetitelja na košaricu |
| App proxy | Putanja na domeni vaše trgovine | Prima događaje trgovine kao zahtjeve prve strane |
| Customer events (pikseli) | Naplata i stranica zahvale | Prijavljuju korake naplate i dovršenu naplatu iz sandboxa |
| Webhookovi narudžbi | Shopifyjevi poslužitelji | Šalju narudžbu aplikaciji kada je kreirana i kada je plaćena |
Ugradnja aplikacije u temu i app proxy
Ugradnja aplikacije u temu blok je koji aplikacija dodaje vašoj temi. Uključujete je u uređivaču tema, pa nema koda za lijepljenje. ROASaurus ugradnja učitava skriptu na svakoj stranici. Na odredišnoj stranici čita ID-ove klika poput fbclid, ttclid i gclid te UTM parametre i pohranjuje ih uz ID posjetitelja prve strane.
Skripta šalje svoje događaje preko Shopifyjevog app proxyja. App proxy prosljeđuje zahtjeve s putanje na vašoj domeni, poput yourstore.com/apps/roasaurus, na poslužitelj aplikacije. Za preglednik je to zahtjev prema vašoj vlastitoj stranici, što može pomoći protiv blokatora oglasa koji blokiraju poznate domene za praćenje. Shopify iz zahtjeva app proxyja uklanja zaglavlje Cookie, a iz odgovora zaglavlje Set-Cookie, pa ID posjetitelja putuje unutar samog događaja, a ne u kolačiću.
Customer events i pikseli u naplati
U Shopifyjevoj naplati skripte za praćenje izvode se kao pikseli u sandboxu, a ne u samoj stranici. Njima upravljate pod Settings › Customer events. Postoje dvije vrste. App pikseli dolaze s aplikacijom i izvode se u strogom sandboxu. Custom piksele dodaje trgovac, a izvode se u manje strogom sandboxu, koji može učitavati skripte trećih strana poput Meta piksela.
ROASaurus koristi oboje. Njegov app piksel uključuje se kada instalirate aplikaciju. ROASaurusu prijavljuje početak naplate, korak s kontaktnim podacima i dovršenu naplatu. Neobavezni custom piksel dodaje u naplatu piksele u pregledniku za Metu, TikTok, Snapchat, Pinterest i Reddit te šalje konverzije za Google Ads.
Webhookovi narudžbi
Webhook je poruka koju Shopify šalje aplikaciji kada se u trgovini nešto dogodi. ROASaurus se, među ostalim, pretplaćuje na orders/paid i orders/create. Narudžba u webhooku sadrži ID narudžbe, vrijednost, stavke narudžbe, podatke o kupcu, tokene košarice i naplate, atribute košarice te IP adresu i preglednik s kojih je narudžba napravljena. Dolazi s Shopifyjevih poslužitelja, pa je ne može zaustaviti blokator oglasa ni zatvorena kartica.
Kako se narudžbe povezuju s klikovima na oglase
Webhook ROASaurusu javlja da je narudžba plaćena. Da bi poslao korisnu konverziju, ROASaurus mora znati i koji je posjetitelj napravio narudžbu, jer zapis posjetitelja sadrži ID-ove klika. Veze isprobava redom, od najizravnije do najmanje izravne:
| Metoda | Kako radi | Kada se koristi |
|---|---|---|
| Atribut košarice | Skripta ID posjetitelja i vrijednosti fbc, fbp, ttp, gclid i ttclid upisuje kao atribute košarice. Shopify ih kopira na narudžbu. | Prvi izbor |
| Tokeni košarice i naplate | Skripta povezuje token košarice s posjetiteljem, a piksel naplate povezuje token naplate. Webhook nosi oba tokena. | Kada atribut košarice nedostaje |
| Događaj naplate | Piksel naplate prijavljuje dovršenu naplatu s ID-om narudžbe i ID-om posjetitelja. | Kada se nijedan token ne podudara |
| E-adresa | Hashirana e-adresa posjetitelja koji ju je ranije unio, na primjer u koraku s kontaktnim podacima u naplati. | Kada nema događaja naplate |
| IP adresa i preglednik | Posjetitelj viđen s istom IP adresom i preglednikom neposredno prije narudžbe. | Samo kada odgovara točno jedan posjetitelj |
Atributi košarice razlog su zbog kojeg je povezivanje na Shopifyju izravno. To su parovi ključ-vrijednost spremljeni na košarici, a Shopify ih kopira na narudžbu. Vrijednost upisana na stranici proizvoda još je tu kada webhook stigne, čak i ako je kupac rano zatvorio stranicu zahvale.
Jedna iznimka: gumbi za ubrzanu naplatu poput Buy it now zaobilaze košaricu. ROASaurus savjetuje da ih isključite, kako bi se Add to cart uvijek pratio. Narudžbe napravljene putem njih i dalje se mogu povezati preko tokena naplate.
Jedna narudžba, od početka do kraja
Evo što se događa za jednu narudžbu iz Meta oglasa, uz instaliran custom piksel:
page_view ?fbclid=IwAR2x…Kupac stiže s Meta oglasa. ID klika pohranjuje se uz posjetitelja 3f2a.cart _tl=3f2a _tl_fbc=fb.1.…ID posjetitelja i Meta vrijednost klika spremaju se kao atributi košarice.checkout_started ic-c1a9…Token naplate povezuje se s istim posjetiteljem.checkout_completed order-6123456789012Piksel naplate prijavljuje narudžbu, a Meta piksel šalje Purchase s ovim ID-om događaja.orders/paid #1042 id 6123456789012 $86.00Shopify webhookom šalje plaćenu narudžbu.Meta CAPI Purchase order-6123456789012Nakon kratkog zadržavanja događaj s poslužitelja odlazi s ID-ovima klika, IP adresom i user agentom.Kada se kupnja šalje: orders/paid ili orders/create
Koji webhook pokreće kupnju ovisi o tome kako vaši kupci plaćaju. Odabirete ga kao vrstu naplate u Store settings.
| Checkout type | Webhook | Kada se kupnja šalje |
|---|---|---|
| Shopify checkout | orders/paid | Kada je narudžba plaćena. Narudžbe koje nikad nisu plaćene ne šalju se. |
| External / COD checkout | orders/create | Kada je narudžba kreirana. Za plaćanje pouzećem i za naplate poput Checkify i CheckoutChamp koje kreiraju Shopify narudžbe. |
ROASaurus svaku kupnju kratko zadržava nakon što webhook stigne. U tom razdoblju obično stigne i događaj dovršene naplate iz preglednika. URL stranice, IP adresa i user agent iz njega zatim se dodaju događaju s poslužitelja, uz ID-ove klika iz zapisa posjetitelja. Narudžbe koje Shopify označi kao probne bilježe se, ali se ne šalju oglasnim platformama.
Kako deduplikacija radi s pikselima u pregledniku
Kada pikseli u pregledniku rade uz događaje s poslužitelja, platforma svaku kupnju prima dvaput i mora zadržati samo jednu. To radi pomoću ID-a događaja. ROASaurus obje kopije kupnje označava istim ID-om, izgrađenim iz ID-a Shopify narudžbe: order-6123456789012 za narudžbu s ID-om 6123456789012. To je dugi broj u admin URL-u narudžbe, a ne naziv narudžbe poput #1042. Piksel naplate koristi ga za Purchase u pregledniku, a poslužitelj za događaj API-ja konverzija. Meta, na primjer, zadržava jednu kopiju kada se naziv događaja i ID događaja podudaraju i obje stignu unutar 48 sati.
| Platforma | Piksel u pregledniku iz ROASaurusa | Deduplicirano s događajem s poslužitelja |
|---|---|---|
| Meta, TikTok, Snapchat, Pinterest, Reddit | Stranice trgovine i naplata | Da |
| X, Microsoft Advertising, Taboola | Nijedan, samo događaji s poslužitelja | Nema se što spajati |
| Google Ads | Samo naplata, putem custom piksela | Šalje se jednom, iz naplate |
ID događaja radi samo među događajima koji ga nose. Ako isti piksel šalje i druga aplikacija, njezini događaji imaju vlastite ID-ove, pa platforma narudžbu broji ponovno. Na Shopifyju su uobičajeni uzroci kanal Facebook & Instagram povezan s istim pikselom, aplikacija TikTok i kod piksela zalijepljen u theme.liquid. Naš vodič o dvostrukim događajima kupnje pokazuje kako ih pronaći, a Sprječavanje dvostrukog brojanja navodi rješenja.
Privola putem Shopifyjevog Customer Privacy API-ja
Shopifyjev Customer Privacy API pohranjuje izbor kolačića svakog posjetitelja. Popunjava ga vaš baner za kolačiće, bilo da koristite Shopifyjev baner ili aplikaciju za privolu povezanu s API-jem. Skripte i pikseli zatim ga mogu pitati je li marketing dopušten za tog posjetitelja.
Kada je uključeno Respect visitor consent, što je zadano u Store settings, ROASaurus skripta trgovine i pikseli naplate pitaju API prije nego što počnu pratiti.
- Pohranjuju se ID posjetitelja, ID-ovi klika i događaji pregledavanja
- Pikseli u pregledniku se učitavaju i šalju događaje
- Plaćena narudžba šalje se sa strane poslužitelja i povezuje s klikom na oglas
- ID posjetitelja se ne postavlja, pa njegovi posjeti i klikovi na oglase nisu povezani s njim
- Događaji u pregledniku čuvaju se bez ID-a posjetitelja, IP adrese i podataka o pregledniku te se ne šalju oglasnim platformama
- Plaćena narudžba i dalje se šalje sa strane poslužitelja s hashiranim podacima o kupcu iz narudžbe te IP adresom i user agentom narudžbe
- Događaj koji stiže do oglasne platforme ne nosi ID klika
E-adrese, telefonski brojevi, imena i adrese hashiraju se algoritmom SHA-256 prije nego što se pošalju oglasnoj platformi. Važne su još tri pojedinosti:
- Odlučuje vaš baner. ROASaurus slijedi ono što API prijavi. Ako API nije dostupan na stranici, ROASaurus posjetitelja tretira kao da je dao privolu, zato provjerite je li vaš baner povezan s njim.
- Odredišna stranica ostaje na narudžbi. Shopify uz svaku narudžbu sprema adresu odredišne stranice, a ona može sadržavati oznake kampanje i ID-ove klika. ROASaurus je koristi u vlastitim izvješćima o atribuciji, i za posjetitelje koji su odbili, a oglasnim platformama je ne šalje.
- Slanje narudžbe je pravna odluka. Smije li se plaćena narudžba posjetitelja koji je odbio uopće slati, pravno je pitanje za vašu trgovinu.
Naš vodič o Consent Mode v2 i GDPR-u objašnjava pravila na visokoj razini, a Privola i privatnost sadrži pojedinosti.
Kako postaviti praćenje na strani poslužitelja na Shopifyju u ROASaurusu
Korake postavljanja izvedite ovim redoslijedom:
- Instalirajte aplikaciju
Idite na Add a store, odaberite Shopify, unesite svoju domenu
.myshopify.comi kliknite Install app. Odobrite aplikaciju u Shopifyju. ROASaurus registrira webhookove narudžbi i uključuje svoj app piksel. - Uključite ugradnju aplikacije u temu
Na stranici Tracking & platforms kliknite Open theme editor, uključite ROASaurus ugradnju aplikacije i spremite.
- Dodajte piksel naplate
U Shopify admin idite na Settings › Customer events i dodajte custom piksel naziva ROASaurus. Dozvolu postavite na Not required, jer ROASaurus skripta sama provjerava marketinški izbor posjetitelja. Zalijepite isječak s Tracking & platforms. Ovaj piksel treba vam za piksele u pregledniku u naplati i za Google Ads.
- Povežite svoje oglasne platforme
Na Tracking & platforms kliknite Add pixel za svaku platformu ili Connect with Facebook za Metu. Ostavite uključenu opciju da se učita i piksel u pregledniku ako želite deduplicirane događaje iz preglednika.
- Provjerite postavke trgovine
U Store settings odaberite svoju vrstu naplate i ostavite uključeno Respect visitor consent ako prodajete ondje gdje je privola obavezna.
- Uklonite druge pošiljatelje
U kanalu Facebook & Instagram uklonite taj piksel iz postavki dijeljenja podataka. Snižavanje razine dijeljenja podataka nije dovoljno, jer svaka razina, uključujući Standard, šalje Meta piksel iz preglednika. Ako isti piksel šalje i aplikacija TikTok, zaustavite ga i ondje te uklonite kod piksela iz svoje teme.
Isječak custom piksela izgleda ovako. Kopirajte ga s Tracking & platforms, gdje je ključ vaše trgovine već unesen. Vodič za postavljanje Shopifyja ima iste korake.
self.tl = this; document.head.appendChild(document.createElement('script')).src = 'https://app.roasaurus.com/c.js?k=YOUR_STORE_KEY';Kako provjeriti radi li
Testirajte jednom stvarnom narudžbom prije nego što se oslonite na brojke:
- Otvorite svoju trgovinu s
?roasaurus=connectedna kraju URL-a. Poruka potvrđuje da skripta radi. - Za Metu zalijepite kod iz Events Manager › Test events u polje Test event code piksela.
- Napravite stvarnu narudžbu niske cijene i nakon toga vratite novac. Shopify probne narudžbe se ne šalju.
- U Event log se isporuka narudžbe sa strane poslužitelja za svaku platformu prikazuje kao sent, uz odgovor platforme.
- U testnom prikazu platforme provjerite da Purchase iz preglednika i s poslužitelja dijele ID događaja
order-plus ID Shopify narudžbe. - Nakon toga uklonite testni kod događaja.
Što praćenje na strani poslužitelja na Shopifyju ne rješava
- Odbijena privola. Narudžbe posjetitelja koji su odbili marketinške kolačiće se šalju, ali bez ID-a klika, pa ih oglasne platforme lošije povezuju.
- Safarijeva ograničenja kolačića. Kupac koji se vrati nakon više od 7 dana može izgledati kao novi posjetitelj. Poddomena za praćenje prve strane zadržava prikupljanje na vašoj domeni, ali Safari i dalje može ograničiti te kolačiće na 7 dana.
- Razlike u atribuciji. Svaka oglasna platforma i dalje pripisuje prodaje prema vlastitim prozorima i modelima. Da biste kanale usporedili prema jednom skupu pravila, koristite vlastitu atribuciju.
- Druge aplikacije na istom pikselu. ID-ovi događaja spajaju samo događaje koji ih dijele.
Rješava kupnju koja se dogodila, ali nikad nije stigla do oglasne platforme jer je događaj iz preglednika izgubljen. Što ROASaurus šalje svakoj platformi, pogledajte u dijelovima o praćenju na strani poslužitelja i Shopify integraciji.
Izvori
- Shopify: Customer Privacy API
- Shopify: Authenticate app proxies
- Shopify Help Center: Manage your custom pixels
- Shopify Help Center: Facebook data sharing
- Meta: Handling Duplicate Pixel and Conversions API Events
U ROASaurusu
- Pomoć: postavljanje ROASaurusa na Shopifyju
- Integracija sa Shopifyjem
- Praćenje na strani poslužitelja u ROASaurusu
- Pomoć: privola i privatnost