De Pinterest-tag toevoegen aan BigCommerce

Het lijkt erop dat je je in een regio bevindt waar de Pinterest-tag nog niet beschikbaar is. Raadpleeg waar de Pinterest-tag voor Pinterest Business-accounts beschikbaar is.

Meer informatie

BigCommerce is een platform waarmee je een webwinkel kunt maken. Door je Pinterest-tag aan je BigCommerce-winkel te koppelen, krijg je inzicht in hoeveel verkeer Pinterest naar je winkel leidt en in de verkoop van je producten.

De basiscode toevoegen

Met de basiscode kun je gegevens verzamelen over gebeurtenissen, zoals wanneer iemand een product koopt of een product toevoegt aan zijn of haar winkelmand. De basiscode moet op alle pagina's van je website worden geïnstalleerd.

Klik in je BigCommerce-beheerpaneel op Storefront (Winkel) en vervolgens op Script Manager (Scripts beheren).

Klik op Create a Script (Een script maken).

Vul de volgende informatie in in het formulier:

Vul Pinterest-basiscode in bij Name of script (Naam van script).
Vul Pinterest-trackingtag in bij Description (Beschrijving).
Selecteer Head (Kop) bij Location on page (Locatie op pagina).
Selecteer All pages (Alle pagina's) bij Select pages where script will be added (Selecteer de pagina's waarop het script moet worden toegevoegd).
Selecteer Targeting; Advertising (Targeting en adverteren) bij Script category (Scriptcategorie).
Selecteer Script bij Script type (Type script).

Plak de onderstaande code in het vak Tracking Code (trackingcode).

Ga naar Advertentiebeheer om je unieke tag-ID te vinden. Klik op Advertenties en ga naar Conversies. Klik vervolgens onder Pinterest-tag installeren op Aan de slag.

Kopieer de 13-cijferige code onder Tag-ID en plak het in het vak Tracking Code (trackingcode).

Klik op Opslaan.

<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>

De Checkout-gebeurtenis toevoegen

Nadat je de basiscode hebt geïnstalleerd, kun je verschillende gebeurtenissen toevoegen om aanvullende gegevens te verzamelen. Met een Checkout-gebeurtenis kun je bijhouden wanneer mensen een artikel kopen en betalingen verrichten.

Klik in je BigCommerce-beheerpaneel op Advanced Settings (Geavanceerde instellingen) en vervolgens op Web Analytics (Websitestatistieken).

Vink indien nodig het vakje Affiliate Conversion Tracking (Affiliate-conversietracking) aan en klik vervolgens op het tabblad Affiliate Conversion Tracking (Affiliate-conversietracking).

Plak de volgende code in het vak Conversion Tracking Code (Conversietrackingcode) en vervang YOUR_TAG_ID met je eigen tag-ID van Advertentiebeheer. Staat er al iets in dit vak? Plak je trackingcode er dan achter.

Klik op Opslaan.

<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>

De AddToCart-code toevoegen (optioneel)

Nadat je de basiscode hebt geïnstalleerd, kun je eventueel extra gebeurtenissen toevoegen om aanvullende gegevens te verzamelen. Met de AddToCart-gebeurtenis kun je bijhouden wanneer mensen artikelen toevoegen aan hun winkelmand.

Klik in je BigCommerce-beheerpaneel op Storefront (Winkel) en klik vervolgens op Customize (Aanpassen). De pagina Store Design (Winkelontwerp) wordt geopend. Klik aan de linkerkant op Edit Theme Files (Themabestanden bewerken). Lees dit BigCommerce-helpartikel voor meer informatie.

Open de editor en zoek de sjabloonbestanden voor de productenpagina. Ga bijvoorbeeld naar Templates, dan naar Components en vervolgens naar Products.

Zoek het bestand addtocart.html. Controleer of de bestandsnaam wel echt op .html eindigt.

Open het bestand addtocart.html en zoek de code voor de add-to-cart submit button (knop Aan winkelmand toevoegen).

Als je de juiste code hebt gevonden, kopieer je het unieke deel van de code.

Ga terug naar de BigCommerce-editor en zoek de betreffende code in het bestand.

Plak de volgende code na <input, zodat de AddToCart-gebeurtenis wordt geactiveerd wanneer iemand een product aan zijn of haar winkelmand toevoegt:

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

Klik op Save File (Bestand opslaan) onderaan het scherm.

Als het bestand is opgeslagen, ga je terug naar het aangepaste thema dat je net hebt bewerkt.

Klik op de drie puntjes en selecteer Apply (Toepassen).

collection_fields