Nasadenie trackingu na Shoptet pomocou GTM

Návod pre nastavenie GTM pre eshopy na systéme Shoptet.

1. vytvorte si konto na https://tagmanager.google.com/#/home
2. pridajte vašu webovú stránku. Tag Manager vám vygeneruje kód, z ktorého si zoberiete vaše ID. Vzor: GTM-XXXXXX
3. vaše GTM ID vložte v administrácii Shoptet (Prepojenie -> Google -> Tag Manager) do políčka pre Google Tag Manager ID a zaškrtnite použitie Google Data Layer Helperu
4. v Tag Manageri vytvorte tag pre sledovanie preklikov „Affil Dognet – click tracking“ ako custom HTML kde vložíte kód pre sledovanie preklikov (kód dodáme). Triggerom je každá stránka (All pages)
5. v Tag Manageri vytvorte trigger „DOM ready“
6. vytvorte tag pre sledovanie predajov „Affil Dognet – sale tracking“ ako custom HTML, kde vložíte kód pre sledovanie predajov (kód dodáme). Triggerom je DOM ready. V rozšírených nastaveniach nastavte, aby sa tag spúšťal pri každom evente.
7. v tomto kroku máte už vytvorené 2 tagy a 1 trigger
8. publikujte všetky zmeny

V prípade potreby nás kontaktujte, GTM vieme nastaviť aj za vás 😉

Click tracking kód

„XXXXXXXXXXX“ treba nahradiť za ID vášho účtu

„YYYYYYY“ treba nahradiť za ID vašej kampane

<div id='papPlaceholder'></div>
 
<script type="text/javascript">
  (function(d,t) {
    var script = d.createElement(t); script.id= 'pap_x2s6df8d'; script.async = true;
    script.src = '//login.dognet.sk/scripts/fj27g82d';
    script.onload = script.onreadystatechange = function() {
      var rs = this.readyState; if (rs && (rs != 'complete') && (rs != 'loaded')) return;
      PostAffTracker.setAccountId('XXXXXXXX');
      try { var CampaignID='YYYYYYYY';
	  PostAffTracker.track(); } catch (e) {}
    }
    var placeholder = document.getElementById('papPlaceholder');
    placeholder.parentNode.insertBefore(script, placeholder);
    placeholder.parentNode.removeChild(placeholder);
  })(document, 'script');
</script>

Sale tracking kód

„XXXXXXXXXXX“ treba nahradiť za ID vášho účtu

„YYYYYYY“ treba nahradiť za ID vašej kampane

<div id='papSaleTrackingPlaceholder'></div>
<script type="text/javascript">
  (function(d,t) {
    var script = d.createElement(t); script.id= 'pap_x2s6df8d'; script.async = true;
    script.src = '//login.dognet.sk/scripts/fj27g82d';
    script.onload = script.onreadystatechange = function() {
        var rs = this.readyState; if (rs && (rs != 'complete') && (rs != 'loaded')) return;
        //DECLARATION OF DATALAYER FOR DATAHELPER
        var dataHelper = new DataLayerHelper(dataLayer);
        //RUN TRACKING ONLY ON THANK YOU PAGE  
        if (dataHelper.get('shoptet.pageType') == 'thankYou') { 
          //CHECK IF COUPON CODE HAS BEEN USED
          var shoptetCouponCode = "";
          console.log(dataHelper.get('shoptet.order.discountCoupons'));
          if (dataHelper.get('shoptet.order.discountCoupons').length != 0) {
            var shoptetDiscountCoupons = dataHelper.get('shoptet.order.discountCoupons');
            shoptetCouponCode = shoptetDiscountCoupons[0].code;
          }          
          //CREATE LIST OF PRODUCT IDs FORM PRODUCT ARRAY
          var shoptetProductList = "";
          var shoptetProducts = dataHelper.get('shoptet.order.content');
          var tmpY = 0;          
          for (tmpY=0; tmpY<shoptetProducts.length; tmpY++) {
            shoptetProductList += shoptetProducts[tmpY].id;
            shoptetProductList += ", ";
          }       
          //ORDER INFORMATION FOR TRACKING
          PostAffTracker.setAccountId('XXXXXXXX');
          var sale = PostAffTracker.createSale();
		      sale.setCampaignID('YYYYYYYY');
          sale.setTotalCost(dataHelper.get('shoptet.order.netto'));
		      sale.setOrderID(dataHelper.get('shoptet.order.orderNo'));
		      sale.setProductID(shoptetProductList);
		      sale.setCoupon(shoptetCouponCode);
		      sale.setCurrency(dataHelper.get('shoptet.order.currencyCode'));
          
          try { PostAffTracker.track(); } catch (e) {}
          
        }
    }
    var placeholder = document.getElementById('papSaleTrackingPlaceholder');
    placeholder.parentNode.insertBefore(script, placeholder);
    placeholder.parentNode.removeChild(placeholder);
  })(document, 'script');
</script>

Aktualizované 4.11.2021