Ennen kuin luot mukautetun pikselin Google Tag Managerin avulla, tutustu seuraaviin tietoihin varmistaaksesi, että ymmärrät, miten pikselisi määritetään:
Turvallisuuden vuoksi hiekkalaatikkoomme ladattuja tunnisteiden hallintatyökaluja koskevat samat rajoitukset kuin muissa pikseleissä. Lisätietoja pikseleiden hiekkalaatikkorajoituksista.
Mukautetun Google Tag Manager -pikselin luominen
Voit luoda mukautetun Google Tag Manager -pikselin, jolla hallinnoit kolmannen osapuolen pikseleitä.
Vaiheet:
Avaa Google Tag Manager -tili ja valitse tili, jolla haluat määrittää mukautetun pikselin.
Avaa asennuskoodi klikkaamalla Adminja sitten Asenna Google Tag Manager.
Kopioi koodilohko, joka kuuluu sivun osaan head.
Poista HTML-tunnisteet tästä koodilohkosta. Voit esimerkiksi <script></script>.
Alla on esimerkki tavallisen "product_viewed" -tapahtuman tilaamista varten. Tämä osoittaa, kun joku katsoo tuotetta. Kun tapahtuma käynnistyy, se vie tapahtuman dataLayeriin.
Tässä esimerkissä tuotteen nimi siirretään tapahtuman hyötykuormaan. Voit käyttää Google Tag Manager -muuttujaa, kun haluat napata tuotenimikkeen valitsemaasi tapahtumaan liittyvästä hyötykuormasta.
Esimerkki mukautetusta Google Tag Manager -pikselistä
Alla oleva esimerkki on mukautetun Google Tag Manager -pikselin yksinkertaistettu versio, jossa näytetään, miten tiedot lähetetään Google Tag Managerille. Jos haluat saada dataLayerille lisää tapahtumia, voit tilata enemmän vakiotapahtumia ja mukautettuja tapahtumia.
Google Tag Managerin määrittäminen hyväksymään tapahtumia mukautetusta pikselistäsi
Kun olet luonut mukautetun pikselin, sinun on määritettävä Google Tag Manager hyväksymään tapahtumia mukautetusta pikselistäsi. Tarvitset tätä varten tunnisteen, käynnistimen ja Google Tag Managerin dataLayer-muuttujat.
Esimerkkejä valikoidusta vakioasiakastapahtumista ja niiden vastaavista Google Tag Manager -tapahtumista on lueteltu seuraavassa taulukossa:
Luettelo Shopifyn normaaleista asiakastapahtumista, joita käytetään yhdessä pikseleiden kanssa, ja niitä vastaavat asiakastapahtumat Google Tag Managerissa, sekä käynnistin, joka aloittaa tapahtumat.
GTM-tunnisteen tapahtumaparametrien on vastattava odotettuja nimeämiskäytäntöjä, jotta mukautetut dataLayer-pikselitapahtumasi voidaan käsitellä.
Seuraavassa on esimerkkejä mukautetun pikselin dataLayer-tapahtuman ominaisuuksista ja niiden vastaavista Google Analytics 4 (GA4) -tapahtumaparametreista:
GA4-nimeämiskäytäntöä käyttävä mukautettujen dataLayer-pikselitapahtumien luettelo
Mukautetut dataLayer-pikselitapahtumat
GA4-tapahtumaparametrit
event.data?.checkout?.currencyCode
valuutta
event.data?.checkout?.totalPrice?.amount
value
event.data?.checkout?.order?.id
transaction_id
event.data?.checkout?.discountAllocations
kuponki
event.data?.checkout?.shippingLine?.price?.amount
toimitus
event.data?.checkout?.totalTax
vero
event.data?.checkout?.lineItems
tuotteet
Esimerkki, jossa käytetään seuraavaa checkout_completed-tapahtumaa:
Google Tag Manager -käynnistin on mukautettu tapahtumatyyppi, jonka nimi on checkout_completed. Käynnistimen Tapahtuman nimi -kentän on vastattava mukautetun pikselisi tapahtuma-avainta.
orderId ja currency ovat muuttujia, joita käytät Google Tag Managerissa tietojen tallentamiseen tapahtumasta. Ne voidaan yhdistää Google Tag Managerin dataLayer-muuttujaan. Jokainen tapahtumamuuttuja edellyttää omaa dataLayer-muuttujaa. Aseta käynnistin käynnistymään kaikissa mukautetuissa tapahtumissa.
Luo tunniste, joka käyttää juuri luomaasi käynnistintä. Lisää tapahtumaparametrit-kohdassa muuttujat, jotka haluat tallentaa. Yllä olevassa esimerkissä orderId, valuutta, hinta, shippingLine ja totalTax määritettäisiin dataLayer-muuttujiksi. Joka kerta, kun tunniste käynnistyy, se poimii nämä dataLayer-muuttujat tapahtumasta.
Huomaa, että Google Tag Managerissa on määritettävä vähintään yksi tunniste ja käynnistin, jotta tiedonsiirto voisi tapahtua.
Vanhojen dataLayer.push(event) -kutsujen korvaaminen analytics.publish() -palvelulla
Jos olet aiemmin määrittänyt Google Tag Managerin, sinun on vaihdettava dataLayer.push-kutsusi Shopify.analytics.publish()-kutsuihin. Löydät dataLayer.push-kutsut teemaeditorin Asettelu-osiossa olevista theme.liquid-tiedostoistasi.
Sinun täytyy myös korvata dataLayer.push-kutsut checkout.liquidissa. Koska checkout.liquid ei kuitenkaan ole yhteensopiva kassavaiheen laajennusten kanssa, sinun on käytettävä käyttöliittymälaajennuksia tietojen viemiseen verkkopikseleihin push-toiminnolla.
Alla on yksinkertaistettu esimerkki mukautetusta sähköpostien kirjautumistapahtumasta, jota seurataan theme.liquid-tiedostojen dataLayerin avulla.
Shopifyn vastine näkyy näin, ja se vie tiedot mukautettuun pikseliisi.
Lisää sitten Mukautetun pikselin koodisi ‑kohtaan jotain tällaista.
Korvaa vanha dataLayer.push(data)
Google Tag Managerissa on ominaisuus, jonka avulla voit viedä eri tiloja tukevan dataLayer-objektin jokaisessa tapahtumassa. Vaikka Shopifyn pikselin eristysympäristö ei sisällä vastaavaa ominaisuutta, voit saavuttaa saman tuloksen luomalla oman dataobjektisi ja viemällä sen mukautettuihin tapahtumiin.
Määritä esimerkiksi "customData"-objekti, ennen kuin mitään mukautettua tapahtumaasi julkaistaan.
Siirrä se sitten julkaisumenetelmääsi aina, kun haluat sisällyttää mukautetut tietosi.
Vinkkejä Google Analytics 4:n määrittämiseen
Ota huomioon seuraavat Google Analytics 4:n (GA4) määrittämiseen liittyvät vihjeet, kun käytät Google Tag Manageria mukautettuna pikselinä.
Selkeämmät sivun URL-osoitteet
Kun GA4 on käynnissä hiekkalaatikossa, saatat huomata, että sivun URL-osoitteet sisältävät tietoja hiekkalaatikosta, jossa se toimii. Jos haluat poistaa hiekkalaatikkotiedot kyseisistä URL-osoitteista, voit poistaa GA4:n automaattisen sivujen seurannan käytöstä ja sen sijaan ottaa käyttöön oman page_viewed-vakiotapahtuman avulla.
Kun olet julkaissut oman tapahtumasi dataLayer-koodissa, voit luoda GA4 page_view-tunnisteen, joka käynnistyy page_viewed-tapahtumassa. Yleisimmin voit käyttää Google Analytics GA4 Event ‑tunnistetyyppiä ja määrittää tapahtuman nimeksi page_view. Kun olet määrittänyt tunnistetyypin ja tapahtuman nimen, lisää parametri kohteelle page_location ja määritä arvoksi sama arvo, jonka olet siirtänyt dataLayer-koodiin mukautetulta pikseliltäsi.
Tehostettu mittaus
Kun lataat GA4:n Shopifyn pikselin hiekkalaatikkoon, jotkin tapahtumat, jotka normaalisti päätellään automaattisesti, on määritettävä manuaalisesti. Esimerkiksi lähtevien linkkien klikkauksia, osana GA4:n tehostetun mittauksen asetusta, ei voi käynnistää automaattisesti turvallisuussyistä, kun käytät mukautettuja pikseleitä. Voit kuitenkin ottaa itse käyttöön GA4:n tehostetun mittauksen tapahtumat mukautettuina tapahtumina.
Alla oleva koodi sisältää yksinkertaistetun esimerkin sivulta pois vievien linkkien klikkausten seurannasta.
Luo lopuksi GTM:ssä GA4-tunniste, joka lähettää linkin klikkauksen GA4:lle varmistamalla, että tapahtuman nimeä klikataan, jotta voidaan vastata GA4:n tehostetun tapahtuman nimeämiseen.
Voit saavuttaa saman seurannan kaikilla Googlen tehostetun tapahtuman mittareilla.
Klikkaa laajennuksen kuvaketta ja valitse sitten Ota käyttöön.
Siirry sivustollesi ja käynnistä sitten tapahtumat, joita haluat testata.
Klikkaa laajennuksessa Google Tag Manager -tunnistetta. Data Layer -osiossa tulisi näkyä käynnistetyn tapahtuman hyötykuorma.
Myös muut Google Tag Managerin lataamat tunnisteet on lueteltu laajennuksessa. Voit tarkistaa näille tunnisteille lähetetyt tiedot klikkaamalla näitä tunnisteita.