Pikseliseuranta Oston jälkeen -sivulla

Jos kaupassasi on asennettuna sovellus, joka lisää Oston jälkeen -sivun kauppasi kassalle, mikään kaupassasi käytettävä mukautettu pikselin seuranta ei välttämättä tallenna tiettyjä seurantatapahtumia. Kaupan Lisäkomentosarjat-ruutuun lisätyt mukautetut seurantapikselit seuraavat tapahtumia vain Tilauksen tila -sivulla, joka tulee Oston jälkeen -sivun jälkeen kassalla. Jos asiakas poistuu kaupastasi Oston jälkeen -sivulta, Tilauksen tila -sivulla ei seurata mitään tapahtumia.

Varmistaaksesi, että tallennat konversiotapahtumat oikein, voit lisätä komentosarjan, joka seuraa tapahtumia Oston jälkeen -sivulla. Tämä komentosarja voi myös seurata muita ostoja, jotka on tehty Oston jälkeen -sivulta, kuten lisämyyntiä. Kun olet lisännyt komentosarjan Oston jälkeen -sivulle, sinun täytyy säätää Tilauksen tila -sivun komentosarjaa ohittaaksesi tapahtumat, jotka Oston jälkeen -sivun komentosarja on jo tallentanut.

Sinun on muutettava tapaa, miten kauppasi seuraa tapahtumia vain, jos käytät mukautettua seurantapikseliä. Jos esimerkiksi otat Google Analyticsin käyttöön kohdassa Verkkokauppa > Asetukset, se tallentaa tapahtumat Oston jälkeen -sivulla jo valmiiksi oikein.

Huomioitavaa

Oston jälkeen -sivun lisäkomentosarja on samanlainen kuin Tilauksen tila -sivun lisäkomentosarjat, mutta niissä on muutamia merkittäviä eroja:

  • komentosarja lisätään Oston jälkeen -sivulle, ei Tilauksen tila -sivulle
  • kenttä sallii vain JavaScriptin, Liquid-koodia ei hyväksytä
  • ainoa sallittu HTML-tunniste on <script>
  • komentosarja toimii eristysympäristössä, ei pääsivulla
  • voit lisätä Oston jälkeen -sivun komentosarjan vain, jos kauppaasi on asennettu sovellus, joka lisää kassalle Oston jälkeen -sivun.

Komentosarjan suorittaminen eristysympäristössä varmistaa, että komentosarja on turvallinen ja sitä käytetään oikeaan tarkoitukseen.

Shopify-tuki ei voi auttaa lisämyyntisivun komentosarjojen kanssa. Jos tarvitset apua, voit kirjoittaa aiheesta Shopify-yhteisöön tai palkata Shopify Partnerin.

Komentosarjojen yhteensopivuus Tilauksen tila -sivulla

Jotta voit varmistaa, että pikselisi seuraavat kaikkia konversiotapahtumia oikein, määritä seurantakomentosarjat sekä Oston jälkeen -sivulle että Tilauksen tila -sivulle. Voit välttää konversiotapahtumien laskemisen kahteen kertaan käyttämällä post_purchase_page_accessed-Liquid-muuttujaa komentosarjoissa, jotka suoritetaan Tilauksen tila -sivulla.

Jos asiakas saapuu Oston jälkeen -sivulle ja siirtyy sitten Tilauksen tila -sivulle, post_purchase_page_accessed-muuttuja on tosi. Jos asiakas ei saavu Oston jälkeen -sivulle, muuttuja on epätosi.

Voit käyttää Tilauksen tila -sivun komentosarjoissa esimerkiksi seuraavaa muotoa:

{% if first_time_accessed == true and post_purchase_page_accessed == false %}
<script>
   // insert your tracking script
</script>
{% endif %}

Käytettävissä olevat API:t

Globaalien JavaScript-muuttujien avulla voit antaa seurantakomentosarjoille pääsyn niiden tarvitsemiin tietoihin. Käytettävissä olevat tiedot ovat saatavilla kohdassa window.Shopify.

Oston jälkeen -sivulla tehtyjen ostosten seuraaminen

Jos haluat seurata ostoksia, jotka on tehty Oston jälkeen -sivulla, voit tilata Shopify.on-tapahtuman.

Kun tilaus on tehty, seuraavat toiminnot tehdään aina, kun ostoksen jälkeinen muutosjoukko otetaan onnistuneesti käyttöön:

  • käsittelijääsi kutsutaan kahdella Tilaus-tyyppi argumentilla: order ja outdated order
  • window.Shopify-kohdan globaalit muuttujat päivitetään niin, että komentosarjat voivat käyttää päivitettyjä tietoja.

