Aggiungi manualmente il tag di Pinterest a Shopify

Se non hai l'app Pinterest per Shopify, ecco le istruzioni per installare manualmente il tag.

Passaggio 1: codice di base

1. Dall'admin di Shopify, fai clic su Online Store (Negozio online) e quindi su Themes (Temi).​

2. Vai al tema che vuoi modificare e fai clic su Actions (Azioni), quindi su Edit Code (Modifica codice).

3. Fai clic su theme.liquid.

4. Scorri fino a visualizzare </head> e incolla sopra 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>
   

5. Sostituisci YOUR_TAG_ID con il tuo ID tag univoco

6. Per trovarlo, accedi a Gestione annunci e fai clic su Annunci, quindi trova Conversioni e fai clic su Crea tag di Pinterest(se hai già creato un tag Pinterest, puoi fare clic sul titolo per visualizzarne l'ID tag univoco)

7. Accedi alla panoramica di monitoraggio delle conversioni e trova la sezione dei dettagli

8. Copia il numero a 13 cifre in sotto a Unique Tag ID e incollalo al posto di YOUR_TAG_ID nel codice

Passaggio 2: codice di pagamento

1. Dall'admin di Shopify, fai clic su Settings (Impostazioni) e quindi su Checkou (Pagamento)

2. Nella sezione Order processing (Elaborazione ordine), individua la casella di testo Additional scripts (Script aggiuntivi)

3. Incolla il codice di monitoraggio seguente nella casella di testo; se in questa casella è già presente codice, incolla il codice di monitoraggio subito dopo

   {% 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. Ricordati di sostituire YOUR_TAG_ID con l'ID tag univoco generato in Gestione annunci

Passaggio 3: codice Aggiungi al carrello

1. Dall'admin di Shopify, fai clic su Online Store (Negozio online) e quindi su Themes (Temi).

2. Nel tema corrente che stai utilizzando, fai clic suActions (Azioni) e poi suEdit code (Modifica codice).

3. In Templates (Modelli) , individua il file di codice denominato product.liquid, product-template.liquid o product-form.liquid e aprilo. Nota che 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.

4. Cerca addtocart nel file premendo e tenendo premuto command+f su Mac o control+f su PC.

5. Inserisci il codice seguente all'interno del pacchetto caret finale dell'elemento <button> o <input>

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

    

6. Fai clic su Salva nell'angolo in alto a destra.