Praćenje

Praćenje na strani poslužitelja na Shopifyju: kako radi i kako ga postaviti

Kako praćenje na strani poslužitelja radi na Shopifyju: događaji kupaca, app proxy, webhook orders/paid, povezivanje narudžbi, deduplikacija, privola i postavljanje.

·Ažurirano ·12 min čitanja·Autor: tim ROASaurusa

Ključne poruke
  • 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.

Klik na oglasURL odredišne stranice nosi fbclid, ttclid ili gclid.
Ugradnja aplikacije u temuSprema ID klika s ID-om posjetitelja i oba sprema na košaricu.
Shopify narudžbaShopify kopira atribute košarice na narudžbu.
Webhook orders/paidShopify šalje plaćenu narudžbu ROASaurusu.
API-ji konverzijaKupnja odlazi s ID-ovima klika i hashiranim podacima o kupcu.
Preglednik bilježi klik. Narudžba isporučuje kupnju. Atributi košarice povezuju to dvoje.

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.

DioGdje se izvodiŠto radi
Ugradnja aplikacije u temuSvaka stranica trgovineUčitava skriptu za praćenje, čita ID-ove klika na oglase i sprema ID posjetitelja na košaricu
App proxyPutanja na domeni vaše trgovinePrima događaje trgovine kao zahtjeve prve strane
Customer events (pikseli)Naplata i stranica zahvalePrijavljuju korake naplate i dovršenu naplatu iz sandboxa
Webhookovi narudžbiShopifyjevi poslužiteljiŠalju narudžbu aplikaciji kada je kreirana i kada je plaćena
Prva tri dijela obrađuju ono što se događa u pregledniku i bilježe klik. Webhook dolazi s Shopifyjevih poslužitelja i isporučuje narudžbu.

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:

MetodaKako radiKada se koristi
Atribut košariceSkripta 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 naplateSkripta povezuje token košarice s posjetiteljem, a piksel naplate povezuje token naplate. Webhook nosi oba tokena.Kada atribut košarice nedostaje
Događaj naplatePiksel naplate prijavljuje dovršenu naplatu s ID-om narudžbe i ID-om posjetitelja.Kada se nijedan token ne podudara
E-adresaHashirana 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 preglednikPosjetitelj viđen s istom IP adresom i preglednikom neposredno prije narudžbe.Samo kada odgovara točno jedan posjetitelj
Atributi i tokeni košarice daju izravnu vezu od narudžbe do posjetitelja. IP rezerva nikada se ne koristi kada bi odgovarala dva posjetitelja.

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.
Oba događaja Purchase nose ID događaja order-6123456789012, pa Meta zadržava jedan. Kopija s poslužitelja stiže i kada je kopija iz preglednika bila blokirana.

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 typeWebhookKada se kupnja šalje
Shopify checkoutorders/paidKada je narudžba plaćena. Narudžbe koje nikad nisu plaćene ne šalju se.
External / COD checkoutorders/createKada 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.

PlatformaPiksel u pregledniku iz ROASaurusaDeduplicirano s događajem s poslužitelja
Meta, TikTok, Snapchat, Pinterest, RedditStranice trgovine i naplataDa
X, Microsoft Advertising, TaboolaNijedan, samo događaji s poslužiteljaNema se što spajati
Google AdsSamo naplata, putem custom pikselaŠalje se jednom, iz naplate
Istodobno pokretanje piksela u pregledniku i događaja s poslužitelja sigurno je za Metu, TikTok, Snapchat, Pinterest i Reddit: svaka platforma zadržava jednu kopiju svakog zajedničkog događaja.

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.

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.

Posjetitelj dopušta marketinške kolačiće
  • 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
Posjetitelj odbija marketinške kolačiće
  • 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
Praćenje na strani poslužitelja ne uklanja potrebu za privolom. Bez privole plaćena narudžba i dalje stiže do oglasnih platformi, ali bez ID-a 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:

  1. Instalirajte aplikaciju

    Idite na Add a store, odaberite Shopify, unesite svoju domenu .myshopify.com i kliknite Install app. Odobrite aplikaciju u Shopifyju. ROASaurus registrira webhookove narudžbi i uključuje svoj app piksel.

  2. Uključite ugradnju aplikacije u temu

    Na stranici Tracking & platforms kliknite Open theme editor, uključite ROASaurus ugradnju aplikacije i spremite.

  3. 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.

  4. 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.

  5. Provjerite postavke trgovine

    U Store settings odaberite svoju vrstu naplate i ostavite uključeno Respect visitor consent ako prodajete ondje gdje je privola obavezna.

  6. 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.

