How to Set Up Web Tracking for Your Website
Web tracking is a technology that allows to track user behavior on the website. It also enables to:
- create segments;
- work with them in different channels: Email, Web Push, Mob Push, SMS, Viber;
- send personalized recommendations;
- show recommendations on the website.
Web tracking collects user data and enables to create segments based on
- viewed/added/purchased items;
- price category;
- device’s name, model, and browser;сниппет виджет
- number of purchases;
- user location, etc.
To use web tracking, you need to sign up to one of Extra Features according to your pricing plan.
1. Install a Script
1. Go to your personal profile > Settings > Web tracking.
2. Click Get script.
3. Enter your domain name and click Get script. The script works for second-level domains and subdomains (mysite.com, blog.mysite.com).
4. Copy the script and add it to the page code before the closing tag on every website page.
If you install a script via Google Tag Manager or any other tag manager, you may lose tracked data as it may be blocked by content filters. The script should be installed on both desktop and mobile versions of the website and added to the mobile application to track user activity in it.
5. Once the code is added, check the website status. If the installation has failed, you will see a corresponding warning.
When the installation is completed successfully, the status will change.
6. Click Close. You will be redirected to the main page of web tracking settings with the information on the activity on the website.
Note. Data for Additional events will not be available until a product feed is uploaded into the system and the corresponding events are set up by our support.
2. Upload the Product Feed to the System
1. In your personal settings > Web Tracking click Upload a product data feed.
The supported formats are XML, RSS 2.0 according to Google specifications. Mime type of the file must comply with the XML specification application/xml, text/xml, application/rss+xml, application/xhtml+xmlю Click Feed sample to view the sample.
2. In Feed settings, specify the feed URL and set up update frequency based on time of your website product list update. You can set up a feed to be updated every day or every week on a particular day.
Note. Feed type is Product data by default.
3. Click Upload now or Upload by schedule (for example, if you set up web tracking in the morning, and product feed update on your website is scheduled at 8 p.m.). The loading process will start.
If the feed upload has failed, you will see an error warning and the corresponding description.
Make necessary changes to the feed and re-upload it. Until then, the previous successfully uploaded data will be used. If the case of the first upload, no data will be available for web tracking until a successful feed upload.
After a successful upload, you'll see the number of products in the feed.
- Available products;
- Products with zero price;
- Products with no category;
- Uncategorized products.
4. Click View products to see information on each product. For convenience, you can view products by categories.
The missing information on the product is highlighted in red. Use a filter in the top left corner to search the errors by:
- product ID;
- product image.
If you need to go to the main settings, click Set Up Feed.
5. To update the feed off schedule, click Update feed now.
You can upload one product feed by default. If you need to use more feeds, please contact our support.
3. Add productKey
ProductKey is a unique product ID contained in the feed. It must be present in:
- product card;
- product card pop-up;
If it’s absent, add it to the page code as a hidden element. You only need to add productKey inside the container of each product.
<div class="container basket item"> <div data-productKey="196272"> </div> </div>
4. Add Email Addresses of Authorized Users
In the website code, add email addresses or phone number of the authorized users. This is necessary so that eSputnik can identify the person currently browsing the website, assign them to the event and send an email.
<span id="EsMail" style= "display:none">firstname.lastname@example.org</span> <span id="EsPhone" style= "display:none">+380661234567</span>
If your website doesn’t have authorization, contact eSputnik for a customized solution to be able to collect email addresses (purchase form, subscription form).
5. Activate Web Tracking
When all of the above steps are completed, contact our support to activate web tracking.
6. Prepare Static Email Templates
This step doesn’t require preliminary above settings. You can create static templates (general layout and information types) both before and after web tracking setting.
Apart from standard elements - header, footer, info module - the email must contain:
- Block with one item (if a person viewed one item);
- Block with two items;
- Block with three items.
Create structures with different numbers of cards under each other in one stripe.
For the design with a raw grid, you don’t need to create blocks with multiple items.
Regardless of how many items the visitor has viewed during the session, the last 3 items are displayed in the email by default. If needed, you can customize the cards for 6 items.
Prepare in advance the entire series of emails for abandoned carts and browses.
7. Test and Launch
After web tracking is installed, contact our support and they will set up and test dynamic content for product cards. Emails with dynamic content will include personal product recommendations for each visitor. Depending on the workflow and email complexity, testing can take up to 3 days.