Ecommerce Tag Tracking

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: 

US & EU host URLS

• US host: https://tagtracking.vibescm.com
• EU host: https://tagtracking.eu.vibes.com

Implementation steps

1. Include Vibes Tags ecommerce sites or in a tag management platform

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

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:

**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:

**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