Set up event forwarding with Platform Web SDK data

Open the Data Collection interface

Select Event Forwarding from the left navigation

Select New Property.

Name the property. In this case, Server-Side - Web SDK Course

Select Save.

Go to Data Collection interface

On the left navigation, select Datastreams

Select the previously created Luma Web SDK: Development Environment datastream

Select Add Service

Select Event Forwarding as the Service

Under the Property ID dropdown, select the name you gave to your event-forwarding property, in this case Server-Side - Web SDK Course

Under the Environment ID dropdown, select the tag environment you are linking the event forwarding environment to, in this case Development

Select Save.

Go to the Event Forwarding property you recently created

On the left navigation, select Data Elements

Select to Create New Data Element

Name the data element environment.browserDetails.viewportHeight

Under Extension, leave CORE

Under Data Element Type, select Path

Type-in the XDM Object path that contains the Browser Viewport Height arc.event.xdm.environment.browserDetails.viewportHeight

Select Save

Create another data element

Name it ecid

Under Extension, leave CORE

Under Data Element Type, select Path

Type-in the XDM object path that contains the Experience Cloud ID arc.event.xdm.identityMap.ECID.0.id

Select Save

note tip
TIP
When working with your own website, you can find the XDM object path with your web browser network tools, filtering for /ee requests, opening the beacon Payload and drilling down to the variable you are looking for. Then right-click with your mouse and select “Copy property path”. Here is an example for the Browser Viewport Height:

Select Extensions on the left navigation

Select the Catalog tab

Search for the Adobe Cloud Connector, select Install

Go to Webhook.site

Find Your unique URL, you use this as the URL request in your event-forwarding rule

Select Copy to clipboard

Leave this window open as you will be able to validate the event forwarding data in real time being captured by Webhook

Go back Data Collection > Event Forwarding > Rules from the left navigation

Select Create New Rule

Name it all events - ad cloud connector - webhook

Add an Action

Under Extension, select Adobe Cloud Connector

Under Action Type, select Make Fetch Call

Paste your Webhook URL in the URL field

Under [Query Params], you will add both data elements you created earlier.

On the Key column type in viewPortHeight. On the Value column, enter the {{environment.browserDetails.viewportHeight}} data element by either typing it in or selecting from the data element selector icon

Select + Add Another to add another query parameter

On the Key column type in ecid. On the Value column, enter the {{ecid}} data element

Select Keep Changes

Your rule should look like below

Select Save

Follow the steps to switch the tag library on the Luma Demo site to the Web SDK tag property to which you mapped your event-forwarding property in the datastream.

Before you reload the page, on the Experience Platform Debugger open Logs from the left navigation

Select the Edge tab, then select Connect to view the Platform Edge Network requests

Reload the page

You will see additional requests that give you visibility into the server-side requests being sent by the Platform Edge Network to the WebHook

The request to focus validation on is the one showing the fully constructed URL being sent by the Edge network

Note the viewPortHeight and ecid query string parameters

They match the data seen in the XDM Object

Lastly, validate the data matches in Webhook.site as well by viewing your open Webhook window