Qubit Opentag:
Introduction to Universal Variable
Thursday 25th July 2013
Chris Houghton
Lead CSE at Qubit
chris.houghton@...
Introduction to Universal Variable
- What is Universal Variable?
- How the data model works
- Marketing and developer team...
Introduction to Universal Variable
Wednesday, 24 July 13
What is Universal Variable?
A JavaScript (JSON) object that lets you publish your data in a
single standard way which your...
Example
5
window.universal_variable = {
page: {
category: “home”
},
user: {
user_id: “12331123”,
returning: true
}
}
Wedne...
Universal Variable (UV) provides
a data layer in a standardized
JSON structure, relating to the
user journey of your visit...
7
All pages
How it works
"page" : {
"category": "Home",
"subcategory": "Mens - Shoes"
}
Wednesday, 24 July 13
8
All pages
Product page
"product" : {
"id": "1234567890",
"name": "Sparkly Shoes",
"category": "Shoe",
"unit_price": 130,...
9
Confirmation page
All pages
Product page
"transaction" : {
"order_id": "123456",
"currency": "GBP",
"payment_type": "Visa...
Reduced switching
costs
Future proofed data
model
Decreased reliance on
development teams
Faster deployment of
tags
10
Ben...
Deploying Universal Variable
Wednesday, 24 July 13
Deploying Universal Variable
12
Define
Universal
Variable
Client
developers
implement
server-side
code
Validation
Deploymen...
Resource: UV Wizard
13
UV Wizard
Validator Bookmarklet UV Demo Website
UV Designer
http://tools.qubitproducts.com/uv/
Wedn...
14
universal_variable.transaction.order_id
universal_variable.transaction.total
Parameters in UV are automatically passed ...
15
Event tracking is supported in Universal Variable, enabling tracking technologies
to work better together.
Publishing e...
Case Study
Wednesday, 24 July 13
17
Stylistpick
Objective: create a better framework for data collection
Wednesday, 24 July 13
18
Result
90minsto fully deploy Universal Variable
Wednesday, 24 July 13
19
http://www.magentocommerce.com/magento-connect/catalog/product/view/id/13932/
Magento Plugin
UV extension plugged seaml...
Resources
20
Read more here:
bit.ly/qubitcasestudies
Read more about how Qubit
worked with Stylistpick and
others on our w...
21
Q&A
Wednesday, 24 July 13
Thanks
@qubitgroup
Chris Houghton
Lead CSE at Qubit
chris.houghton@qubitproducts.com
Wednesday, 24 July 13
Upcoming SlideShare
Loading in …5
×

Introduction to Universal Variable — 25th July 2013

1,051 views

Published on

Join us on our free educational webinar as we explain what you can do with Universal Variable, and how it can help you structure your data to categorize your website and get real customer insights.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,051
On SlideShare
0
From Embeds
0
Number of Embeds
42
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Introduction to Universal Variable — 25th July 2013

  1. 1. Qubit Opentag: Introduction to Universal Variable Thursday 25th July 2013 Chris Houghton Lead CSE at Qubit chris.houghton@qubitproducts.com @qubitgroup Wednesday, 24 July 13
  2. 2. Introduction to Universal Variable - What is Universal Variable? - How the data model works - Marketing and developer team benefits Deploying Universal Variable - Wizard - Tag management integration - In-page event tracking Client case study - Stylistpick & the Magento Extension Q&A Agenda Wednesday, 24 July 13
  3. 3. Introduction to Universal Variable Wednesday, 24 July 13
  4. 4. What is Universal Variable? A JavaScript (JSON) object that lets you publish your data in a single standard way which your technology partners can access. You can publish information about: - your users - the pages they visit - the products they view/search for - the products they add to the basket - what they end up buying 4 Wednesday, 24 July 13
  5. 5. Example 5 window.universal_variable = { page: { category: “home” }, user: { user_id: “12331123”, returning: true } } Wednesday, 24 July 13
  6. 6. Universal Variable (UV) provides a data layer in a standardized JSON structure, relating to the user journey of your visitors, including the user details, products viewed, and transactions. 6 Wednesday, 24 July 13
  7. 7. 7 All pages How it works "page" : { "category": "Home", "subcategory": "Mens - Shoes" } Wednesday, 24 July 13
  8. 8. 8 All pages Product page "product" : { "id": "1234567890", "name": "Sparkly Shoes", "category": "Shoe", "unit_price": 130, "unit_sale_price": 125, "sku_code": "1234567890red", "stock": 21 } How it works Wednesday, 24 July 13
  9. 9. 9 Confirmation page All pages Product page "transaction" : { "order_id": "123456", "currency": "GBP", "payment_type": "Visa Credit Card", "subtotal": 380, "shipping_cost": 4.5, "shipping_method": "Royal Mail 1st Class", "total": 369.5, "line_items": [] // items purchased } How it works Wednesday, 24 July 13
  10. 10. Reduced switching costs Future proofed data model Decreased reliance on development teams Faster deployment of tags 10 Benefits of Universal Variable Marketers More reliable deployment of tags Better structured data layer Fewer requests from marketing to focus on higher value tasks Developers Wednesday, 24 July 13
  11. 11. Deploying Universal Variable Wednesday, 24 July 13
  12. 12. Deploying Universal Variable 12 Define Universal Variable Client developers implement server-side code Validation Deployment Implement third party tags Insight & action Getting the most out of Universal Variable Wednesday, 24 July 13
  13. 13. Resource: UV Wizard 13 UV Wizard Validator Bookmarklet UV Demo Website UV Designer http://tools.qubitproducts.com/uv/ Wednesday, 24 July 13
  14. 14. 14 universal_variable.transaction.order_id universal_variable.transaction.total Parameters in UV are automatically passed back to tags within Opentag. Tag management integration Example: Wednesday, 24 July 13
  15. 15. 15 Event tracking is supported in Universal Variable, enabling tracking technologies to work better together. Publishing events to Universal Variable universal_variable.events.push({ category: “checkout”, action: “next_step_3” }); Listening to for events universal_variable.events.on(“add”, function(event) { // other technologies can act on new event }); Event tracking Wednesday, 24 July 13
  16. 16. Case Study Wednesday, 24 July 13
  17. 17. 17 Stylistpick Objective: create a better framework for data collection Wednesday, 24 July 13
  18. 18. 18 Result 90minsto fully deploy Universal Variable Wednesday, 24 July 13
  19. 19. 19 http://www.magentocommerce.com/magento-connect/catalog/product/view/id/13932/ Magento Plugin UV extension plugged seamlessly into Stylistpick's Magento platform Moving forwards, the Universal Variable data model will enable Stylistpick to exchange or modify technologies easily without any need to recode or use up precious development resource.  Wednesday, 24 July 13
  20. 20. Resources 20 Read more here: bit.ly/qubitcasestudies Read more about how Qubit worked with Stylistpick and others on our website. Wednesday, 24 July 13
  21. 21. 21 Q&A Wednesday, 24 July 13
  22. 22. Thanks @qubitgroup Chris Houghton Lead CSE at Qubit chris.houghton@qubitproducts.com Wednesday, 24 July 13

×