Tämän tapahtuman tilanneilla käsittelijöillä voi olla vain 500 ms aikaa suorittamista varten. Lataa kaikki tarvitsemasi riippuvuussuhteet etukäteen.

Oston jälkeen -sivun komentosarjan lisääminen

Ennen kuin lisäät lisämyyntisivun komentosarjan, jotta lisämyyntikenttä näkyy Shopify Adminissa, varmista, että olet määrittänyt joko Google- tai YouTube-kanavan tai lataat kolmannen osapuolen lisämyyntisovelluksen.

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Kirjoita komentosarjasi Oston jälkeiset lisäkomentosarjat -kenttään.
  3. Klikkaa Tallenna.

Komentojonoesimerkki

Voit käyttää seuraavaa peruskomentosarjamallia, joka auttaa sinua luomaan oman Oston jälkeen -sivun komentosarjan. Tässä esimerkissä komentosarjassa käytetään Google Analyticsia ensimmäisen konversion seuraamiseen ja kerrotaan, miten lisäostoja seurataan. Tämä esimerkki on todella yksinkertaistettu, ja lopullinen komentosarjasi todennäköisesti poikkeaa siitä.

Esimerkkejä komentosarjatiedostoista

Esimerkki tilauksen tila -sivun komentosarjasta:

<script async src="https://www.googletagmanager.com/gtag/js?id=G-FYNQ742HTX"></script>
<script>
(function() {
  // make sure the initial conversion isn't tracked twice
  {% if first_time_accessed == false or post_purchase_page_accessed == true %}
    return;
  {% endif %}
  // set up google analytics
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
  gtag('config', 'G-FYNQ742HTX');
  // track initial conversion
  var order = window.Shopify.order;

  gtag('event', 'purchase', {
    affiliation: 'My Shopify Store',
    transaction_id: Number(order.id).toString(),
    value: order.totalPrice,
    currency: order.currency,
    items: order.lineItems.map((item) => ({
      id: Number(item.id).toString(),
      name: item.title,
      category: item.product.type,
      price: item.price,
      quantity: item.quantity,
      variant: Number(item.variant.sku).toString(),
    })),
  });
})();
</script>

Esimerkki oston jälkeen -sivun komentosarjasta:

<script async src="https://www.googletagmanager.com/gtag/js?id=G-FYNQ742HTX"></script>
<script>
(function() {
  // set up google analytics
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }

  gtag('js', new Date());
  gtag('config', 'G-FYNQ742HTX');

  // make sure the initial conversion isn't tracked twice
  if (!Shopify.wasPostPurchasePageSeen) {
    var order = window.Shopify.order;

    // track initial conversion
    gtag('event', 'purchase', {
      affiliation: 'My Shopify Store',
      transaction_id: Number(order.id).toString(),
      value: order.totalPrice,
      currency: order.currency,
      items: order.lineItems.map(function(item) {
        return {
          id: Number(item.id).toString(),
          name: item.title,
          category: item.product.type,
          price: item.price,
          quantity: item.quantity,
          variant: Number(item.variant.sku).toString(),
        };
      }),
    });
  }

  // set up additional conversion tracking
  Shopify.on('CheckoutAmended', function(newOrder, previousOrder) {
    // identify which items were recently added, if any
    var oldItems = previousOrder.lineItems.map(function (line) { return line.id; });

    var addedItems = newOrder.lineItems.filter(
      function (line) { return oldItems.indexOf(line.id) < 0; }
    );

    // no new items were added, so we skip conversion tracking
    if (addedItems.length === 0) {
      return;
    }

    // track additional purchase
    gtag('event', 'purchase', {
      affiliation: 'My Shopify Store',
      transaction_id: Number(order.id).toString(),
      value: order.totalPrice,
      currency: order.currency,
      items: addedItems.map(function (item) {
        return {
          id: Number(item.id).toString(),
          name: item.title,
          category: item.product.type,
          price: item.price,
          quantity: item.quantity,
          variant: Number(item.variant.sku).toString(),
        };
      }),
    });
  });
})();
</script>

Viitteet

Seuraavassa taulukossa on määritteiden tyyppien määritelmät, jotka ovat oston jälkeisten lisäkomentosarjojen käytettävissä kohdassa window.Shopify:

