A Pinterest-címke hozzáadása a BigCommerce platformhoz

Úgy tűnik, hogy ezt egy olyan régióból nézed, ahol a Pinterest-címke még nem érhető el. Nézd meg, hol érhető el a Pinterest-címke a Pinterest Business fiókokhoz.

További információ

A BigCommerce egy olyan platform, ahol online áruházat hozhatsz létre. Ha összekapcsolod a BigCommerce áruházadat a Pinterest-címkéddel, megtudhatod, hogy a Pinterest mekkora forgalmat és mennyi termékeladást generál az áruházadnak.

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 BigCommerce-adminból kattints a Storefront (Kirakat) gombra, majd válaszd a Script Manager (Szkriptkezelő) lehetőséget.

Kattints a Create a Script (Szkript létrehozása) gombra.

Töltsd ki az űrlapot a következő információkkal:

Írd be a Pinterest alapkódot a Szkript neveként.
Írd be a Pinterest követési címkét a Leíráshoz.
Válaszd a Head (Fej) opciót a Location on page (Elhelyezkedés az oldalon) lehetőséghez.
Válaszd az All pages (Összes oldal) opciót a Select pages where script will be added (Oldalak kiválasztása, ahol szkript kerül hozzáadásra) lehetőséghez.
Válaszd a Targeting; Advertising (Célzás; Hirdetés) opciót a Script category (Szkriptkategória) lehetőséghez.
Válaszd a Script (Szkript) opciót a Script type (Szkript típusa) lehetőséghez.

Illeszd be az alábbi kódot a Tracking Code (Nyomkövetési kód) mezőbe.

Egyedi címkeazonosítódért keresd fel a Hirdetéskezelőt. Kattints a Hirdetések, majd a Konverziók lehetőségre, majd kattints az Első lépések elemre a Pinterest-címke telepítése lehetőség alatt.

Másold a 13 jegyű számot a címkeazonosító alá, és illeszd be a Tracking code (Nyomkövetési kód) mezőbe.

Kattints a Mentés gombra.

<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: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>

A vásárlási 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 BigCommerce-adminból kattints az Advanced Settings (Haladó beállítások), majd a Web Analytics (Webanalitika) gombra.

Jelöld ki az Affiliate Conversion Tracking (Társított konverziós követés) jelölőnégyzetét, ha még nincs kijelölve, majd kattints> az Affiliate Conversion Tracking (Társított konverziós követés) lapra.

Illeszd be a következő kódot a Konverzió-nyomkövetési kód nevű szövegdobozba, és cseréld ki a YOUR_TAG_ID értéket a saját címkeazonosítódra a Hirdetéskezelőből. Ha már van kód ebben a mezőben, illeszd be utána a nyomkövetési kódodat.

Kattints a Mentés gombra.

<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: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>



<script>

pintrk('track', 'checkout',{

value: %%ORDER_AMOUNT%%,

order_quantity:1,

order_id: %%ORDER_ID%%

});

</script>

Az Add-to-cart kód 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.

A BigCommerce-adminból kattints a Storefront (Kirakat) gombra, majd válaszd a Customize (Testreszabás) lehetőséget. Amint a Store Design megnyílik, kattints a bal oldali Edit Theme Files (Témafájlok szerkesztése) gombra. Ha további információra van szükséged, olvasd el ezt a BigCommerce súgójával kapcsolatos cikket.

A szerkesztő megnyitása után keresd meg a termékek sablonkódfájljait. Egy példaútvonal a Templates, majd a Components és végül a Products (Sablonok > Összetevők > Termékek).

Keresd meg az addtocart.html nevű fájlt, és ellenőrizd, hogy a fájlnak van-e .html típusú kiterjesztése.

Nyisd meg az addtocart.html fájlt, majd keresd meg az add-to-cart beküldési gombját.

Miután megtaláltad a gomb kódrészletét, másold át a kódrészlet egyedi részét.

Menj vissza a BigCommerce szerkesztőjébe, és keresd meg a fájlban a konkrét kódot.

Illeszd be a következő kódot az <input szöveg után, hogy a Kosárba helyezés eseménycímke aktiválódjon, valahányszor valaki a kosárba helyez egy terméket:

onclick="pintrk('track', 'addtocart');"

Kattints a szerkesztő alján található Fájl mentése gombra.

A fájl mentése után lépj vissza az imént szerkesztett egyéni témához a Store Designban.

Kattints a három pont ikonra, majd válaszd az Apply (Alkalmaz) opciót.

collection_fields