Send Storefront Next Analytics Events to Data 360

To unify your customer data on Salesforce, connect Storefront Next to Data 360. After you set your store as a data source, Data 360 receives engagement events, which are triggered by shopper activities in your storefront.

These engagement events are supported.

view_page: A shopper views a page.
view_product: A shopper views a product detail page.
view_search: A shopper views a category or listing page.
view_category: A shopper performs a product search.
view_recommender: A shopper views personalized recommendations.

Prerequisites

To use Data 360 with Storefront Next, you must first set up your own production instance of Data 360. See Get Started Using Data 360 in Salesforce Help.

Set Up Storefront Next Events for Data 360

To connect your storefront to Data 360, complete the instructions from Connect a Website or Mobile App to Data 360 in the Data 360 Integration Guide. When the New Connection window asks what you’re connecting to, select A Custom Website.
To start sending data from your storefront to Data 360, complete the instructions from Create a Web or Mobile App Data Stream in the Data 360 Integration Guide.
Get the Data 360 tenant ID.
1. In Data 360, click at the top of the page, and then select Data 360 Setup.
2. In the Your Home Org Details section, copy and save the tenant ID from the tenant endpoint. The tenant ID is the string preceding the first period. For example, <tenantId>.c360a.salesforce.com.
Get the Data 360 app source ID.
1. Go back to Data 360 Setup.
2. In the Set Up Data 360 section, click Connect Other Data Sources | Website and Mobile App.
3. Select the connection for your Storefront Next storefront.
4. In the Integration Guide section, copy and save the app source ID from the script. The app source ID is the string preceding /scripts. For example, https://cdn.pc-rnd.c360a.salesforce.com/beacon/c360a/<appSourceId>/scripts/c360a.min.js.
Update your Storefront Next project’s config.server.ts with the Data 360 tenant and app source IDs from steps 3 and configure the adapter under engagement.adapters.data360. Here’s an example, with placeholders for your IDs:
1engagement: { 2 adapters: { 3 data360: { 4 enabled: true, 5 appSourceId: '<your-app-source-id>', 6 tenantId: '<your-tenant-id>', 7 siteId: '<your-site-id>', 8 }, 9 }, 10}
<your-app-source-id>, <your-tenant-id>, and <your-site-id> are required. For the full field reference, including webStoreId, consentCategory, and the per-event eventToggles, see Set Up Data 360.

Verify Event Retrieval

In Data 360, click Data Explorer.
Select a data space.
From the Object dropdown list, select Data Model Object.
In the object field, search for and select Website Engagement.
To personalize your data view, click Edit Columns and select the columns corresponding to the data points you want to view.
In your store‘s test environment, try out shopper activities: search for a product, view a product detail page, and so on.
Refresh your Data Explorer tab and verify that engagement event data appears.

For more information about how B2C Commerce storefronts can integrate with Data 360, see Sending B2C Commerce Engagement Events to Data 360 in Salesforce Help.