Pinterest-tunnisteen lisääminen Shopifyyn manuaalisesti

Jos Pinterestin Shopify-sovellus ei ole käytettävissä, lisää tunniste manuaalisesti noudattamalla alla olevia ohjeita.

Vaihe 1: Peruskoodi

  1. Siirry Shopify-hallintaan ja valitse Online Store (Verkkokauppa) ja sitten Themes (Teemat).​

  2. Siirry muokattavaan teemaan ja valitse Actions (Toimet) ja sitten Edit Code (Muokkaa koodia).

  3. Valitse theme.liquid.

  4. Vieritä kohtaan </head> ja lisää tämä koodi ennen sitä:

    <script type="text/javascript">
    !function(e){if(!window.pintrk){window.pintrk=function()
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    n=window.pintrk;n.queue=[],n.version="3.0";var
    t=document.createElement("script");t.async=!0,t.src=e;var
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    ("https://s.pinimg.com/ct/core.js"); 
    
    pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
    pintrk('page');
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
    </noscript>
    
  5. Korvaa teksti YOUR_TAG_ID oman tunnisteesi koodilla.

  6. Koodi löytyy näin: Siirry mainosten hallintaan, valitse Mainokset ja sitten Tulokset. Valitse Luo Pinterest-tunniste (jos olet jo luonut Pinterest-tunnisteen, napsauta sen nimeä, niin näet tunnisteen yksilöivän koodin).

  7. Siirry tulosseurannan yleiskatsaukseen ja sen lisätieto-osioon.

  8. Kopioi kohdassa Tunnisteen yksilöivä koodi näkyvä 13-numeroinen luku ja korvaa teksti YOUR_TAG_ID sillä.

Vaihe 2: Checkout-koodi

  1. Siirry Shopify-hallintaan ja valitse Settings (Asetukset) ja sitten Checkout (Ostos).
  2. Etsi osiosta Order processing (Tilauksen käsittely) valintaruutu Additional scripts (Muut koodit).

  3. Liitä oheinen seurantakoodi tekstiruutuun. Jos ruudussa on jo koodi, lisää oma seurantakoodisi sen jälkeen.

    {% if first_time_accessed %}
    <script type="text/javascript">
    !function(e){if(!window.pintrk){window.pintrk=function()
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    
    n=window.pintrk;n.queue=[],n.version="3.0";var
    
    t=document.createElement("script");t.async=!0,t.src=e;var
    
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    
    ("https://s.pinimg.com/ct/core.js");
    
    
    
    pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
    pintrk('page'); 
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
    </noscript>
    
    <script>
    pintrk('track', 'checkout',{
    value: {{ total_price }} / 100,
    currency: '{{ currency }}',
    order_quantity: 1,
    order_id: {{ checkout.id }}
    });
    </script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
    </noscript>
    {% endif %}
    
    

     

  4. Muista korvata teksti YOUR_TAG_ID mainosten hallinnan tunnisteellesi luomalla koodilla.

Vaihe 3: Addtocart-koodi

  1. Siirry Shopify-hallintaan ja valitse Online Store (Verkkokauppa) ja sitten Themes (Teemat).

  2. Siirry käytettävään teemaan ja valitse Actions (Toimet) ja sitten Edit Code (Muokkaa koodia).

  3. Etsi kohdasta Templates (Mallit) kooditiedosto nimeltä product.liquid, product-template.liquid tai product-form.liquid ja avaa se. Nimi voi vaihdella asentamasi teeman mukaan, mutta tuotteen ostoskoriin lisäävän painikkeen koodi on yleensä tiedostossa products.liquid tai vastaavassa tiedostossa.

  4. Etsi tiedostosta teksti addtocart (Mac-tietokone: paina pitkään komento-F, PC-tietokone: paina Ctrl+F).

  5. Lisää seuraava koodi ennen <button>- tai <input>-elementin sulkevaa :

    onclick="pintrk('track', 'addtocart');"

     

  6. Valitse oikeasta yläkulmasta Save (Tallenna).

 

Tarvitsetko lisäapua?
Ota yhteyttä