Skip to content

Jak přidat integraci Shoparize pro Shopify

Shoparize E-commerce growth team

Introduction

1. Chcete-li začít vytvářet integraci, přejděte do svého obchodu a otevřete Nastavení > Zákaznické události:

2. Klikněte na tlačítko „Přidat vlastní pixel“ a vyplňte název nového pixelu pomocí názvu „Shoparize Partner Integration

3. Nyní můžete vyplnit všechna pole podle screenshotu nebo podle pokynů níže:

Oprávnění: Není vyžadováno

Prodej dat: Shromážděná data splňují podmínky pro prodej dat

Kód:

javascript
                          let SHOPARIZE_PARTNER_SHOP_ID = ****;//UPDATE THE VALUE TO NUMBER OF YOUR SHOP ID

//do not touch the code bottom
const partnerjs = document.createElement('script');
partnerjs.src = 'https://partner-cdn.shoparize.com/js/shoparize.js';
partnerjs.async = true;
const firstScript = document.getElementsByTagName('script')[0];
firstScript.parentNode.insertBefore(partnerjs, firstScript);

window.dataLayerShoparize = window.dataLayerShoparize || [];

analytics.subscribe("page_viewed", (event) => {
  let interval = setInterval(() => {
    if (typeof window.SHOPARIZE_API != 'undefined') {
      SHOPARIZE_API().init(SHOPARIZE_PARTNER_SHOP_ID);
      clearInterval(interval);
    }
  }, 50);
});

analytics.subscribe("checkout_completed", (event) => {
  let items = [];
  event.data?.checkout?.lineItems.forEach((item) => {
    items.push({
      item_id: item?.id,
      item_name: item?.title,
      currency: event.data?.checkout?.currencyCode,
      price: item?.variant?.price?.amount,
      quantity: item?.quantity
    });
  });
  
  dataLayerShoparize.push({
    event: "purchase",
    ecommerce: {
      transaction_id: event.data?.checkout?.order?.id,
      value: event.data?.checkout?.totalPrice?.amount,
      tax: event.data?.checkout?.totalTax?.amount,
      shipping: event.data?.checkout?.shippingLine?.price?.amount,
      currency: event.data?.checkout?.currencyCode,
      items: items
    }
  });

  let interval = setInterval(() => {
    if (typeof window.SHOPARIZE_API != 'undefined') {
      SHOPARIZE_API().conv(SHOPARIZE_PARTNER_SHOP_ID);
      clearInterval(interval);
    }
  }, 50);
});
                        

Důležité: V textovém poli Code musíte nahradit hodnotu „****“ za ID vašeho obchodu, například pokud je ID vašeho obchodu 1234, první řádek musí vypadat takto:

javascript
                          const SHOPARIZE_PARTNER_SHOP_ID = 1234;//update it to the number of your shop id
                        

Pokud tuto hodnotu nezměníte nebo nesprávně nastavíte své ID obchodu, integrace nebude fungovat.

4. Klikněte na „uložit“:

5. Poté klikněte na tlačítko „Connect“ (pixel nebude fungovat, pokud to neuděláte)

Poznámka: Zákaznické události Shopify v administraci Shopify nemusí umožňovat nastavení specifická pro doménu. Pro konfiguraci pixelu s nastaveními specifickými pro doménu použijte aktualizovanou verzi výše uvedeného úryvku kódu. Pokud ve svém obchodě nepoužíváte více domén, tento krok jednoduše přeskočte.

javascript
                          let SHOPARIZE_PARTNER_SHOP_ID = null;

switch (location.host) {
  case 'SHOP_DOMAIN.NAME'://need to change on your domain name
    SHOPARIZE_PARTNER_SHOP_ID = 1234;//need to change on your shop ID
  break;
    
  case 'SHOP_DOMAIN_2.NAME'://need to change on your domain name
    SHOPARIZE_PARTNER_SHOP_ID = 1235;//need to change on your shop ID
  break;
}

//do not touch the code bottom
                        

Stačí změnit začátek kódu o 3 kapitoly výše před komentář – //nedotýkejte se kódu níže

A je to! Integrace je hotová. Gratulujeme 🙂

Po dokončení manuálu byste měli vytvořit testovací objednávku pomocí odkazu, který vám zaslal náš Shoparize Partner support tým. Nezapomeňte prosím poslat ID testovací objednávky na partner@shoparize.com, abychom mohli zkontrolovat, že je vše správně nastaveno.

Want help choosing the right Shopping setup?

Talk to our team and we will recommend the right path for your store, market, and product feed.

Talk to our team