Folosește aplicația Pinterest pentru Shopify pentru a-ți conecta magazinul Shopify la contul business Pinterest.
Îți poți conecta magazinul Shopify la un singur cont business Pinterest. Dacă ai două magazine Shopify,
Dacă ai adăugat deja manual Marcajul Pinterest la Shopify sau ai folosit un alt terț în acest scop, va trebui să
Înainte de a-ți conecta magazinul Shopify la contul Pinterest, va trebui să faci următoarele:
Ideal ar fi să folosești un browser Chrome pe desktop pentru a-ți conecta magazinul Shopify la contul Pinterest.
Chiar dacă poți adăuga manual marcajul Pinterest la Shopify, nu îți recomandăm acest lucru. Dacă este posibil, urmează pașii de mai sus pentru a-ți conecta magazinul cu aplicația Pinterest pentru Shopify, astfel încât Marcajul să fie adăugat automat.
Adăugarea codului de bază
Cu ajutorul codului de bază, poți colecta date despre evenimente, de exemplu, dacă cineva cumpără un produs sau adaugă un produs în coșul de cumpărături. Codul de bază trebuie instalat pe toate paginile site-ului.
- Din panoul de administrare Shopify, fă clic pe Online Store, apoi pe Themes.
- Navighează la tema pe care dorești să o editezi și fă clic pe Actions, apoi pe Edit Code
- Fă clic pe theme.liquid.
- Derulează până când vezi </head> și lipește acest cod deasupra:
<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>
- Înlocuiește YOUR_TAG_ID cu ID-ul de Marcaj unic. Pentru a găsi ID-ul de Marcaj unic, deschide panoul de control al reclamelor pe Pinterest.
- Navighează la prezentarea urmăririi conversiilor și găsește secțiunea de detalii.
- Copiază numărul format din 13 cifre aflat sub ID-ul Marcajului și lipește-l în secțiunea YOUR_TAG_ID din cod.
Adăugarea unui eveniment Checkout
După instalarea codului de bază, poți adăuga diferite evenimente pentru a colecta date suplimentare. Poți adăuga evenimentul Checkout pentru a urmări când cineva cumpără un produs și finalizează tranzacții.
- Din panoul de administrare Shopify, fă clic pe Settings, apoi fă clic pe Checkout
- În secțiunea Order Status Page Scripts (Scripturile paginii cu starea comenzii), lipește următorul cod de urmărire în caseta de text. Dacă există deja un cod în această casetă, lipește codul de urmărire după acesta:
{% 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 %}
- Înlocuiește YOUR_TAG_ID cu ID-ul de Marcaj unic. Pentru a găsi ID-ul de Marcaj unic, deschide panoul de control al reclamelor pe Pinterest.
Adăugarea unui eveniment AddToCart (opțional)
După instalarea codului de bază, poți adăuga opțional diferite evenimente pentru a colecta date suplimentare. Poți să adaugi evenimentul AddToCart pentru a urmări când cineva adaugă produse în coșul său de cumpărături.
Notă: cu unele teme și widgeturi Shopify, nu vei putea adăuga un eveniment AddToCart.
- Din panoul de administrare Shopify, fă clic pe Online Store, apoi pe Themes.
- În tema curentă pe care o folosești, fă clic pe Actions și pe Edit code.
- Sub Șabloane, caută un fișier de cod numit product.liquid product-template.liquid, sau product-form.liquid și deschide-l. Acest lucru poate varia în funcție de tema pe care ai instalat-o, însă cel mai adesea vei vedea codul de buton pentru adăugarea în coș în fișierul products.liquid sau într-un fișier echivalent.
- Caută addtocart în fișierul de cod.
- Introdu codul următor în
porțiunea de sfârșit a elementului <button> sau <input>:onclick="pintrk('track', 'addtocart');"
- Fă clic pe Salvează în colțul din dreapta sus.
Dacă ai instalat deja manual Marcajul Pinterest și acum dorești să folosești în schimb aplicația Pinterest pentru Shopify, trebuie mai întâi să elimini Marcajul instalat manual. Asigură-te că ai eliminat codul de bază, codul de finalizare comandă și codul addtocart.
Eliminarea codului de bază
- Din panoul de administrare Shopify, fă clic pe Online Store, apoi pe Themes
- Navighează la tema pe care dorești să o editezi și fă clic pe Actions, apoi pe Edit Code
- Fă clic pe theme.liquid
- Derulează până când vezi </head> și găsești acest cod:
<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>
Eliminarea codului Checkout
- Din panoul de administrare Shopify, fă clic pe Settings, apoi fă clic pe Checkout.
- În secțiunea Scripturile paginii cu starea comenzii , găsește următorul cod de urmărire în caseta de text. Dacă în casetă se află un șir mai lung de cod, asigură-te că elimini doar această parte a codului:
{% 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 %}
Eliminarea codului AddToCart
- Din panoul de administrare Shopify, fă clic pe Online Store, apoi pe Themes.
- În tema curentă pe care o folosești, fă clic pe Actions, apoi fă clic pe Edit code.
- Sub Templates, caută fișierul de cod numit product.liquid, product-template.liquid sau product-form.liquid și deschide-l. Acest lucru poate varia în funcție de tema pe care ai instalat-o, însă cel mai adesea vei vedea codul de buton pentru adăugarea în coș în fișierul products.liquid sau într-un fișier echivalent.
- Caută addtocart în fișier.
- Găsește și elimină codul următor. Ar trebui să fie la simbolul de final al elementului <button> sau <input>:
onclick="pintrk('track', 'addtocart');"
- Fă clic pe Salvează în colțul din dreapta sus.