How to push notification using Antsomi Web Push in CDP 365?
PreviousHow to push notification using "Onesignal (App Push)" in CDP 365NextHow to Send email using "SendGrid" in CDP 365
Last updated
Last updated
Antsomi Web Push destination allows Antsomi to send web-push notification on you website. To do so, follow the instruction below:
You could create ONLY one Antsomi Web Push destination. "Antsomi Web Push" option will disappear if you already created one.
Then fill in the necessary information for the destination.
Destination name: Input destination name. Destination name can be entered in multiple languages. This is required field.
Description: Input destination description. Destination description can be entered in multiple languages. This is optional field.
Destination catalog: In the dropdown list, select Antsomi Web Push.
Method: Select Push in the dropdown list
After filling General Information, the screen will display the Configuration of this destination as below
Follow the below instructions to complete the configuration:
1. General Information: The descriptive fields for this destination
2. Configure fields: Choose audiences who will receive the web-push notification. For this destination, follow below steps to choose antsomi webpush uid attribute in Visitor Data Object.
After clicking on the icon, pop up Add Personalization is displayed as shown below. Select the appropriate information.
antsomi_webpush_uid may have different name but the internal code must be antsomi_webpush_uid
Site name: Input website name. This is required field. The default name to call your site used in push notifications.
Site URL: Input website URL. This is required field. Your website URL including:
http:// or https://
www or non-www links (e.g. https://example.com, https://www.example.com)
Auto Re-subscribe (HTTPS Only): Allows push subscribers to automatically re-subscribe upon returning to your site without being prompted if they clear their browser data
Default Icon URL:
Icon used for the Slide Prompt and default for push notifications.
Enter an https icon URL or upload file that is square 256x256 pixels.
The file must be .png, .jpg, or .gif.
Prompt type
Push Slide Prompt
a. Customize Slide Prompt Text: Turn it on to edit the content of your notification
b. Auto Prompt: Customize the time to show the notification.
Show after: Show the notification after {x} amount of a page is viewed/loaded on the screen
And delay: Show the notification {x} seconds after user visits the amount of page adjusted above
c. Auto Repeat after click on Later: Adjust the time to show the notification again if user click Button 1 (Later)
d. Categories: This feature allows you to add many checkbox options in the notification so you could the categories to be presented to the audience. After clicking Positive button, the selected options will be recorded.
Label: The description of the option
Tag Key: The name of the option to be recorded in the data
Update instructions: Input the new instructions for the notification
Positive button: Input the text of the button which will record the data after user click
Negative button: Input the text of the button which will skip the notification
Customize a push notification which is sent immediately to current user upon subscribing to your site for the first time.
Title: The title of the notification
Message: The content of the notification
Link: Enter a landing page you want to direct user after clicking on the notification
Click Behaviour
Supports several different possible browser behaviors when users click on your notifications.
Support: Chorme, Firefox, Safari (on mobile only support Safari version greater than 16.3.1)
If users do not have your site open on any browser tabs, and click on a notification that takes them to your site, the browser will open a new tab and navigate to the notification's URL.
If users have your site open on one or more browser tabs, and click on a notification that takes them to your site, there are several possible ways the browser can behave that you can configure:
Exact Navigate (default) - If the notification's exact URL (e.g. example.com/product) matches a tab that the browser already has open, the browser will navigate to the notification's URL in that tab.
Origin Navigate - If the notification's origin (e.g. example.com) matches a tab that the browser already has open, the browser will navigate to the notification's URL in that tab.
Exact Focus - If the notification's exact URL (e.g. example.com/product) matches a tab that the browser already has open, the browser will focus on that tab, but not refresh the page.
Origin Focus - If the notification's origin (e.g. example.com) matches a tab that the browser already has open, the browser will focus on that tab, but not refresh the page
Website Tracking Script
This script is used to attach to the source of the website to push notifications
Copy this tracking script and paste into your website's <head>
The sw.js file must be publicly accessible and can be placed at the top-level root of your site.
If sw.js file already exists then add below script to file:
Fill in the necessary information for the segment.
Condition: The attribute record subscriber ID (example: antsomi webpush uid) is exists.
Log into CDP 365 system. Hover your mouse over Marketing and go to All Channels menu.
We have 2 channels that supporting to send:
Web Push
Orchestration
In Schedule trigger node, Include Audience section, select Visitor Segment then choose Visitor subscribed segment has created.
Add Destination node and select Antsomi Web Push destination
Select the Antsomi Web Push destination that you have created before
Fill out necessary information
Click Save button to finish setting journey
After finishing the setting, we can click activate to start running the journey.
Click on icon personalization
This section allows you to set up the permission and frequency to prompt the notification. To edit Permission, click on and adjust the setting in the pop-up appeared.
Click on to create journey.
