custom/plugins/KmAnalytics/src/Resources/views/storefront/component/analytics.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/analytics.html.twig' %}
  3. {% block component_head_analytics %}
  4.     {{ parent() }}
  6.     {#
  7.         <script>console.log({{ context|json_encode|raw }});</script> 
  8.         <script>console.log({{ page|json_encode|raw }});</script> 
  9.     #}
  10.     
  11.      
  12.     <script>
  14.         const statsCookiesAccepted = document.cookie.includes('cookie-preference=1');
  15.         const matomoSettingExists = document.cookie.includes('matomo-enabled=');
  16.         if (!statsCookiesAccepted || (statsCookiesAccepted && !matomoSettingExists)) {
  17.             document.cookie = "matomo-enabled=1; path=/; max-age=2592000";
  18.         }
  20.         (() => {
  21.             const matomoEnabled = document.cookie.split(';').some((item) => item.trim().includes('matomo-enabled=1'));
  22.             const fbpEnabled = document.cookie.split(';').some((item) => item.trim().includes('fbp-enabled=1'));
  23.             const pinterestEnabled = document.cookie.split(';').some((item) => item.trim().includes('pinterest-enabled=1'));
  25.             if(matomoEnabled == true){
  26.                 enableMatomo();
  27.             }
  28.             
  29.             if(fbpEnabled == true){
  30.                 enableFbp();
  31.             } 
  33.             if(pinterestEnabled == true){
  34.                 enablePinterest();
  35.             } 
  36.             
  37.         })();
  39.         // Matomo
  40.         function enableMatomo(){
  41.             // return;
  42.             console.log('Matomo is aktiv');
  44.             var simpleABScript = document.createElement('script');
  45.             simpleABScript.type = 'text/javascript';
  46.             simpleABScript.src = '//matomo.kartenmachen.de/plugins/SimpleABTesting/public/kartenmachen.de.js?v={{ "now"|date("Y-m-d-H") }}';
  47.             document.head.prepend(simpleABScript);
  50.             var _paq = window._paq = window._paq || [];
  51.     
  52.             {% if page.product is defined %}
  53.                 // Product view tracking
  54.                 _paq.push(['setEcommerceView',
  55.                     "{{ page.product.productNumber }}",
  56.                     "{{ page.product.translated.name }}",
  57.                     "{{ page.product.manufacturer.translated.name }}",
  58.                     {{ page.product.calculatedPrice.unitPrice }}
  59.                 ]);
  60.                 _paq.push(['trackPageView']);
  61.             {% elseif page.cmsPage is defined and page.cmsPage.type == 'product_list' %}
  62.                 // Category view tracking
  63.                 _paq.push(['setEcommerceView',
  64.                     false,
  65.                     false,
  66.                     "{{ page.header.navigation.active.translated.name }}"
  67.                 ]);
  68.                 _paq.push(['trackPageView']);
  69.             {% elseif page.cart is defined %}
  70.                 // Cart update tracking
  71.                 {% for lineItem in page.cart.lineItems %}
  72.                     _paq.push(['addEcommerceItem',
  73.                         "{{ lineItem.payload.productNumber }}",
  74.                         "{{ lineItem.label }}",
  75.                         "{{ lineItem.payload.productNumber|slice(0, 3) }}",
  76.                         {{ lineItem.price.unitPrice }},
  77.                         {{ lineItem.quantity }}
  78.                     ]);
  79.                 {% endfor %}
  80.                 _paq.push(['trackEcommerceCartUpdate', {{ page.cart.price.totalPrice }}]);
  81.             {% elseif page.order is defined %}
  82.                 // Order tracking
  83.                 {% for lineItem in page.order.lineItems %}
  84.                     _paq.push(['addEcommerceItem',
  85.                         "{{ lineItem.payload.productNumber }}",
  86.                         "{{ lineItem.label }}",
  87.                         "{{ lineItem.payload.productNumber|slice(0, 3) }}",
  88.                         {{ lineItem.price.unitPrice }},
  89.                         {{ lineItem.quantity }}
  90.                     ]);
  91.                 {% endfor %}
  92.                 _paq.push(['trackEcommerceOrder',
  93.                     "{{ page.order.orderNumber }}",
  94.                     {{ page.order.amountTotal }},
  95.                     {{ page.order.amountNet }},
  96.                     {{ page.order.amountTotal - page.order.amountNet }},
  97.                     {{ page.order.shippingTotal }},
  98.                     false
  99.                 ]);
  100.             {% else %}
  101.                 // Default page view tracking for other pages
  102.                 _paq.push(['trackPageView']);
  103.             {% endif %}
  105.             _paq.push(['enableLinkTracking']);
  106.             (function() {
  107.                 var u="//matomo.kartenmachen.de/";
  108.                 _paq.push(['setTrackerUrl', u+'matomo.php']);
  109.                 _paq.push(['setSiteId', '2']);
  110.                 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  111.                 g.async=true; g.src=u+'matomo.js';
  112.                 document.head.appendChild(g); 
  113.                 // s.parentNode.insertBefore(g,s);
  114.             })();
  115.         }
  119.         // Facebook Pixel
  120.         function enableFbp(){
  121.             // return;
  122.             console.log('Facebook Pixel ist aktiv');
  124.             !function(f,b,e,v,n,t,s)
  125.             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  126.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  127.             if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  128.             n.queue=[];t=b.createElement(e);t.async=!0;
  129.             t.src=v;s=b.getElementsByTagName(e)[0];
  130.             s.parentNode.insertBefore(t,s)}(window, document,'script',
  131.             'https://connect.facebook.net/en_US/fbevents.js');
  132.             fbq('init', '565664260238957');
  134.             {% if page.product is defined and page.product %}
  135.                 fbq('track', 'ViewContent', {
  136.                     content_name: '{{ page.product.translated.name }}',
  137.                     content_ids: ['{{ page.product.productNumber }}'],
  138.                     content_type: 'product',
  139.                     value: {{ page.product.calculatedPrice.unitPrice|round(2) }},
  140.                     currency: '{{ page.header.activeCurrency.isoCode }}'
  141.                 });
  142.             {% elseif page.cart is defined and page.cart.lineItems|length > 0 %}
  143.                 fbq('track', 'AddToCart', {
  144.                     content_ids: [{% for lineItem in page.cart.lineItems %}
  145.                         "{{ lineItem.payload.productNumber }}"{% if not loop.last %},{% endif %}
  146.                     {% endfor %}],
  147.                     content_type: 'product',
  148.                     value: {{ page.cart.price.totalPrice|round(2) }},
  149.                     currency: '{{ page.header.activeCurrency.isoCode }}'
  150.                 });
  151.             {% elseif page.isCheckout is defined and page.isCheckout %}
  152.                 fbq('track', 'InitiateCheckout', {
  153.                     content_ids: [{% for lineItem in page.cart.lineItems %}
  154.                         "{{ lineItem.payload.productNumber }}"{% if not loop.last %},{% endif %}
  155.                     {% endfor %}],
  156.                     content_type: 'product',
  157.                     value: {{ page.cart.price.totalPrice|round(2) }},
  158.                     num_items: {{ page.cart.lineItems|length }},
  159.                     currency: '{{ page.header.activeCurrency.isoCode }}'
  160.                 });
  161.             {% elseif page.order is defined and page.order %}
  162.                 fbq('track', 'Purchase', {
  163.                     content_ids: [{% for lineItem in page.order.lineItems %}
  164.                         "{{ lineItem.payload.productNumber }}"{% if not loop.last %},{% endif %}
  165.                     {% endfor %}],
  166.                     content_type: 'product',
  167.                     value: {{ page.order.amountTotal|round(2) }},
  168.                     num_items: {{ page.order.lineItems|length }},
  169.                     currency: '{{ page.header.activeCurrency.isoCode }}'
  170.                 });
  171.             {% else %}
  172.                 fbq('track', 'PageView');
  173.             {% endif %}
  174.         }
  177.         // Pinterest Tag
  178.         function enablePinterest(){
  179.             console.log('Pinterest Tag ist aktiv');
  181.             !function(e){if(!window.pintrk){window.pintrk = function () {
  182.             window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
  183.             n=window.pintrk;n.queue=[],n.version="3.0";var
  184.             t=document.createElement("script");t.async=!0,t.src=e;var
  185.             r=document.getElementsByTagName("script")[0];
  186.             r.parentNode.insertBefore(t,r)}}("https://s.pinimg.com/ct/core.js");
  187.             
  188.             {% if context.customer %}
  189.                 pintrk('load', '2614386789046', {em: '{{ context.customer.email|lower|sha256 }}'});
  190.             {% else %}
  191.                 pintrk('load', '2614386789046', {em: ''});
  192.             {% endif %}
  194.             pintrk('page');
  196.             {% if page.product is defined and page.product %}
  197.                 pintrk('track', 'pagevisit', {
  198.                     event_id: 'product_view_{{ page.product.productNumber }}',
  199.                     value: {{ page.product.calculatedPrice.unitPrice|round(2) }},
  200.                     currency: '{{ page.header.activeCurrency.isoCode }}',
  201.                     line_items: [
  202.                         {
  203.                             product_id: '{{ page.product.productNumber }}',
  204.                             product_name: '{{ page.product.translated.name }}'
  205.                         }
  206.                     ]
  207.                 });
  208.             {% elseif page.cart is defined and page.cart.lineItems|length > 0 %}
  209.                 pintrk('track', 'addtocart', {
  210.                     event_id: 'cart_update_{{ page.cart.name }}',
  211.                     value: {{ page.cart.price.totalPrice|round(2) }},
  212.                     order_quantity: {{ page.cart.lineItems|length }},
  213.                     currency: '{{ page.header.activeCurrency.isoCode }}',
  214.                     line_items: [
  215.                         {% for lineItem in page.cart.lineItems %}
  216.                         {
  217.                             product_id: '{{ lineItem.payload.productNumber }}',
  218.                             product_name: '{{ lineItem.label }}',
  219.                             product_price: {{ lineItem.price.unitPrice|round(2) }},
  220.                             product_quantity: {{ lineItem.quantity }}
  221.                         }{% if not loop.last %},{% endif %}
  222.                         {% endfor %}
  223.                     ]
  224.                 });
  225.             {% elseif page.order is defined and page.order %}
  226.                 pintrk('track', 'checkout', {
  227.                     event_id: 'order_{{ page.order.orderNumber }}',
  228.                     value: {{ page.order.amountTotal|round(2) }},
  229.                     order_quantity: {{ page.order.lineItems|length }},
  230.                     currency: '{{ page.header.activeCurrency.isoCode }}',
  231.                     order_id: '{{ page.order.orderNumber }}',
  232.                     line_items: [
  233.                         {% for lineItem in page.order.lineItems %}
  234.                         {
  235.                             product_id: '{{ lineItem.payload.productNumber }}',
  236.                             product_name: '{{ lineItem.label }}',
  237.                             product_price: {{ lineItem.price.unitPrice|round(2) }},
  238.                             product_quantity: {{ lineItem.quantity }}
  239.                         }{% if not loop.last %},{% endif %}
  240.                         {% endfor %}
  241.                     ]
  242.                 });
  243.             {% elseif page.cmsPage is defined and page.cmsPage.type == 'product_list' %}
  244.                 pintrk('track', 'viewcategory', {
  245.                     event_id: 'category_{{ page.header.navigation.active.id }}',
  246.                     category_name: '{{ page.header.navigation.active.translated.name }}'
  247.                 });
  248.             {% else %}
  249.                 pintrk('track', 'pagevisit', {
  250.                     event_id: 'page_{{ page.header.navigation.active.id ?? "home" }}'
  251.                 });
  252.             {% endif %}
  253.         }
  256.     </script>
  257. {% endblock %}