Skip to end of metadata
Go to start of metadata


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 managementA tool that allows you to add and update tracking tags without tweaking your website code 
CookieCookies 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 shortenerURL 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 RecoveryAn 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

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

Java Script to include
<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


Product Detail tag
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
**removeconsumer removes product from cart
checkoutconsumer 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',          //The position of the item in the list (e.g. was it the first item in the list, the second, etc) 
  quantity: 3,                 //quantity of product 
  coupon: 'abc123',            //coupon information 
  position: 'position'         //what variant of the main product this is (e.g. color, or size) 
};
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:

**purchaseconsumer completes purchase
refundconsumer receives a refund

**Required tag to implement Cart Recovery 


Purchase
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.

URL
&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: " 

https://www.vibes.com/sale 

“}} 

=CONCAT(A2,B2,C2) 

3 

{{ tag_tracking | url: " 

https://www.vibes.com/sale 

“}} 

=CONCAT(A3,B3,C3) 

4 

{{ tag_tracking | url: " 

https://www.vibes.com/sale 

“}} 

=CONCAT(A4,B4,C4) 



  • No labels