Bruk Pinterest for Shopify-appen for å koble Shopify-butikken din til Pinterest-bedriftskontoen din.
Du kan bare koble Shopify-butikken din til én bedriftskonto på Pinterest om gangen. Hvis du har to Shopify-butikker, kan du
Hvis du allerede har lagt til Pinterest-taggen i Shopify manuelt eller har brukt en annen tredjepart til å gjøre det, må du først
Før du kan koble Shopify-butikken din til Pinterest-kontoen din, må du:
Ideelt sett bør du bruke en Chrome-nettleser på datamaskinen for å koble Shopify-butikken din til Pinterest-kontoen din.
Selv om det er mulig å legge til Pinterest-taggen manuelt i Shopify, anbefaler vi det ikke. Når det er mulig, bør du følge trinnene ovenfor for å koble butikken din til Pinterest for Shopify-appen, slik at taggen legges til automatisk.
Legg til basiskoden
Med basiskoden kan du samle data om hendelser, for eksempel når noen kjøper et produkt eller legger til et produkt i handlekurven. Du må installere koden på alle sider på nettstedet ditt.
- Gå til administratordelen av Shopify, og klikk på Online Store og så på Themes.
- Gå til temaet du vil redigere, og klikk på Actions. Klikk deretter på Edit Code
- Klikk på theme.liquid.
- Rull ned til du ser </head> og lim inn denne koden ovenfor:
<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=DIN_TAGG-ID&noscript=1" /> </noscript>
- Bytt ut YOUR_TAG_ID med din egen unike tagg-ID. Du kan finne den ved å åpne annonseverktøyet på Pinterest.
- Gå til oversikten for konverteringssporing og finn detaljer-delen.
- Kopier det 13-sifrede nummeret under Tagg-ID, og lim det inn i stedet for DIN_TAGG-ID i koden
Legg til en Checkout-hendelse
Når du har installert basiskoden, kan du legge til ulike hendelser for å samle inn ekstra data. Du kan legge til Checkout-hendelsen for å spore når folk kjøper produkter og gjennomfører transaksjoner.
- Gå til administratordelen av Shopify, og klikk på Settings og så på Checkout.
- Under Order Status Page Scripts (skript på siden for bestillingsstatus) limer du inn den følgende sporingskoden i tekstfeltet. Hvis det allerede er kode i feltet, limer du inn sporingskoden etter den eksisterende 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 }} / 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 %}
- Bytt ut YOUR_TAG_ID med din egen unike tagg-ID. Du kan finne den ved å åpne annonseverktøyet på Pinterest.
Legg til en AddToCart-hendelse (valgfritt)
Når du har installert basiskoden, kan du legge til ulike hendelser for å samle inn ekstra data. Du kan legge til AddToCart-hendelsen for å spore når folk legger til produkter i handlekurven.
Merk: Enkelte Shopify-temaer og -widgeter støter ikke AddToCart-hendelser.
- Gå til administratordelen av Shopify, og klikk på Online Store og så på Themes.
- Trykk på Actions og Edit code i temaet du bruker nå.
- Se under Maler etter kodefiler med navnet product.liquid, product-template.liquid, eller product-form.liquid, og åpne dem. Dette kan variere avhengig av temaet du har installert, men det vanligste er at koden for «legg-til-i-handlekurv»-knappen ligger i «product.liquid»-filen eller en tilsvarende fil.
- Søk etter addtocart i kodefilen.
- Plasser denne koden før det avsluttende
vinkeltegnet i <button>- eller <input>-elementet:onclick="pintrk('track', 'addtocart');"
- Klikk på Save (Lagre) øverst til høyre.
Hvis du allerede har installert Pinterest-taggen manuelt og nå vil bruke Pinterest for Shopify-appen i stedet, bør du først fjerne den manuelt installerte taggen. Sørg for at du fjerner basiskoden, checkout-koden og addtocart-koden.
Fjern basiskoden
- I administratordelen av Shopify klikker du på Online Store (Nettbutikk) og deretter på Themes (Temaer)
- Gå til temaet du vil redigere, og klikk på Actions. Klikk deretter på Edit Code
- Klikk på theme.liquid
- Rull ned til du ser </head> og finn denne koden:
<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=DIN_TAGG-ID&noscript=1" /> </noscript>
Fjern Checkout-koden
- Gå til administratordelen av Shopify, og klikk på Settings og så på Checkout.
- Finn følgende sporingskode i tekstfeltet i Order Status Page Scripts-delen. Hvis det finnes annen kode i feltet, må du passe på at du bare fjerner denne delen 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=DIN_TAGG-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 %}
Fjern AddToCart-koden
- Gå til administratordelen av Shopify, og klikk på Online Store og så på Themes.
- Klikk på Actions og Edit code i temaet du bruker nå.
- Gå til Templates, og se etter kodefiler med navnet product.liquid, product-template.liquid eller product-form.liquid, og åpne dem. Dette kan variere avhengig av temaet du har installert, men det vanligste er at koden for «legg-til-i-handlekurv»-knappen ligger i «product.liquid»-filen eller en tilsvarende fil.
- Søk etter addtocart i filen.
- Finn og fjern den følgende koden. Det bør være ved sluttvinkeltegnet av <button> eller <input> elementet:
onclick="pintrk('track', 'addtocart');"
- Klikk på Save (Lagre) øverst til høyre.