Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Once you added the visualizer to your website, you might be interested in checking the effects of the Wizart products on your business by looking at the key metrics. This document is intended to help you with implementing the Wizart event tracking.

Info

Please Note: Wizart is not a POS app, it is essentially a ‘Product List Page’, and once the products are selected, Wizart redirects the consumer to the shopping cart platform for completing the transaction. Therefore, there is no ‘conversion event’ as by this point Wizart is no longer involved. However, you can track and understand the uplift interactions with Wizart are bringing.

One of the ways to do this is to hook into to the Wizart ‘add_to_shopping_cart event’ and write this to Google Analytics as a standard GA event.

Expand
titleHow do I add Shopping Cart to the Visualizer?
  1. Enable Shopping Cart in your Wizart PIM account.

Image Added

2. Add prices to the products in the visualizer catalogue by updating the csv with metadata.

3. Implement 2-way shopping cart synchronization on the backend following the instructions. Please remember, that once the user clicks the button ‘complete checkout’ in the visualizer, the user is redirected to the shopping cart platform on your website to complete the purchase.

You can then use the E-commerce scope in the Behaviour > Events reports in GA to guage the impact of these interactions as this will give you a conversion rate and per session value of sessions in which these events were triggered. You can check the instructions on Sending Data to Google Analytics via the link.

By using a sensible taxonomy e.g. all events written from Wizart have the category “Wizart”, you could also create a Google Analytics segment for sessions containing the “Wizart” event category and compare this in GA reports to non-Wizart users.

In order to event track these, you’ll need to hook into the JavaScript event pushed by Wizart and then send an event hit type.

Please use the script below, where 'wizart_analytics' is a required base name of all wizart events; and 'apply' is an exact name of a triggered event (gallery_open, apply, add_to_shopping cart, etc.). 

Code Block
languagejs
<script>
    window.addEventListener('message', function (event) {
        if (
            event.data
            && event.data.eventName === 'wizart_analytics' //base name of all wizart events
            && event.data.analyticsEventName === 'user_init' //exact name of triggered event (gallery_open, apply, etc.)
        ) {
            //some your action to monitor a user activity
            //payload contains all necessary data about triggered event
            //console.log(event.data.payload);
            //console.log(event.data.payload.user_identifier); //current user id. This id is instant for each sessions of the user.
        }
    });
</script>

...