Kun olet siirtänyt Shopify-kaupan Google Ads- ja Google Analytics ‑mittauksen Google & YouTube ‑sovellukseen, on tärkeää poistaa kaikki aiemmin lisätyt päällekkäiset tagit. Jos teet tällä hetkellä hintatarjouksia mukautetun pikselin avulla seuratuista Shopify-konversioista, muista vaihtaa konversiotapahtumaksi Google & YouTube ‑sovelluksen mittaama konversiotapahtuma. Lue lisää tagien siirtämisestä Google & YouTube ‑sovellukseen.
Jos et poista päällekkäistä taggausta, saatat nähdä
- päällekkäistä seurantaa
- virheellistä dataa
- negatiivisia vaikutuksia mainoskampanjan optimointiin.
Näin korjaat ongelman
Alla olevissa osioissa on ohjeet päällekkäisten tagien poistamiseen sen mukaan, missä olet ottanut ne käyttöön:
- Poista päällekkäiset mukautetun pikselin tagit
- Poista päällekkäiset tagit kassan lisäskripteistä
- Poista päällekkäiset tagit
checkout.liquid-skriptistä - Poista päällekkäiset tagit
theme.liquid-skriptistä
Poista päällekkäiset mukautetun pikselin tagit
Google Analytics [Video] Remove duplicate custom pixel 2nd entry
- Siirry Shopifyn järjestelmänvalvojaosioon ja valitse Settings (Asetukset) ja sitten Customer events (Asiakastapahtumat).
- Etsi mukautettu pikseli, jonka haluat poistaa käytöstä.
- Klikkaa pikselin vierestä Disconnect (Katkaise yhteys).
- Jos haluat poistaa pikselin kokonaan, klikkaa Delete (Poista) ja vahvista poistaminen.
Poista päällekkäiset suorat tagit lisäskripteistä
Huom. Shopifyn järjestelmänvalvojaosion "Order Status" (Tilauksen tila) ‑sivun lisäskriptiosiota ei voi laajentaa. Jos koodia on paljon, voit kopioida ja liittää sen ulkoiseen tekstieditorityökaluun, jotta löydät helpommin poistettavan skriptin.
Jos olet jo päivittänyt kiitossivun, lisäskripteihin ei enää pääse tai niitä ei enää tueta uudessa ostoprosessissa. Näiden skriptien pitäisi poistua käytöstä automaattisesti, joten niitä ei tarvitse poistaa manuaalisesti.
- Mene Shopifyn järjestelmänvalvojaosioon ja valitse Settings (Asetukset) ja sitten Checkout (Kassa).
- Etsi Additional scripts (Lisäskriptit) ‑kohdasta poistettava skripti.
- Klikkaa Disable script (Poista skripti käytöstä).
- Tarkista Google-tagit varmistaaksesi, että tapahtumia vastaanotetaan edelleen.
Poista päällekkäiset suorat tagit checkout.liquid-skriptistä
Jos olet jo päivittänyt kiitossivun, check.liquid-skripteihin ei enää pääse tai niitä ei enää tueta uudessa ostoprosessissa. Näiden skriptien pitäisi poistua käytöstä automaattisesti, joten niitä ei tarvitse poistaa manuaalisesti.
Google Analytics [Video] Remove duplicate direct tags from checkout liquid All steps
Vaihe 1: Varmuuskopioi teema
Google Analytics [Video] Remove duplicate direct tags from checkout liquid Step 1
- Mene Shopifyn järjestelmänvalvojaosioon ja valitse Online Store ja sitten Themes (Teemat).
- Etsi parhaillaan käytössä oleva teema, jonka yhteydessä lukee "Current theme" (Nykyinen teema), klikkaa kolmea pistettä ja valitse Duplicate (Kopioi). Näin luot teemasta täydellisen kopion, johon voit palata, jos jotain menee pieleen.
Vaihe 2: Avaa checkout.liquid
Google Analytics [Video] Remove duplicate direct tags from checkout liquid Step 2
- Mene Shopifyn järjestelmänvalvojaosioon ja valitse Online Store ja sitten Themes (Teemat).
- Etsi parhaillaan käytössä oleva teema, jonka yhteydessä lukee "Current theme" (Nykyinen teema) (tai juuri luomasi kopio, jos haluat muokata sitä), klikkaa kolmea pistettä ja valitse Edit code (Muokkaa koodia).
- Vieritä vasemmalla olevaa sivupalkkia alaspäin "Layout" (Asettelu) ‑kohtaan ja klikkaa
checkout.liquid.
Vaihe 3: Tunnista ja poista päällekkäiset tagit
Google Analytics [Video] Remove duplicate direct tags from checkout liquid Steps 3 4
Selvitä tarkasti, mitä tageja on käytetty seurantaan aiemmin ja mitä niistä Google & YouTube ‑sovellus nyt käsittelee. Näitä ovat yleensä Google Analytics, Google Ads ‑konversiomittaus, Kauppiaskeskus, Floodlight ja mahdollisesti Google Tag Manager. Näin voit tunnistaa ja poistaa päällekkäiset tagit:
Yleisiä koodinpätkiä, joita kannattaa etsiä (ja poistaa):
- Vanhat Google Analytics ‑tagit (Universal Analytics tai GA4)
Etsi skriptin tageja, joissa on google-analytics.com/analytics.js.
- Universal Analytics (UA-XXXXX-Y):
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
gtag.jsGoogle Analyticsia (GA4), Google Adsin konversioseurantaa, Kauppiaskeskusta tai Floodlightia varten: Etsi<script>-tageja, joissa on googletagmanager.com/gtag/js?
<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'X-XXXXXXXXXX');
</script>
- Tapahtumakoodinpätkät
- Etsi
<script>-tageja, joissa on gtag('event'...)
- Etsi
<script>
gtag('event', 'XXXX', {
'send_to': 'XX-XXXXXXXXX/YYYYYYYYYY',
'value': {{ checkout.total_price | money_without_currency | remove: "," }},
'currency': '{{ shop.currency }}',
'transaction_id': '{{ order.order_number }}'
});
</script>
- Google Tag Manager (GTM) ‑koodinpätkät
- Jos käytät GTM:ää, sinulla on yleensä kaksi osaa:
<script>-tagi<head>-osassa ja<noscript>-tagi heti<body>-tagin jälkeen.
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>- ja
<noscript>-osa:
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>Poistaminen:
- Tutustu huolellisesti
checkout.liquid-tiedostoon. Selaa sitä vierittämällä ja etsi koodinpätkiä, jotka vastaavat edellisiä esimerkkejä. - Korosta koko koodilohko, joka liittyy päällekkäiseen tagiin. Tämä sisältää skriptin avaavat ja sulkevat tagit sekä niihin liittyvät kommentit.
- Poista korostettu koodi.
Tärkeitä huomioon otettavia asioita:
- Älä poista keskeistä Shopify Liquid ‑koodia: Ole erittäin varovainen, ettet poista Liquid-objekteja tai ‑tageja, jotka ovat osa Shopifyn ydintoimintoja (esim.
{{ content_for_header }},{{ content_for_layout }}ja{{ page_title }}). - Etsi ehtolausekkeita: Joskus seurantakoodit on lisätty
{% if first_time_accessed %}- tai{% if thank_you_page %}-ehtoihin. Muista poistaa myös näiden ehtojen sisällä oleva koodi. - Hakutoiminto: Etsi koodieditorin hakutoiminnon (Cmd/Ctrl + F) avulla yleisiä tunnisteita, kuten
gtag,UA-,AW-,GTM-,google-analytics.com,googletagmanager.comjagoogleadservices.com.
Vaihe 4: Tallenna muutokset
- Kun olet poistanut päällekkäisen koodin, klikkaa editorin oikeasta yläkulmasta Tallenna-painiketta.
Vaihe 5: Testaa kassaa
- Tee testitilaus kaupassa. Käy koko ostoprosessi läpi varmistaaksesi, että kaikki toimii oikein.
- Tarkista seuranta: Varmista esimerkiksi Google Tag Assistantin avulla, että tagit käynnistyvät oikein vain Google & YouTube ‑sovelluksesta eivätkä
checkout.liquid-tiedostosta.
Jos et ole varma jostakin tietystä koodista, on aina suositeltavaa kysyä neuvoa Shopify-asiantuntijalta tai ‑kehittäjältä.
Poista päällekkäiset tagit theme.liquid-skriptistä
Google Analytics [Video] Remove duplicate tags from theme liquid All steps
Vaihe 1: Varmuuskopioi teema
- Mene Shopifyn järjestelmänvalvojaosioon ja valitse Online Store ja sitten Themes (Teemat).
- Etsi parhaillaan käytössä oleva teema, klikkaa kolmen pisteen kuvaketta ja valitse Duplicate (Kopioi). Näin luot teemasta täydellisen kopion, johon voit palata, jos jotain menee pieleen.
Vaihe 2: Avaa theme.liquid
Google Analytics [Video] Remove duplicate tags from theme liquid Step 2
- Mene Shopifyn järjestelmänvalvojaosioon ja valitse Online Store ja sitten Themes (Teemat).
- Etsi parhaillaan käytössä oleva teema (tai juuri luomasi kopio), klikkaa kolmen pisteen kuvaketta ja valitse Edit code (Muokkaa koodia).
- Klikkaa vasemmasta sivupalkista "Layout" (Asettelu) ‑kohdasta
theme.liquid.
Vaihe 3: Tunnista ja poista päällekkäiset tagit
Google Analytics [Video] Remove duplicate tags from theme liquid Steps 3 4
Kuten checkout.liquid-skriptin kanssa, etsi Google Analyticsiin, Google Adsiin ja Google Tag Manageriin liittyviä koodinpätkiä, jotka lisäsit aiemmin manuaalisesti ja joita Google & YouTube ‑sovellus nyt käsittelee. Ne sijaitsevat yleensä theme.liquid-tiedoston <head>-osiossa. Näin voit tunnistaa ja poistaa päällekkäiset tagit:
Yleisiä koodinpätkiä, joita kannattaa etsiä (ja poistaa):
- Vanhat Google Analytics ‑tagit (Universal Analytics tai GA4)
Etsi skriptin tageja, joissa on google-analytics.com/analytics.js.
- Universal Analytics (UA-XXXXX-Y):
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
gtag.jsGoogle Analyticsia (GA4), Google Adsin konversioseurantaa, Kauppiaskeskusta tai Floodlightia varten: Etsi <script>-tageja, joissa on googletagmanager.com/gtag/js?
<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'X-XXXXXXXXXX');
</script>
- Tapahtumakoodinpätkät
- Etsi
<script>-tageja, joissa on gtag('event'...)
- Etsi
<script>
gtag('event', 'XXXX', {
'send_to': 'XX-XXXXXXXXX/YYYYYYYYYY',
'value': {{ checkout.total_price | money_without_currency | remove: "," }},
'currency': '{{ shop.currency }}',
'transaction_id': '{{ order.order_number }}'
});
</script>
- Google Tag Manager (GTM) ‑koodinpätkät
- Jos käytät GTM:ää, sinulla on yleensä kaksi osaa:
<script>-tagi<head>-osassa ja<noscript>-tagi heti<body>-tagin jälkeen.
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>- ja
<noscript>-osa:
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>Poistaminen:
- Tutki
theme.liquid-tiedostoa huolellisesti. Selaa sitä vierittämällä ja etsi koodinpätkiä, jotka vastaavat edellisiä esimerkkejä. Ne löytyvät yleensä<head>-osiosta, mutta joskus skriptin tagit voivat olla<body>-osion alareunassa ennen sulkevaa</body>-tagia. - Korosta koko koodilohko, joka liittyy päällekkäiseen tagiin. Tämä sisältää skriptin avaavat ja sulkevat tagit sekä niihin liittyvät kommentit.
- Poista korostettu koodi.
Tärkeitä huomioon otettavia asioita:
- Älä poista keskeistä Shopify Liquid ‑koodia: Ole erittäin varovainen, ettet poista Liquid-objekteja tai ‑tageja, jotka ovat osa Shopifyn ydintoimintoja (esim
{{ content_for_header }},{{ content_for_layout }}ja{{ page_title }}). - Etsi ehtolausekkeita: Joskus seurantakoodit on lisätty
{% if template == 'index' %}-ehtoon tai muuhun ehdolliseen logiikkaan. Muista poistaa myös näissä ehdoissa oleva koodi, jos se on päällekkäinen. - Hakutoiminto: Etsi koodieditorin hakutoiminnon (Cmd/Ctrl + F) avulla yleisiä tunnisteita, kuten
gtag,UA-,AW-,GTM-,google-analytics.com,googletagmanager.comjagoogleadservices.com.
Vaihe 4: Tallenna muutokset
- Kun olet poistanut päällekkäisen koodin, klikkaa editorin oikeasta yläkulmasta Tallenna-painiketta.
Vaihe 5: Testaa kauppaa
- Käy kaupan eri sivuilla (etusivu, tuotesivut, kokoelmasivut).
- Varmista Google Tag Assistantilla (Chrome-laajennus), että tagit käynnistyvät oikein vain Google & YouTube ‑sovelluksesta eivätkä
theme.liquid-tiedostosta. Sinun pitäisi nähdä Google & YouTube ‑sovellukseen liittyvien tagien käynnistyvän eikä enää vanhojen, päällekkäisten tagien.
Jos et ole varma jonkin tietyn koodin poistamisesta, on aina suositeltavaa kysyä neuvoa Shopify-asiantuntijalta tai web-kehittäjältä.
Seuraavat vaiheet
Kun olet tehnyt pyydetyt muutokset, varmista, että ongelma ei enää näy Edellyttää toimia ‑sivulla.