Usa l'app di Pinterest per Shopify per collegare il tuo negozio Shopify al tuo account per aziende Pinterest.
Puoi collegare il tuo negozio Shopify a un solo account per aziende Pinterest alla volta. Se hai due negozi Shopify,
Se hai già aggiunto manualmente il tag di Pinterest a Shopify o se hai eseguito questa operazione tramite una terza parte, dovrai
Prima di collegare il tuo negozio Shopify all'account Pinterest, devi:
Idealmente, dovresti utilizzare un browser Chrome sul tuo desktop per collegare il tuo negozio Shopify all'account Pinterest.
Benché sia possibile aggiungere manualmente il tag di Pinterest a Shopify, non lo consigliamo. Se possibile, segui i passaggi sopra riportati per collegare il negozio all'app Pinterest per Shopify, in modo che il tag venga aggiunto automaticamente.
Aggiungere il codice di base
Il codice di base ti consente di raccogliere dati sugli eventi, ad esempio quando qualcuno acquista un prodotto o aggiunge un prodotto al carrello. Il codice di base deve essere installato su tutte le pagine del tuo sito web.
- Dall'admin di Shopify, fai clic su Negozio online quindi su Temi.
- Vai al tema che vuoi modificare e fai clic su Azioni, quindi su Modifica codice
- Fai clic su theme.liquid.
- Scorri fino a visualizzare </head> e incolla questo codice:
<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>
- Sostituisci YOUR_TAG_ID con il tuo ID tag univoco. Per individuare il tuo ID tag univoco, apri Gestione annunci su Pinterest.
- Accedi alla panoramica di monitoraggio delle conversioni e individua la sezione dei dettagli.
- Copia il numero a 13 cifre sotto a ID tag e incollalo nel codice al posto di YOUR_TAG_ID.
Aggiungere un evento di checkout
Dopo aver installato il codice di base puoi aggiungere altri tipi di eventi per raccogliere dati aggiuntivi. Puoi aggiungere l'evento di checkout per monitorare quando le persone acquistano un prodotto e completano una transazione.
- Dall'admin di Shopify, fai clic su Impostazioni quindi su Checkout.
- In Script della Pagina di stato dell'ordine incolla il codice di monitoraggio seguente nella casella di testo. Se nella casella è già presente un codice, incolla il tuo codice di monitoraggio subito di seguito:
{% 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 %}
- Sostituisci YOUR_TAG_ID con il tuo ID tag univoco. Per individuare il tuo ID tag univoco, apri Gestione annunci su Pinterest.
Aggiungere un evento AddToCart (facoltativo)
Dopo aver installato il codice di base puoi aggiungere altri tipi di eventi per raccogliere dati aggiuntivi. Puoi aggiungere l'evento AddToCart per monitorare quando le persone aggiungono prodotti al carrello.
Nota: con alcuni temi e widget di Shopify, non potrai aggiungere un evento AddToCart.
- Dall'admin di Shopify, fai clic su Negozio online, quindi su Temi.
- Nel tema corrente che stai utilizzando, fai clic suActions (Azioni) e poi suEdit code (Modifica codice).
- In Modelli, cerca il file di codice denominato product.liquid product-template.liquid, o product-form.liquid e aprilo. Il nome potrebbe variare a seconda del tema installato, ma normalmente il codice del pulsante "Aggiungi al carrello" è presente nel file products.liquid o equivalenti.
- Cerca il file addtocart nel file del codice.
- Inserisci il codice seguente all'interno del
pacchetto finale dell'elemento <button> o <input>:onclick="pintrk('track', 'addtocart');"
- Fai clic su Salva nell'angolo in alto a destra.
Se hai già installato manualmente il tag di Pinterest e ora vuoi invece usare l'app Pinterest per Shopify, devi prima rimuovere il tag installato manualmente. Assicurati di rimuovere il codice di base, il codice Checkout e il codice AddToCart.
Rimuovere il codice di base
- Dall'admin di Shopify, fai clic su Online Store (Negozio online) e quindi su Themes (Temi).
- Vai al tema che vuoi modificare e fai clic su Azioni, quindi su Modifica codice
- Fai clic su theme.liquid
- Scorri fino a visualizzare </head> e individua questo codice:
<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>
Rimuovere il codice di checkout
- Dall'admin di Shopify, fai clic su Impostazioni quindi su Checkout.
- Nella sezione Script della pagina di stato dell'ordine, trova il codice di monitoraggio seguente nella casella di testo. Se in questa casella è già presente un codice, assicurati di rimuovere soltanto questa parte:
{% 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 %}
Rimuovere il codice AddToCart
- Dall'admin di Shopify, fai clic su Negozio online quindi su Temi.
- Nel tema corrente che stai utilizzando, fai clic suAzioni e poi suModifica codice.
- In Modelli individua il file di codice denominato product.liquid, product-template.liquid o product-form.liquid e aprilo. Il nome potrebbe variare a seconda del tema installato, ma normalmente il codice del pulsante "Aggiungi al carrello" è presente nel file products.liquid o equivalenti.
- Cerca il file addtocart.
- Individua e rimuovi il seguente codice. Dovrebbe trovarsi all'interno del pacchetto caret finale dell'elemento <button> o <input>:
onclick="pintrk('track', 'addtocart');"
- Fai clic su Salva nell'angolo in alto a destra.