Kenttä Määritelmä
window.Shopify
shop Sen kaupan tiedot, josta tilaus tehtiin.
order Tilauksen tiedot.
pageUrl Nykyisen sivun URL-osoite.
wasPostPurchasePageSeen Tarkasteleeko asiakas Oston jälkeen -sivua tämän maksun aikana. Se on epätosi, kun hahmonnus tehdään ensimmäistä kertaa, ja muussa tapauksessa tosi esimerkiksi, jos sivu ladataan uudelleen.
on(event: string, handler: function): void Tilaa tapahtuma. Tällä hetkellä vain CheckoutAmended-tapahtumaa tuetaan.
off(event: string, handler: function): void Poistaa käsittelijän kyseessä olevasta tapahtumasta. Tällä hetkellä vain CheckoutAmended-tapahtumaa tuetaan.
Shop
id Kaupan tunnus.
currency Kaupan valuutta ISO 4217 -muodossa. Esimerkiksi USD. Lue lisää kohdassa shop.currency.
Order
id Tilauksen sisäinen tunniste.
number Tilauksen nimen kokonaislukumuoto. Esimerkiksi 1025.
checkoutToken Kassan sisäinen tunniste.
customer Tilaukseen liitetty asiakas.
lineItem Tilauksen rivikohdat.
subtotalPrice Kaikkien tilauksessa olevien tuotteiden välisumma sen jälkeen, kun sekä rivikohtiin että ostoskoriin sovellettavat alennukset on käytetty. Välisumma ei sisällä veroja (elleivät verot sisälly hintoihin), toimituskuluja tai tippejä.
totalPrice Tilauksen kokonaishinta.
currency Tilauksen valuutan ISO 4217 -koodi.
discounts Tilaukseen sovellettujen alennusten kokonaismäärä.
Customer
id Asiakkaan tunnus.
email Asiakkaan sähköpostiosoite.
acceptsMarketing Onko asiakas hyväksynyt markkinoinnin. Tämä on tosi, jos asiakas hyväksyy markkinoinnin, ja epätosi, jos ei.
hasAccount Onko asiakassähköposti liitetty asiakastiliin. Tämä on tosi, jos sähköpostiosoite on ilmoitettu asiakastilillä, ja epätosi jos sitä ei ole ilmoitettu. Lue lisää kohdassa customer.has_account.
firstName Asiakkaan etunimi.
lastName Asiakkaan sukunimi.
ordersCount Asiakkaan tekemien tilausten kokonaismäärä.
totalSpent Kokonaissumma, jonka asiakas on käyttänyt kaikkiin tilauksiin.
LineItem
finalLinePrice Rivikohdan kaikkien tuotteiden yhteenlaskettu hinta. Tämä on yhtä suuri kuin line_item.final_price kerrottuna arvolla line_item.quantity.
finalPrice Rivikohdan hinta, mukaan lukien kaikki rivitason alennussummat.
lineLevelTotalDiscount Kaikkien rivikohtiin sovellettujen alennusten kokonaismäärä. Tämä ei sisällä alennuksia, jotka on lisätty ostoskoriin.
optionsWithValues Tuotteen vaihtoehdoista valittujen arvojen joukko. Lue lisää kohdassa line_item.options_with_values.
originalLinePrice Riviin sisältyvien tuotteiden määrän yhteenlaskettu hinta ennen alennuksia. Tämä on yhtä kuin line_item.original_price kerrottuna kertoimella line_item.quantity.
originalPrice Rivikohdan alkuperäinen hinta ennen alennuksia.
price Rivikohdan yksikköhinta. Hinnassa on huomioitu kaikki rivikohtiin sovelletut alennukset. Käytettävissä vain Saksassa tai Ranskassa toimivissa kaupoissa.
product Rivikohdan tuote.
properties Joukko ostoskoriin lisätyn tuotteen mukautettuja tietoja. Lue lisää kohdassa line_item.properties.
quantity Rivikohtien määrä.
title Rivikohdan nimi. Lue lisää kohdassa line_item.title.
variant Rivikohdan versio.
Product
id Tuotteen tunnus.
type Tuotteen tyyppi.
ProductVariant
id Tuoteversion tunnus.
sku Version SKU-koodi.
CartDiscount
id Alennussovelluksen sisäinen tunniste.
code Alennuksen koodi, jos sellainen on.
type Alennuksen tyyppi. Mahdollisia arvoja ovat: automatic, discount_code, manual ja script .
amount Kokonaissumma, joka vähennetään tilauksen hinnasta.

Valmiina aloittamaan Shopifyssa?

Kokeile ilmaiseksi