Voit liittää Shopify-kaupan Pinterest-yritystiliin Shopifyn Pinterest-sovelluksessa.
Huomaa, että voit liittää Shopify-kaupan kerrallaan vain yhteen Pinterest-yritystiliin. Jos sinulla on kaksi Shopify-kauppaa, ota
Jos olet jo lisännyt Pinterest-tunnisteen Shopifyhin manuaalisesti tai käyttänyt siihen toista kolmatta osapuolta,
Ennen kuin voit liittää Shopify-kaupan Pinterest-tiliisi:
Shopify-kauppa kannattaa liittää Pinterest-tiliisi tietokoneen Chrome-selaimella.
Pinterest-tunnistetta ei kannata lisätä Shopifyyn manuaalisesti. Liitä kauppa Shopifyn Pinterest-sovellukseen mahdollisuuksien noudattamalla yllä olevia ohjeita, niin tunniste lisätään automaattisesti.
Peruskoodin lisääminen
Peruskoodilla voit kerätä tietoja tapahtumista, kuten tuoteostoksista tai tuotteiden lisäämisestä koriin. Peruskoodi on asennettava verkkosivuston kaikille sivuille.
- Siirry Shopify-hallintaan ja valitse Online Store (Verkkokauppa) ja sitten Themes (Teemat).
- Siirry muokattavaan teemaan ja valitse Actions (Toimet) ja sitten Edit Code (Muokkaa koodia).
- Valitse theme.liquid.
- 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>
- Korvaa teksti YOUR_TAG_ID oman tunnisteesi koodilla. Etsi koodi siirtymällä Pinterestissä mainosten hallintaan.
- Siirry tulosseurannan yleiskatsaukseen ja sen lisätieto-osioon.
- Kopioi kohdassa Tunnisteen koodi näkyvä 13-numeroinen luku ja korvaa teksti YOUR_TAG_ID sillä.
Checkout-tapahtuman lisääminen
Peruskoodin asentamisen jälkeen voit kerätä lisätietoja lisäämällä erilaisia tapahtumia. Voit lisätä Checkout-tapahtuman ja seurata, kun käyttäjät ostavat tuotteen tai suorittavat tapahtumia.
- Siirry Shopify-hallintaan ja valitse Settings (Asetukset) ja sitten Checkout (Ostos).
- Liitä oheinen seurantakoodi tekstiruutuun Tilauksen tila -sivun koodit -kohtaan. 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: 2, event_id: '{{ event_id }}', line_items: [ { product_name: '{{ product_name_1 }}', product_id: '{{ product_id_1 }}', product_price: {{ product_price_1 }}, product_quantity: 1 }, { product_name: '{{ product_name_2 }}', product_id: '{{ product_id_2 }}', product_price: {{ product_price_2 }}, product_quantity: 1 }, ], order_id: {{ checkout.order_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 %}
- Korvaa teksti YOUR_TAG_ID oman tunnisteesi koodilla. Etsi koodi siirtymällä Pinterestissä mainosten hallintaan.
AddToCart-tapahtuman lisääminen (ei pakollinen)
Peruskoodin asentamisen jälkeen voit halutessasi kerätä lisätietoja lisäämällä erilaisia tapahtumia. Voit lisätä AddToCart-tapahtuman ja seurata, kun käyttäjät lisäävät tuotteita ostoskoreihinsa.
Huomaa, että AddToCart-tapahtumaa ei voi lisätä joidenkin Shopify-teemojen ja -widgetien kanssa.
- Siirry Shopify-hallintaan ja valitse Online Store (Verkkokauppa) ja sitten Themes (Teemat).
- Siirry käytettävään teemaan ja valitse Actions (Toimet) ja sitten Edit Code (Muokkaa koodia).
- 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.
- Etsi kooditiedostosta teksti addtocart.
- Lisää seuraava koodi ennen
<button> - tai <input>-elementin sulkevaa kulmasuljetta:onclick="pintrk('track', 'addtocart');"
- Valitse oikeasta yläkulmasta Save (Tallenna).
Jos olet jo asentanut Pinterest-tunnisteen manuaalisesti ja haluat nyt käyttää Sen sijaan Pinterestin Shopify-sovellusta, poista ensin manuaalisesti asennettu tunniste. Muista poistaa peruskoodi, Checkout-koodi ja AddToCart-koodi.
Peruskoodin poistaminen
- Siirry Shopify-hallintaan ja valitse Online Store (Verkkokauppa) ja sitten Themes (Teemat).
- Siirry muokattavaan teemaan ja valitse Actions (Toimet) ja sitten Edit Code (Muokkaa koodia).
- Valitse theme.liquid.
- Vieritä kohtaan </head> ja etsi tämä koodi:
<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>
Checkout-koodin poistaminen
- Siirry Shopify-hallintaan ja valitse Settings (Asetukset) ja sitten Checkout (Ostos).
- Etsi oheinen seurantakoodi tekstiruudusta Order Status Page Scripts -kohdasta. Jos ruudussa on enemmän koodia, poista koodista ainoastaan tämä osa:
{% 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 | money_without_currency }}, 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 %}
AddToCart-koodin poistaminen
- Siirry Shopify-hallintaan ja valitse Online Store (Verkkokauppa) ja sitten Themes (Teemat).
- Siirry käytettävään teemaan ja valitse Actions (Toimet) ja sitten Edit Code (Muokkaa koodia).
- 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.
- Etsi tiedostosta teksti addtocart.
- Etsi ja poista seuraava koodi, joka on ennen <button>- tai <input>-elementin sulkevaa kulmasuljetta:
onclick="pintrk('track', 'addtocart');"
- Valitse oikeasta yläkulmasta Save (Tallenna).