Ecommerce tag tracking allows you to measure the transactions and revenue that each Vibes campaign generates after a consumer clicks through to your site from an SMS message. On a typical ecommerce site, once a user clicks the "purchase" button in the browser, the user's purchase information is sent to the web server, which carries out the transaction. If successful, the server redirects the user to a "Thank You" or receipt page with transaction details and a receipt of the purchase. You can use the Vibes Ecommerce Measurement library to send the data from the "Thank You" page to Vibes Analytics.
Simply, by including the Vibes tag on each page of your ecommerce site, we can:
- Record a "click action" in the Vibes Analytics Module for every page a consumer visits after clicking on a Vibes campaign including the parameters in the campaign URL (see #3 below for a screenshot of the how to set this up.)
- Record revenue data for purchases associated with specific SMS campaigns and prove the ROI down to the campaign level.
- Add a cookie to the consumers browser to associate further consumer activity with the campaign (cookie expires after 7 days). The cookie allows Vibes to send Cart Recovery messages.
Glossary of terms:
Ecommerce tag | Tagging is ubiquitous with both inserting scripts as well as capturing data associated with your site |
Tag tracking | Tracking critical interactions of your ecommerce site to help identify the factors that drive sales and the sources that bring in the most traffic. Tag tracking enables the measurement of user interactions with products on ecommerce websites across the user's shopping experience, including: product impressions, product clicks, viewing product details, adding a product to a shopping cart, initiating the checkout process, transactions, and refunds. |
Tag management | A tool that allows you to add and update tracking tags without tweaking your website code |
Cookie | Cookies are text files with small pieces of data — like a username and password — that are used to identify your computer as you use a computer network. Specific cookies known as HTTP cookies are used to identify specific users and improve your web browsing experience. |
URL shortener | URL shortening is a technique in which a Uniform Resource Locator (URL) may be made substantially shorter and still direct to the required page. This is achieved by using a redirect which links to the web page that has a long URL. |
Cart Recovery | An automated trigger to remind a consumer that they have items in their shopping cart |
Click event | Record a “click action” in the Vibes Analytics Module for every page a consumer visits after clicking on a campaign. |
Product action | A click event on a product |
US & EU host URLS
- US host: https://tagtracking.vibescm.com
- EU host: https://tagtracking.eu.vibes.com
Implementation steps
Include Vibes Tags ecommerce sites or in a tag management platform
Use the Vibes URL shortener to shorten URLs in your messaging campaigns
Include the "Tag Tracking" tag in your campaign in Campaign Manager
1. Include Vibes Tags ecommerce sites or in a tag management platform
<script async src="https://tagtracking.vibescm.com/tag"></script> <script> window.vTagData = window.vTagData || []; function vTag(a,p,c){vTagData.push([a,p,c]);} </script>
- For the EU, please use https://tagtracking.eu.vibes.com/tag in the above code block
- Vibes will automatically add the URL variables to capture this data if the URL is included inside of a "Tag Tracking" tag (detailed below in #2) in the campaign.
- If you have questions, please follow up with your Customer Success representative or open a Customer Care ticket by emailing Live@Vibes.com
Product Action
var product = { id: '123abc', price: 12.34, name: 'the product', brand: 'the brand', category: 'food', variant: 'variant', quantity: 3, coupon: 'abc123', position: 'position' }; vTag("detail", product);
Add the product variable to a tag on any consumer facing “product detail” page and record information about that product view and associate it with the campaign.
Additionally, you can tag each page load with one of the following product actions:
click | record each click a user makes |
detail | product detail |
checkout_option | consumer chooses whether to BOPIS or have item shipped |
promo_click | click on a promotion |
**add | consumer adds product to cart |
**remove | consumer removes product from cart |
checkout | consumer clicks through to checkout |
**Required tags to implement Cart Recovery
For example, if you wanted to show an item getting added to cart, you could use this tag:
var product = { id: '123abc', //product ID price: 12.34, //product price name: 'the product', //product name brand: 'the brand', //product brand category: 'food', //product category variant: 'variant', //what variant of the main product this is (e.g. color, or size) quantity: 3, //quantity of product coupon: 'abc123', //coupon information position: 'position' //the position of the item in the list (e.g. was it the first item in the list, the second, etc) }; vTag("add", product);
If the consumer makes a purchase, include the purchase variable to record that revenue and associate it with a mobile campaign.
Purchase Action
Additionally, you can tag each page load with one of the following actions:
**purchase | consumer completes purchase |
refund | consumer receives a refund |
**Required tag to implement Cart Recovery
var purchase = { id: '123abc', affiliation: 'affiliation', revenue: 123.45, tax: 12.34, shipping: 1.25, coupon: 12.25, list: 'list', step: 'step', option: 'option', products: [{ id: '123abc', price: 12.34, name: 'the product', brand: 'the brand', category: 'food', variant: 'variant', quantity: 3, coupon: 'abc123', position: 'position'}, { id: '123abc2', price: 15, name: 'the product2', brand: 'the brand2', category: 'food', variant: 'variant', quantity: 2, coupon: 'abc123', position: 'position'} ] }; vTag("purchase", purchase);
To test your implementation, send a broadcast including the "Tag Tracking" tag in your Vibes campaign
- Ensure you use the Vibes URL shortener to shorten URLs in your messaging campaigns
- Vibes cannot ensure the tags are firing properly unless a test campaign is sent
Example URL
Below is an example of how the URL will look once expanded on a site and the tags have been appended to the full URL, allowing you to detect it was a URL from a mobile campaign. Note: URL shortening will be applied, so this won’t be reflected in messages on an actual handset.
&vibes_tag_activity={{activity_uid}}&vibes_tag_company={{company_key}}&vibes_tag_person={{person_key}}&vibes_tag_type={{activity_type}}
2. Use the Vibes URL shortener to shorten URLs in your messaging campaigns
3. Include the "Tag Tracking" tag in your campaign in Campaign Manager
Copy and paste this tag, replacing "www.vibes.com/sale" with your URL:
{{tag_tracking | url: "https://www.vibes.com/sale"}}
Adding Liquid Tags to Vibes Platform
- Vibes tags must be added to your campaign in the following format: {{tag_tracking | url: "https://www.vibes.com/sale"}}
- Replace "https://www.vibes.com/sale" with your URL
- The following table can be used to create this liquid tag automatically in Excel or Google Sheets
1 | A | B | C | D |
2 | {{ tag_tracking | url: " | “}} | =CONCAT(A2,B2,C2) | |
3 | {{ tag_tracking | url: " | “}} | =CONCAT(A3,B3,C3) | |
4 | {{ tag_tracking | url: " | “}} | =CONCAT(A4,B4,C4) |