In this hands-on webinar we will cover how to leverage the Treasure Data Javascript SDK library to ensure user stitching of web data into the Treasure Data Customer Data Platform to provide a holistic view of prospects and customers. We will demo the native SDK, as well as deploying the SDK inside of Adobe DTM and Google Tag Manager.

1. Treasure Data
Javascript SDK Hands On

2. Agenda
● Introduction
● Treasure Data as a CDP
● Treasure Data Javascript Directly On Site
● Treasure Data Javascript in Adobe DTM
● Adobe Data Enrichment
● Content Affinity Engine
● Treasure Data Javascript in Google Tag Manager
● Next Time

3. Agenda
What this is not
● Adobe DTM Training
● Google Tag Manager Training

4. Introduction
• Michael D. Healy
• Senior Solution Engineer
• Work with Enterprise clients to
maximize the activation of the
client data
• mhealy@treasure-data.com

5. Introduction
Treasure Data is a Customer Data Platform
“Customer Data Platform (CDP) is a marketer-based management system
that creates a persistent, unified customer database that is accessible to
other systems. Data is pulled from multiple sources, cleaned, and combined
to create a single customer view. This structured data is then made available
to other marketing systems. CDP provides real-time segmentation for
sophisticated personalized marketing.”
https://en.wikipedia.org/wiki/Customer_Data_Platform

6. People Making Decisions!
5.4

7. Our Customer Data Platform: Foundation
Data Management
1st party data
(Your data)
● Web
● Mobile
● Apps
● CRMs
● Offline
2nd & 3rd party DMPs
(enrichment)
Tool Integration
● Campaigns
● Advertising
● Social media
● Reporting
● BI & data
science
ID Unification
Persistent Storage
Workflow Orchestration
ActivationAll Your Data
Segmentation
Profiles Segments
Measurement

8. Introduction
• Javascript is probably just one datasource out of many
• Still the de facto standard for on site tracking
• Treasure Data provides a Javascript SDK
• Can be used independently or inside a tag manager
• Treasure Data is schema less so imports can be flexible

9. Goal: Segmentation and Predictive Scoring

10. Javascript SDK

11. How To Deploy
Yes, we have a code snippet
<!-- Treasure Data -->
<script type="text/javascript">
!function(t,e){if(void
0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]}
,e[t].clients=[];for(var r=function(t){return function(){return
this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRec
ord","set","trackEvent","trackPageview","trackClicks","ready","fetchGlobalID","fetchUserSegments"],a=
0;a<s.length;a++){var c=s[a];e[t].prototype[c]=r(c)}var
n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=("https:"===document.loc
ation.protocol?"https:":"http:")+"//cdn.treasuredata.com/sdk/1.9.2/td.min.js";var
i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(n,i)}}("Treasure",this);
</script>

12. How To Deploy
To actually track
<script type="text/javascript">
// Configure an instance for your database
var td = new Treasure({
host: 'in.treasuredata.com',
writeKey: 'YOUR_WRITE_ONLY_APIKEY_IS_HERE',
database: 'DATABASE_NAME'
});
// Enable cross-domain tracking
td.set('$global', 'td_global_id', 'td_global_id');
// Track pageview information to 'pageviews' table
td.trackPageview('pageviews');
</script>

13. How To Deploy
Wait a minute, I want to enrich my pageviews
// track pageview information to 'pageviews' table
td.set('pageviews', {foo: 'foo', bar: 'bar'});
td.trackPageview('pageviews');

14. How To Deploy
I bet I can’t send data using a tool like cURL ...
# Single Record
$ curl -X POST
-H 'Content-Type: application/json'
-H 'X-TD-Write-Key: your_write_apikey'
--data-binary '{"name":"komamitsu", "num":1234}'
https://in.treasuredata.com/js/v3/event/your_db/your_table
# Multiple Records
$ curl -X POST
-H 'Content-Type: application/json'
-H 'X-TD-Write-Key: your_write_apikey'
-H 'X-TD-Data-Type: k'
--data-binary '{"your_db.your_table":[{"time":1403147720, "name":"komamitsu",
"age":41},{"time":1403147721, "name":"kzk", "age":29}]}'
https://in.treasuredata.com/js/v3/event

15. How To Deploy
That’s fine and dandy for pageviews, but I have custom events
var buttonEvent2 = function () {
td.trackEvent('button', {
number: 1
});
// doButtonEvent(1);
};

16. Adobe DTM

17. How can we sync these data sources?
Treasure Data sets an _td cookie :)

18. Sync in Adobe DTM

19. How To Deploy
Let’s code it up!

20. Adobe Data Enrichment

21. Enrich the Data

22. Enrich the Data

23. Content Affinity Engine

24. Content Affinity Engine

25. Default variables TD Javascript collects
● td_version – td-js-sdk’s version
● td_client_id – client’s uuid (1st party cookie – see Anonymous IDs)
● td_global_id – client’s uuid (3rd party cookie – see Anonymous IDs)
● td_charset – character set
● td_language – browser language
● td_color – screen color depth
● td_screen – screen resolution
● td_viewport – viewport size
● td_title – document title
● td_url – document url
● td_user_agent – browser user agent
● td_platform – browser platform
● td_host – document host
● td_path – document pathname
● td_referrer – document referrer
● td_ip – request IP (added at the server-side)
● td_browser – client browser (added at the server-side)
● td_browser_version – client browser version (added at the server-side)
● td_os – client operating system (added at the server-side)
● td_os_version – client operating system version (added at the server-side)

26. Content Affinity Variables
● td_version – td-js-sdk’s version
● td_client_id – client’s uuid (1st party cookie – see Anonymous IDs)
● td_global_id – client’s uuid (3rd party cookie – see Anonymous IDs)
● td_charset – character set
● td_language – browser language
● td_color – screen color depth
● td_screen – screen resolution
● td_viewport – viewport size
● td_title – document title
● td_url – document url
● td_user_agent – browser user agent
● td_platform – browser platform
● td_host – document host
● td_path – document pathname
● td_referrer – document referrer
● td_ip – request IP (added at the server-side)
● td_browser – client browser (added at the server-side)
● td_browser_version – client browser version (added at the server-side)
● td_os – client operating system (added at the server-side)
● td_os_version – client operating system version (added at the server-side)
● td_desription - description of the page

27. Content Affinity Variables

28. Content Affinity Engine

29. Google Tag Manager

30. Create a Variable

31. Choose Your Activation Method

32. Next Time

33. Segmentation , Predictive Scoring and Personalization

34. Treasure Data Hands On: Introduction to Segmentation,
Predictive Scoring and Syndication
Thurs May 3rd - 10am PST
Registration: https://attendee.gotowebinar.com/register/8369300381552487427
This is a hands-on webinar where we will leverage the data ingested from both
the Treasure Data Javascript SDK and other data sources to build segments of
clients based on attributes and behaviors.
Then we will leverage the predictive scoring engine built into Treasure Data to
analyze the segments and identify the segments with the greatest likelihood of a
positive outcome, finally syndicating that data out through Treasure Data into
final delivery endpoints.

35. Thank You
And
Questions

36. Contact Information
• Michael D. Healy
• Senior Solution Engineer
• mhealy@treasure-data.com