Använd Pinterest för Shopify-appen för att ansluta din Shopify-butik till ditt företagskonto på Pinterest.
Du kan bara ansluta din Shopify-butik till ett företagskonto på Pinterest åt gången. Om du har två Shopify-butiker bör du
Om du redan har lagt till Pinterest-taggen manuellt i Shopify, eller använt en annan tredje part för att göra det, måste du
Innan du kan ansluta din Shopify-butik till ditt Pinterest-konto måste du:
Helst bör du använda webbläsaren Chrome på datorn för att ansluta din Shopify-butik till ditt Pinterest-konto.
Det är möjligt att manuellt lägga till Pinterest-taggen på Shopify, men vi rekommenderar det inte. Följ stegen ovan om möjligt för att ansluta din butik till Pinterest för Shopify-appen så att din tagg läggs till automatiskt.
Lägga till baskod
Baskoden låter dig samla in data om händelser, som när någon köper en produkt eller lägger en produkt i varukorgen. Baskoden måste installeras på alla sidor på din webbplats.
- Som Shopify-administratör klickar du på Onlinebutik och sedan Teman.
- Gå till det tema du vill redigera och klicka på Åtgärder och sedan Redigera kod.
- Klicka på theme.liquid.
- Bläddra tills du ser </head> och klistra in den här koden ovanför:
<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>
- Ersätt YOUR_TAG_ID med ditt eget unika tagg-ID. Öppna annonshanteraren på Pinterest för att hitta ditt unika tagg-ID.
- Gå till din översikt för konversionsspårning och hitta informationsavsnittet.
- Kopiera det 13-siffriga numret under Tagg-ID och klistra in det för att ersätta YOUR_TAG_ID i koden.
Lägga till en köphändelse
När du har installerat baskoden kan du lägga till olika händelser för insamling av ytterligare data. Du kan lägga till köphändelsen för att spåra när användare köper en produkt och slutför en transaktion.
- Som Shopify-administratör klickar du på Inställningar och sedan Kassa.
- Under Skript för orderstatussida klistrar du in följande spårningskod i textrutan. Om det redan finns kod i rutan ska du klistra in spårningskoden efter den:
{% 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 %}
- Ersätt YOUR_TAG_ID med ditt eget unika tagg-ID. Öppna annonshanteraren på Pinterest för att hitta ditt unika tagg-ID.
Lägga till en AddToCart-händelse (valfritt)
När du har installerat baskoden kan du välja att lägga till olika händelser för insamlinng av ytterligare data. Du kan lägga till AddToCart-händelsen för att spåra när en användare lägger till produkter i sin varukorg.
Obs! Med vissa Shopify-teman och -widgetar kan du inte lägga till en AddToCart-händelse.
- Som Shopify-administratör klickar du på Onlinebutik och sedan Teman.
- Klicka på Åtgärder i det aktuella temat du använder och sedan Redigera kod.
- Under Mallar, leta efter kodfilerna product.liquid, product-template.liquid, eller product-form.liquid och öppna. Detta kan variera beroende på vilket tema du har installerat, men AddToCart-koden hittas vanligtvis i product.liquid-filen eller motsvarande.
- Sök efter addtocart i kodfilen.
- Placera följande kod inom
slutmarkören på elementen <button> eller <input>:onclick="pintrk('track', 'addtocart');"
- Klicka på Spara i det övre högra hörnet.
Om du redan installerat Pinterest-taggen manuellt och nu vill använda Pinterest för Shopify-appen istället, bör du ta bort alla taggar du installerat manuellt först. Se till att ta bort baskod, köpkod och AddToCart-kod.
Ta bort baskod
- Som Shopify-administratör klickar du på Onlinebutik och sedan Teman.
- Gå till det tema du vill redigera och klicka på Åtgärder och sedan Redigera kod.
- Klicka på theme.liquid.
- Bläddra tills du ser </head> och hittar denna kod:
<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>
Ta bort köpkod
- Som Shopify-administratör klickar du på Inställningar och sedan Kassa.
- I avsnittet Sidoskript för orderstatus hittar du följande spårningskod i textrutan. Om det finns mer kod i rutan tar du endast bort denna del av koden:
{% 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 %}
Ta bort AddToCart-kod
- Som Shopify-administratör klickar du på Onlinebutik och sedan Teman.
- I det aktuella temat du använder klickar du på Åtgärder och sedan Redigera kod.
- Gå till Mallar och hitta kodfilen med namnet product.liquid, product-template.liquid eller product-form.liquid och öppna den. Detta kan variera beroende på vilket tema du har installerat, men AddToCart-koden hittas vanligtvis i product.liquid-filen eller motsvarande.
- Sök i filen efter addtocart.
- Hitta och ta bort följande kod. Den bör ha slutmarkören <button> eller <input>:
onclick="pintrk('track', 'addtocart');"
- Klicka på Spara i det övre högra hörnet.