Skip to content

Ako pridať integráciu Shoparize pre Shopify

Shoparize E-commerce growth team

Introduction

1. Ak chcete začať vytvárať integráciu, prejdite do svojho obchodu a otvorte Settings > Customer Events:

2. Kliknite na tlačidlo „Pridať vlastný pixel“ a zadajte názov nového pixelu pomocou názvu „Shoparize Partner Integration

3. Teraz môžete vyplniť všetky polia tak, ako je to zobrazené na snímke obrazovky alebo uvedené nižšie:

Povolenie: Nevyžaduje sa

Predaj údajov: Zhromaždené údaje spĺňajú podmienky na predaj údajov

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 textovom poli Code musíte nahradiť hodnotu „****“ pomocou ID vášho obchodu, napríklad ak je ID vášho obchodu 1234, prvý riadok musí vyzerať takto:

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

Ak ponecháte hodnotu nezmenenú alebo nesprávne nastavíte svoje ID obchodu, integrácia nebude fungovať.

4. Kliknite na „uložiť“:

5. Potom kliknite na tlačidlo „Connect“ (pixel nebude fungovať, ak tak neurobíte)

Poznámka: Funkcia Customer Events v Shopify Admin nemusí podporovať nastavenia špecifické pre doménu. Na konfiguráciu pixelu s nastaveniami pre konkrétnu doménu použite aktualizovanú verziu vyššie uvedeného úryvku kódu. Ak vo svojom obchode nepoužívate viacero domén, tento krok môžete preskočiť.

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čí zmeniť začiatok kódu o 3 kapitoly vyššie pred komentárom – //do not touch the code bottom

A je to! Integrácia je hotová. Gratulujeme 🙂

Po vykonaní manuálu by ste mali vytvoriť testovú objednávku pomocou odkazu, ktorý vám zaslal náš tím Shoparize Partner support. Uistite sa, prosím, že odošlete ID testovej objednávky na adresu partner@shoparize.com, aby sme mohli skontrolovať, či je všetko správne nastavené.

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