Sitecore Engagement cloud and the new JS SDK

1. Unwrapping the new
Engagement Cloud JS
SDK
SUGUK
Sumith Damodaran Product
Management - CDP

2. Proprietary + Confidential
1999 … 2008 2011 2016 2018 2022 ……
Sitecore a journey
Sitecore Roles
Key highlights
Digital
Transformation
Unification and
marching towards
SaaS
Joined the influence
change to the
product
Sitecore XP
Integrations
CDP and
Automations
Connectors
Marketing toolkit ,
XDB , Xconnect,
Scalablility
First Job
Banking and finance domain
Lead to Architect to CTO First few to use
Sitecore
Sitecore
consultant
Product releases
Sitecore 5.2
White label banking
solution
www.sumithpd.com
Last Updated: June 10, 2022
Drive Xperience producte lines
Customer centric product requirement
Sitecore 9x , 10x
series
More the 70
digital
transformation
Highly regarded
specialist and
mentor

3. © 2022 Sitecore Corporation A/S. All Rights Reserved.
Engagement
Cloud
Engage

4. Sitecore DXP – One platform, infinite possibilities
4
Product discovery
Captivate buyers with search and merchandizing
experiences that drive conversion and loyalty.
Marketing automation
Engage your audiences with automated
email and messaging campaigns.
Content operations
Collaborate effortlessly on content
marketing strategy, creation & analytics.
Customer data management
Understand every user and uncover trends with
real-time customer and journey insights.
Digital asset management
Centralize all your digital assets and deliver
them to any customer touchpoint.
Content management
Create, manage and deliver content
across unlimited channels and markets.
Personalization & testing
Optimize every customer interaction with
A/B testing and personalization.
Intelligent content search
Surface content wherever it lives on your
site with AI powered content search.
B2X commerce
Deliver B2B / B2C / Storefronts via
a headless and omnichannel platform.

5. Sitecore Product Portfolio – 2022
5
OrderCloud
B2X commerce
Discover
Product discovery
Experience
Commerce
Platform Services
Experience
Manager Cloud
Content management
Content
Operations
Content operations
Profiles & Data management
Experience
Platform
(xDB)
Experience
Manager
Search
Intelligent content search
Personalize
Personalization & testing
Send
Marketing automation
Experience
Platform
CDP
Customer data management
PaaS SaaS
Experience Edge - Content/layout & global delivery
Frontend Applications - Deploy/deliver sites and experiences (E.g. Vercel)
CaaS
Content as as
Service
AI and Analytics API & Connectors
Commerce
Content
Platform
Experience
Delivery
Roadmap
Symphony
Front End as a
Service
DAM
Digital Asset
Management

6. Sitecore product portfolio – 2022/3
Experience
Commerce
Experience
Manager
Experience
Platform
Identity &
SSO
Audiences &
Personalisation
Analytics
& AI
API &
Connectors
Content
& Media
SaaS Platform
PaaS Platform
Personalize
Personalization &
Testing
CDP
Customer data
Management
Send
Marketing
Automation
Discover
Product Discovery
OrderCloud
B2X Commerce
Content Hub DAM
Digital Asset
Management
Content Hub Ops
Content Operations
Managed
Cloud

7. Composable - Use systems to do what they are better at
7

8. Flexible software: Your digital experience, your way
Experience
Commerce
Experience
Manager
Experience
Platform
Identity &
SSO
Audiences &
Personalisation
Analytics
& AI
API &
Connectors
Content
& Media
SaaS Platform
PaaS Platform
Managed
Cloud
Marketing
Automation
Content
Management
Product
Discovery
B2X
Commerce
Content
Operations
Personalization &
Testing
Digital Asset
Management
Content
Cloud
Engagement
Cloud
Commerce
Cloud
Customer data
management

9. Marketers Cannot Deliver Growth Without Unified Data
9
Marketer
How can I build customer
experiences that are
personalized , drive growth
and build trust?
Siloed Customer Data
Customer data is fragmented, preventing
seamless experiences
Business Units Products Regions
CRM
Team Analytics
team
Email /
campaign
team
Commerce
team
Social /
Advertising
team