Custom piksel za naplatu
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:

  1. Otvorite svoju trgovinu s ?roasaurus=connected na kraju URL-a. Poruka potvrđuje da skripta radi.
  2. Za Metu zalijepite kod iz Events Manager › Test events u polje Test event code piksela.
  3. Napravite stvarnu narudžbu niske cijene i nakon toga vratite novac. Shopify probne narudžbe se ne šalju.
  4. U Event log se isporuka narudžbe sa strane poslužitelja za svaku platformu prikazuje kao sent, uz odgovor platforme.
  5. U testnom prikazu platforme provjerite da Purchase iz preglednika i s poslužitelja dijele ID događaja order- plus ID Shopify narudžbe.
  6. 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

  1. Shopify: Customer Privacy API
  2. Shopify: Authenticate app proxies
  3. Shopify Help Center: Manage your custom pixels
  4. Shopify Help Center: Facebook data sharing
  5. Meta: Handling Duplicate Pixel and Conversions API Events

U ROASaurusu

Nastavite čitati

PraćenjeBlokatori oglasa i praćenje: što vaša trgovina gubiBlokatori oglasa zaustavljaju piksele za praćenje, pa oglasne platforme propuštaju kupnje. Pogledajte koji se događaji gube, zašto se oni sa strane poslužitelja ne gube i kako izmjeriti koliko vam nedostaje.PraćenjeConsent Mode v2 i GDPR: što web-trgovina smije slatiConsent Mode v2 za web-trgovine: četiri Googleova signala privole, što traži pravo EU-a i što praćenje na strani poslužitelja i dalje smije slati. Samo opće informacije.PraćenjeDvostruki događaji kupnje: zašto se prodaje broje dvaputDvostruki događaji kupnje napuhuju konverzije i ROAS. Pogledajte uzroke, kako Meta, TikTok, Snapchat, Pinterest i Reddit provode deduplikaciju i kako to ispraviti.
Česta pitanja

Pitanja i odgovori

Trebam li i dalje piksel u pregledniku uz praćenje na strani poslužitelja na Shopifyju?

Najbolje je koristiti oba. Piksel u pregledniku daje kolačiće poput fbp i kontekst stranice, a događaj s poslužitelja stiže i kada preglednik zakaže. Uz zajednički ID događaja na obje strane platforma svaku kupnju broji jednom.

Ovisi li praćenje na strani poslužitelja o Shopify stranici zahvale?

Ne. Kupnja se gradi iz narudžbe koju Shopify šalje webhookom kada je plaćena. Događaj sa stranice zahvale samo dodaje pojedinosti poput IP adrese i user agenta kada stigne na vrijeme.

Trebam li CNAME ili promjenu DNS-a na Shopifyju?

Ne. Događaji trgovine idu preko Shopifyjevog app proxyja na domeni vaše trgovine. Poddomena za praćenje prve strane nije obavezna.

Je li praćenje na strani poslužitelja na Shopifyju usklađeno s GDPR-om?

Praćenje na strani poslužitelja način je isporuke podataka, a ne pravni temelj. Kada je uključeno Respect visitor consent, ROASaurus slijedi Shopifyjev Customer Privacy API, ali se plaćena narudžba i dalje šalje s hashiranim podacima. Pitajte svojeg pravnog savjetnika što vaša trgovina treba.

Kako se prate narudžbe s plaćanjem pouzećem na Shopifyju?

Odaberite External / COD checkout kao vrstu naplate u Store settings. ROASaurus tada šalje kupnju kada je narudžba kreirana, a ne kada je plaćena.

Koje oglasne platforme primaju događaje s poslužitelja iz Shopify trgovine?

Meta, TikTok, Snapchat, Pinterest, Reddit, X, Microsoft Advertising, Taboola, LinkedIn, OpenAI Ads, Spotify, AppLovin, Criteo, AdRoll i Outbrain. Konverzije za Google Ads šalju se iz Shopify naplate putem custom piksela.

Svaka prodaja, praćena do oglasa koji ju je zaradio

Praćenje na strani poslužitelja, dobit i životna vrijednost kupca u jednoj aplikaciji. 14-dnevno besplatno probno razdoblje, bez kreditne kartice.

Započnite besplatno probno razdoblje →