Shopify

The integration into a Shopify webshop is very simple for both etracker Analytics and Signalize and only takes a few minutes.

1. etracker Analytics integration in Shopify.
2. Signalize integration in Shopify.

1. etracker Analytics Integration in Shopify

Requirements:

An etracker account and access to the corresponding individual etracker tracking code. As (main) user, you find the tracking code in your account under Account Info → Integration → Tracking code or directly under this URL: https://newapp.etracker.com/#/report/trackInfo

Follow these steps to integrate etracker Analytics into Shopify:

1. Log in to your Shopify shop.

2. Go to Sales channels → Online Store → Themes, click Edit code and paste the etracker code into the head section of your theme.liquid.

 3. Add the parameter data-ecommerce-grabber=”true” to the etracker code as in this example:

4. To measure orders, the following tracking code with your personal account key (instead of 1a2b3c) must be entered on the order confirmation page. To do this, go to the settings of your shop and click on Checkout and accounts.

You can find your account key in your etracker account under Settings → Account → Account or via the link above the tracking code display or directly under this URL: https://newapp.etracker.com/#/report/accountSettings/accountKey

<!-- Copyright (c) 2000-2023 etracker GmbH. All rights reserved. -->
<!-- This material may not be reproduced, displayed, modified or distributed -->
<!-- without the express prior written permission of the copyright holder. -->
<!-- etracker tracklet 5.0 -->
<script type="text/javascript">
   // var et_pagename = "";
   // var et_areas = "";
   // var et_tval = 0;
   // var et_tsale = 0;
   // var et_tonr = "";
   // var et_basket = "";
</script>
<script id="_etLoader" type="text/javascript" charset="UTF-8" data-block-cookies="true" data-secure-code="1a2b3c" src="//code.etracker.com/code/e.js" async></script>
<!-- etracker tracklet 5.0 end -->
<script>
var orderEvent = {
  orderNumber: '{{ checkout.order_id }}',
  status: 'sale',
  orderPrice: '{{ checkout.total_price | money_without_currency | replace: ",", "." }}',
  currency: '{{ checkout.currency }}',
  basket: {
    id: 'basket' + '{{ checkout.order_id }}',
    products: []
  }
};
{% for line_item in checkout.line_items %}
  {% capture category_list %}{% for category in line_item.product.tags limit:5 %}{{ category }}||{% endfor %}{% endcapture %}
  var mappedProduct = {
    id: '{{ line_item.product_id }}',
    name: '{{ line_item.title }}',
    price: '{{ line_item.final_price | money_without_currency | replace: ",", "." }}',
    currency: '{{ checkout.currency }}',
    category: {{ category_list | split: '||' | json }}
  };
  orderEvent.basket.products.push({
    product: mappedProduct,
    quantity: {{ line_item.quantity }}
  });
{% endfor %}
var _etrackerOnReady = typeof _etrackerOnReady === 'undefined' ? [] : _etrackerOnReady;
_etrackerOnReady.push(function() { etCommerce.sendEvent('order', orderEvent); });
</script>

5. The last step is to activate eCommerce tracking in Shopify in order to record which items are viewed and placed in the shopping cart. For this purpose, etracker can access the eCommerce tracking of Google Analytics integrated in Shopify without actually using Google Analytics.

 You activate the extended eCommerce tracking as follows:

1. In the Shopify admin area, go to Online Store → Preferences.
2. In the Google Analytics section, activate the checkbox Use Enhanced Ecommerce.
3. Click on Save.

You can enter any dummy value as account, e.g. UA-12345-1.

After saving, the configuration entry should look like this:

2. Signalize Integration in Shopify

To send push messages to your Shopify customers, use the Signalize app at https://apps.shopify.com/signalize.

Follow the instructions after installing the app. An account will automatically be created for you and the code will be integrated into your shop.