10. De-centralization
Integrations e.g. XM Cloud to Personalise or OC to Send​ ?
XP xDB
CDP
Send
Discover

11. Engagement Cloud
Composable with
Marketing
Automation
Personalization
& Testing
Say goodbye to data silos and disjointed
customer profiles. Capture, unify, and activate
audiences across your ecosystem.
Sitecore
CDP
Increase engagement, improve satisfaction, and
drive business goals with hyper-relevant,
personalization and a/b testing.
Sitecore
Personalize
Individualized email marketing made simple.
Automate personalized email engagements that
build trust and loyalty.
Sitecore
Send
Sitecore
Discover
Sitecore
XM Cloud
Sitecore
Content Hub
Sitecore
OrderCloud
Sitecore
Platform DXP
1000s of 3rd party
apps
Customer Data Management

12. 12
Data Mesh
API
Pub/Sub
HCMS
API
P/S
HCMS CDP OC CDP
API
P/S
OC
API
P/S
Vs
Data Mesh

13. 13
CDP Requirements
What is CDP
 Ingest and integrate Customer
Data from multiple Sources
 ID Management and Resolution
 Customer Profile Management
 Visualization of Customer
Engagement, Predictions
 Real-time Customer
Segmentation
 Activation Capabilities
 Analytics
 Make Customer Data
Accessible to other Systems

14. 14
Problem the SDK with Solve
SDK
JS
SDK
Mobile
SDK
Developer
Find and
install a
library
Fully
Functional
Modern
frameworks
Code editor
and linting
support
Sitecore Engage
Replace Boxever Library to
Sitecore CDP
Ease of creation of event
Generic way of sending any
type of event
Automatic plug-in
common events ->
page View
Autocompletion and type
ahead in Favorite IDE –
Event , Parameters

15. Sending events to Sitecore CDP
15
https://doc.sitecore.com/cdp/en/developers/sitecore-customer-data-platform--data-model-2-1/sending-events-to-sitecore-cdp.html
Events
View
Identity
Search
Add Products
Order
Custom
Extensions

16. 16
JSS
Sitecore JavaScript Services
Sitecore Content Repository
Sitecore Personalization Engine
Layout Service API
JavaScript SDK
React.js / Angular / Vue, node.js / browser
Sitecore Presentation Layer

17. Sitecore Cloud JSSdk
17
JSS Library
NPM Packages that offer
Sitecore Engagement Cloud
functionality client side in
JavaScript as well as
various helpers
Implementation samples for
integration with XMCloud
Sitecore Cloud
Samples
Nextjs example to create
required cookies for Sitecore
engagement cloud
Server-side Cookie set

19. npm
CDP
Create a
session
Send Page
events
Middle ware
JSS tracks page views
19
https://github.com/Sitecore/jss/blob/dev/packages/create-sitecore-jss/src/templates/nextjs-personalize/src/components/CdpIntegrationScript.tsx
• NO Cdn hosted script

20. CDP and Personalize
20

21. Primary Activities of Analytic Software
DATA
CAPTURE
ANALYSIS REPORTING
21

22. Summary
A marketer want to break free from gaps left by the departure of third-party cookie
A visitor to a website want to see relevant personalized content and have a better
experience
22
WANT HOW Goal
A Sitecore developer using XMCloud
want an SDK to alleviate ITP constraints.
[ITP] Server Set Cookies for Sitecore CDP ITP and Cookie less
A visitor wants to see relevant
personalized content, to a better and
relevant experience
E2e Integration with Engagement Cloud to
collect the highest quality, richest data about,
better learn about the behaviors, interests, and
preferences of your most valuable customer
(JSS) next.js Middleware - Collecting rich data
about user behavior
A frontend developers should be able to
use tracking via Client SDK that provides
friendly API
Send events to Engage Usability

23. 23
INDIVIDUALIZE. ENGAGE. TRANSFORM.
Learn more here
Npm Package -> https://www.npmjs.com/package/@sitecore/engage
Updated Docs -> https://doc.sitecore.com/cdp/en/users/sitecore-
cdp/introduction-to-sitecore-cdp.html
Github Community Repo -> https://github.com/Sitecore

24. Thank you
@ sumithpdd
/sumith-damodaran/