A Pinterest for Shopify alkalmazással összekapcsolhatod Shopify-áruházadat az üzleti Pinterest-fiókoddal.
Ne feledd, hogy Shopify-fiókodat egyszerre csak egy üzleti Pinterest-fiókhoz kapcsolhatod hozzá. Ha két Shopify áruházad van, kérjük,
Ha már manuálisan vagy egy harmadik fél segítségével hozzáadtad a Pinterest-címkét a Shopifyhoz, akkor a Pinterest for Shopify alkalmazás használata előtt
Ahhoz, hogy Shopify-áruházadat összekapcsold a Pinterest-fiókoddal, a következőkre van szükséged:
Ideális esetben használj egy asztali Chrome böngészőt a Shopify-áruházad és a Pinterest-fiókod összekapcsolásához.
Bár manuálisan is hozzáadhatod a Pinterest-címkét a Shopifyhoz, ezt nem javasoljuk. Ha lehetséges, kövesd a fenti lépéseket, hogy összekapcsolhasd áruházadat a Pinterest for Shopify alkalmazással, hogy a címkét automatikusan kerüljön hozzáadásra.
Az alapkód hozzáadása
Az alapkód lehetővé teszi az eseményekre vonatkozó adatok gyűjtését, például ha valaki terméket vásárol vagy terméket tesz a kosarába. Az alapkódot a webhelyed összes oldalára telepíteni kell.
- A Shopify-adminból kattints az Online áruház, majd a Témák gombra.
- Keresd meg azt a témát, amit szerkeszteni szeretnél, és kattints a Műveletek, majd a Kód szerkesztése gombra
- Kattints a „theme.liquid” gombra.
- Görgess a </head> részhez, és illeszd be fölé a következő kódot:
<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>
- Cseréld le a YOUR_TAG_ID szöveget a saját egyedi címkeazonosítódra. Egyedi címkeazonosítódért nyisd meg a Pinterest Hirdetéskezelőjét.
- Navigálj a konverziós követés áttekintéséhez, és keresd meg a részletek szakaszt.
- Másold be a Címkeazonosító alatt található 13 jegyű számsort, majd illeszd be a YOUR_TAG_ID szöveg helyére a kódban.
Egy „Checkout” esemény hozzáadása
Az alapkód telepítése után különféle eseményeket adhatsz hozzá, és további adatokat gyűjthetsz. Hozzáadhatod a „Checkout” eseményt, hogy nyomon követhesd azt, amikor valaki megvásárol egy terméket és teljesíti a tranzakciókat.
- A Shopify-adminból kattints az Beállítások, majd a Vásárlás gombra.
- A Rendelés állapota oldal szkriptjei alatt másold be a következő követőkódot a szövegdobozba. Ha ebben a mezőben már van kód, utána illeszd be a követőkódot:
{% 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',{ érték: {{ total_price }} / 100, pénznem: "{{ 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=CÍMKEAZONOSÍTÓD&event=checkout&noscript=1"/> </noscript> {% endif %}
- Cseréld le a YOUR_TAG_ID szöveget a saját egyedi címkeazonosítódra. Egyedi címkeazonosítódért nyisd meg a Pinterest Hirdetéskezelőjét.
Az „AddToCart” esemény hozzáadása (nem kötelező)
Az alapkód telepítése után opcionálisan különféle eseményeket adhatsz hozzá, és további adatokat gyűjthetsz. Az „AddToCart” esemény hozzáadásával nyomon követheted, amikor valaki termékeket helyez a bevásárlókosarába.
Megjegyzés: Egyes Shopify-témák és modulok esetén nem lehetséges az „AddToCart” esemény hozzáadása.
- A Shopify-adminból kattints az Online áruház, majd a Témák gombra.
- Az aktuálisan használt témában kattints a Műveletek, majd a Kód szerkesztése gombra.
- A Sablonok szakaszban keresd meg a product.liquid, a product-template.liquid vagy a product-form.liquid nevű kódfájlt, és nyisd meg. Ez a telepített témától függ, de a kosárba helyezésre szolgáló gomb kódja leggyakrabban a „products.liquid” fájlban vagy egy ezzel egyenértékű fájlban található.
- Keresd meg a fájl kódfájljában az addtocart kódot.
- Helyezd a következő kódot a <button> vagy az <input> elem záró
csúcsos zárójele elé:onclick="pintrk('track', 'addtocart');"
- Kattints a Mentés gombra a jobb felső sarokban.
Ha már manuálisan telepítetted a Pinterest-címkét, és most inkább a Pinterest for Shopify alkalmazást használnád helyette, először távolítsd el a manuálisan telepített címkét. Ne felejtsd el eltávolítani az alapkódot, valamint a „checkout” és az „addtocart” kódot.
Az alapkód eltávolítása
- A Shopify-adminból kattints az Online áruház, majd a Témák gombra
- Keresd meg azt a témát, amit szerkeszteni szeretnél, és kattints a Műveletek, majd a Kód szerkesztése gombra
- Kattints a „theme.liquid” gombra
- Görgess a </head> részhez, és keresd meg a következő kódot:
<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>
A „Checkout” kód eltávolítása
- A Shopify-adminból kattints a Beállítások, majd a Vásárlás gombra.
- A Rendelés állapota oldal szkriptjei szakaszban keresd meg a következő követőkódot a szövegdobozban. Ha több kód van ebben a dobozban, ügyelj arra, hogy a kódnak csak ezt a részét távolítsd el:
{% 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 %}
Az „Addtocart” kód eltávolítása
- A Shopify-adminból kattints az Online áruház, majd a Témák gombra.
- Az aktuálisan használt témában kattints a Műveletek, majd a Kód szerkesztése gombra.
- A Sablonok szakaszban keresd meg a product.liquid vagy a product-template.liquid vagy a product-form.liquid nevű fájlt és nyisd meg. Ez a telepített témától függ, de a kosárba helyezésre szolgáló gomb kódja leggyakrabban a „products.liquid” fájlban vagy egy ezzel egyenértékű fájlban található.
- Keresd meg a fájlban az addtocart kódot.
- Keresd meg és távolítsd el a következő kódot. A <button> vagy <input> elem csúcsos zárójele előtt kell lennie:
onclick="pintrk('track', 'addtocart');"
- Kattints a Mentés gombra a jobb felső sarokban.