Pomocí aplikace Pinterest pro Shopify můžete svůj obchod Shopify propojit se svým firemním účtem Pinterest.
Svůj obchod Shopify můžete být připojen vždy jen k jednomu účtu Pinterest. Pokud máte dva obchody Shopify,
Pokud jste už do Shopify ručně přidali tag Pinterestu nebo k tomu použili jinou třetí stranu, před použitím aplikace Pinterest for Shopify je třeba
Než budete moct svůj obchod Shopify s účtem Pinterest propojit, je třeba:
V ideálním případě byste k propojení obchodu Shopify s účtem Pinterest měli použít prohlížeč Chrome na počítači.
I když je možné tag Pinterestu do Shopify přidat ručně, nedoporučujeme to. Pokud je to možné, podle výše uvedených kroků propojte svůj obchod pomocí aplikace Pinterest pro Shopify, aby se váš tag přidal automaticky.
Přidání základního kódu
Základní kód umožňuje shromažďovat data o událostech, jako když si někdo koupí produkt nebo přidá produkt do košíku. Základní kód musí být nainstalován na všech stránkách vašeho webu.
- Ve správci Shopify klikněte na Online obchod a pak Motivy.
- Přejděte k motivu, který chcete upravit, a klikněte na možnost Akce a pak Upravit kód.
- Klikněte na theme.liquid.
- Posunujte stránku dolů, dokud neuvidíte </head>, a vložte nad něj tento kód:
<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>
- YOUR_TAG_ID nahraďte svým vlastním jedinečným ID tagu. Pokud chcete jedinečné ID tagu najít, otevřete Správu inzerce na Pinterestu.
- Přejděte do přehledu sledování konverzí a vyhledejte část s podrobnostmi.
- Zkopírujte 13místné číslo pod položkou ID tagu a vložte ho na místo položky YOUR_TAG_ID v kódu.
Přidání události nákupu (Checkout)
Po instalaci základního kódu můžete přidat různé události a shromažďovat další data. Událost nákupu (Checkout) můžete přidat, chcete-li sledovat, kdy si lidé koupili produkt a dokončili transakce.
- Ve správci Shopify klikněte na Nastavení a pak Nákup.
- V části Skripty stránky stavu objednávky vložte do textového pole následující kód sledování. Pokud už pole nějaký kód obsahuje, vložte kód sledování za něj:
{% 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 %}
- YOUR_TAG_ID nahraďte svým vlastním jedinečným ID tagu. Pokud chcete jedinečné ID tagu najít, otevřete Správu inzerce na Pinterestu.
Přidání události přidání do košíku (AddToCart) (nepovinné)
Po instalaci základního kódu můžete přidat také různé události a shromažďovat další data. Událost přidání do košíku (AddToCart) můžete přidat, chcete-li sledovat, kdy uživatelé přidali produkty do košíku.
Poznámka: U některých motivů a widgetů Shopify nebude možné událost přidání do košíku (AddToCart) přidat.
- Ve správci Shopify klikněte na Online obchod a pak Motivy.
- V aktuálním motivu, který používáte, klikněte na možnost Akce a Upravit kód.
- V části Šablony najděte soubor kódu nazvaný product.liquid, product-template.liquid nebo product-form.liquid a otevřete ho. Mohou se lišit v závislosti na motivu, který jste nainstalovali, ale kód tlačítka přidání do košíku najdete nejčastěji v souboru products.liquid nebo ekvivalentním.
- Vyhledejte soubor pro přidání do košíku (addtocart) v souboru kódů.
- Do koncové
vsuvky prvku <button> nebo <input> vložte následující kód:onclick="pintrk('track', 'addtocart');"
- V pravém horním rohu klikněte na Uložit.
Pokud jste už tag Pinterestu nainstalovali ručně a teď chcete místo toho používat aplikaci Pinterest pro Shopify, měli byste nejdřív ručně nainstalovaný tag odebrat. Nezapomeňte odebrat základní kód, kód nákupu (checkout) a kód přidání do košíku (addtocart).
Odebrání základního kódu
- Ve správci Shopify klikněte na možnost Online obchod a pak Motivy.
- Přejděte k motivu, který chcete upravit, a klikněte na Akce a pak Upravit kód.
- Klikněte na theme.liquid.
- Posunujte stránku dolů, dokud neuvidíte </head> a nenajdete tento kód:
<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>
Odebrání kódu nákupu (Checkout)
- Ve správci Shopify klikněte na Nastavení a pak Nákup.
- V části Order Status Page Scripts (Skripty stránky stavu objednávky) vyhledejte v textovém poli následující kód sledování. Pokud je v tomto poli více kódů, dávejte pozor, abyste odebrali pouze tuto část kódu:
{% 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 %}
Odebrání kódu přidání do košíku (AddToCart)
- Ve správci Shopify klikněte na Online obchod a pak Motivy.
- V aktuálním motivu, který používáte, klikněte na Akce a pak Upravit kód.
- V části Šablony vyhledejte soubory kódu s názvem product.liquid nebo product-template.liquid nebo product-form.liquid a otevřete je. Mohou se lišit v závislosti na motivu, který jste nainstalovali, ale kód tlačítka přidání do košíku najdete nejčastěji v souboru products.liquid nebo ekvivalentním.
- Vyhledejte soubor pro přidání do košíku (addtocart).
- Najděte a odeberte následující kód. Měl by být u koncové vsuvky prvku <button> nebo <input>:
onclick="pintrk('track', 'addtocart');"
- V pravém horním rohu klikněte na Uložit.