Install 360X Web Push in Marketing Cloud

To view 360X Web Push Subscribers, Web Push Message Logs, Engagement Records, and to use 360X Web Push in Journey Builder for sending web push notifications, follow the steps below in Salesforce Marketing Cloud:

Create a Data Extension for Storing Web Push Subscribers:

• Navigate to Email Studio > Email > Subscribers > Data extension

• Click on Create > Standard data extension

• Set the data extension and external key name as ‘360X_Web_Push_Subscribers’ as shown below:

• Click on Next > Next > and define the following attributes in data extension:

Attribute Name	Data Type	Length
WebId (PK)	Text	50
CreatedDate	Date (set the default as current date time)
OptIn	Boolean (set the default as True)
CustomerId	Text	500

• Click on save. The final data extension will look like the structure shown below:

Create a Data Extension for Storing Web Push Tracking Logs:

1. Go to Email Studio > Email > Subscribers > Data extension

2. Click on Create > Standard data extension

• Give the data extension and external key name as ‘360X_Web_Push_Message_Log’ as shown below:

  

  
  
  
  

• Click on Next > Next > and define the below attributes in data extension:

Attribute Name	Data Type	Length	Comments
WebId (PK)	Text	50	Primary identifier of customer browser
MessageSentDate (PK)	Date		Date of which Web Push has sent
Delivered	Boolean		If Web push is delivered it will set it to true.
Undelivered	Boolean		If Web push is un-delivered it will set it to true.
DeliveredDate	Date		It will indicate when it has been delivered
UndeliveredDate	Date		It will indicate when it has been un-delivered
ClickDate	Date		Date of which customer has clicked on Web push notification

• Click on save. The final data extension will resemble the structure below:

Create an Installed package:

• Once login into Marketing cloud > Go to your profile > Click on set up.

• In the set-up section > search for ‘Install packages’ and click on New.

• Give a name as ‘360X Web Push’ and relevant description needed.

• Click on Add component > Select API Integration

  

• Select Server-to-Server integration

• Grant Read and Write access for Data extensions.

  

• Once created, copy the Client Secret and store it securely.

Create a Custom Journey Builder Activity:

• Within the same installed package, click on 'Add component'

• Select 'Journey builder activity' and click 'Next'.

• Provide the following details:

  • Name: 360X Web Push JB Custom Activity

  • Category: Messages

  • Endpoint URL: https://web-push-b061d6d6dd14.herokuapp.com

• Click Save.

Journey Builder custom activity

Update the Endpoint URL with the Unique Key

• After saving, edit the same Journey Builder activity.

• You will see a Unique Key generated automatically.

• Update the endpoint URL to 'https://web-push-b061d6d6dd14.herokuapp.com/{{Unique Key}}'

• Click on save.