LogoLogo
  • Release Notes
    • 2024
      • July 2024
      • June 2024
      • May 2024
      • April 2024
      • March 2024
      • February 2024
      • January 2024
    • 2023
      • December 2023
      • November 2023
      • October 2023
      • September 2023
      • August 2023
      • July 2023
      • June 2023
      • May 2023
      • April 2023
      • March 2023
      • February 2023
      • January 2023
    • 2022
      • December 2022
      • November 2022
      • October 2022
      • September 2022
      • August 2022
      • July 2022
      • June 2022
      • May 2022
      • April 2022
      • March 2022
      • February 2022
      • January 2022
  • CDP 365 INTRODUCTION
    • Overview of CDP 365
    • Feature Structure
    • CDP 365's Interface
    • Help feature
  • PERSONAS
    • Visitors & Customers
      • Data table
      • Explore data
      • Upload data
      • Apply data view
      • View profile
    • Segments
    • Plannings
    • Predictive Models
      • RFM Model
      • Lifecycle Stages
  • DATA HUB
    • Event Sources
      • Source
        • Website
        • System delivery
      • Conversion Event
    • Business Objects
      • Data Objects
        • Data table
        • Attributes
          • Custom Attribute
          • Computed Attribute
            • Event Counter
            • Aggregation
            • Most Frequent
            • First
            • Last
            • Unique List
            • Unique Count
            • Conversion Attribution
            • Virtual Custom Function
            • Schedule Custom Function
        • Collections
        • Groups
        • Setting
      • Data Views
      • Import Histories
      • Export Histories
    • Analytic Models
    • Data Schema
  • Marketing Hub
    • Customer Journeys
      • Work with Journey
        • Destination nodes
          • Web Embedded
            • Design from JSON
              • Control Toolbar
              • Setting
                • Template Setting
                • Blocks & Settings
                  • Countdown
                  • Dynamic Content
                  • Image
                  • Video
                  • Boolean
                  • Number
                  • Text
                  • Array
                  • Object
          • Line App
          • Zalo
      • Blast Campaign
      • Third-party campaigns
      • Metrics
      • Label
      • Custom Function
      • Status of Journey
    • Channel Integration - Destinations
      • All Destinations
        • Email
        • Web Personalization
        • Web Push-Notification
        • App Push Notification
        • Smart Inbox
        • Conversation
        • Webhook
        • SMS
        • Viber
        • Whatsapp
        • Line
        • Zalo
        • File Transfer
    • Promotion Center
    • Media Template
      • Control Toolbar
      • Settings
        • Template Settings
          • Basic
          • Advanced
        • Blocks & Settings
          • Columns
          • Text
          • Image
          • Button
          • Optin Fields
            • Email
            • Phone
            • Dropdown select
            • Datetime
            • Radio button/ Checkbox
            • Privacy Notice
          • Yes/No
          • Count down
          • Video
          • Coupon Wheel
          • Spacer
          • Divider
          • Icon
          • HTML
          • Slide show
          • Group
          • Rating
          • Table
          • Shake and Win
          • Lucky gift box
          • OTP Verification
      • Layers
      • Live Preview
    • Email Template
      • Control Toolbar
      • Settings
        • Email Template Settings
          • Basic
          • Advanced
        • Blocks & Settings
          • Columns
          • Text
          • Image
          • Button
          • Count down
          • Spacer
          • Divider
          • Icon
          • HTML
          • Menu
          • Table
          • Unsubscribe
          • Group
      • Layers
      • Live Preview
    • Link Management
  • Insights
    • Quick start guide
    • Data Source
      • Create a data source
    • Reports
      • Create reports
        • About reports
        • Build, stylize, and add data to reports
          • Set report date ranges
          • Add and configure components
          • Chart references
            • Area chart reference
            • Bar chart reference
            • Bullet chart reference
            • Geo chart reference
            • Line chart reference
            • Pie chart reference
            • Pivot table reference
            • Scatter and bubble chart reference
            • Scorecard reference
            • Table reference
            • Time series reference
            • Tree map reference
          • Add reference lines to charts
          • Add and edit data
          • Add pages and report navigation
          • Report layout options
          • Work with color
          • Add text, images, lines, and shapes
          • Arrange and distribute components
          • Use the Insights Report Editor
        • Copy a report
        • Delete a report
        • Tutorial: Create a new report
      • Filter your data
        • About filters
        • Create, edit, and manage filters
        • Configure filter conditions
        • Filter examples
      • Make reports interactive
        • Let your viewers control the date range
        • About controls
        • Use controls across data sources
        • Add chart interaction filters
        • Let viewers drill down into your data
        • Link to a page
        • Export data from a chart
        • Embed external content in reports
        • Let viewers select the fields in charts
      • Blend multiple data sources in a chart
        • About data blending
        • Blend data in charts
        • Filter blended data
        • Change the date range for blended data
        • Use blending to reaggregate data
      • Glossary
        • Aggregation
        • Blended data
        • Chart
        • Component
        • Component, report-level
        • Connector
        • Data set
        • Data source
        • Dimension
        • Edit mode
        • Field
        • Join key
        • Metric
        • Owner
        • Page
        • Properties panel
        • Report
        • View mode
        • Viewer (user type)
  • DATAFLOWS
    • Dataflows
      • Creating a Dataflows
        • Action node
          • Add data
          • Delay
          • Filter
          • Script
          • SQL
          • Branch
          • Add column
          • Aggregate
          • Select column
          • Join
          • Bin
          • Merge Columns
          • Split Columns
          • Group
          • Union Rows
          • Save data
        • Destination channel
          • Send mail
          • Export to Google Sheet
          • Google Audience
          • Facebook Audience
          • Big Query
          • Postgre
          • Export to CDP 356 Events
          • Export to CDP 365 Business Object
          • Export to CDP 365 Segment
      • Work with Dataflow
      • Status of Dataflow
    • Data Destinations
      • Create a Data Destination
      • View/Edit a Data Destination
      • Data Destinations Connectors
        • Amazon S3
        • CDP Coupon
        • Google Audiences
        • CDP Business Object
        • CDP Segment
        • CDP Event
        • Audience SaleForce Maketing Cloud
        • Google BigQuery
        • Facebook Audiences
        • Google Ads Audiences
        • Postgres
        • Send Mail
        • Google Sheet
    • Data Source
      • Create a Data Source
      • View/Edit a Data Source
      • Data Source Connectors
        • Google Sheets
        • Oracle
        • KiotViet
        • Elastic Search
        • Haravan
        • Tiki
        • Sapo
        • Lazada
        • Shopee
        • Fanpage Messages
        • Google Analytics
        • CDP ANTSOMI
        • Trello
        • Google Ads
        • Facebook Ads
        • Youtube
        • PostgreSQL
        • MySQL
        • File Upload (Big Table)
        • Business Object
        • JSON API
        • SQL Workspace
        • CDP 365 Segment's Members
        • Analytic Model Antsomi
        • SQL Server
  • PORTAL SETTINGS
    • Overview
    • Data Protect
    • General Setting
      • Roles
    • Accounts
    • IP Restriction
    • Menus
    • Account Sharing
  • Annotation
    • Conditions
    • Time range
    • Data Format
    • Function List
  • TICKET MANAGEMENT
    • Tickets
  • Use cases
    • Personas
      • Visitors/Customers
        • How to add new and update Customers to CDP
        • How to create a Customer Custom Attribute
        • How to create a Customer Computed-Last Attribute
      • Segments
        • How to export .xml file?
        • How to create a Dynamic Segment
        • How to create a Static Segment (Matching file)
        • How to create a new segment?
        • Create a segment for Cart Abandonment
        • Set up a "Segment" containing emails to be excluded before sending mail
      • How to create "Attribute" for "Customer"/"Visitors"?
    • Data Hub
      • Event Sources
        • Set up Event Tracking code to track events into CDP
        • Set up Event Tracking code to track events into CDP
        • How to check data after you track an event on the website and app?
      • Business Objects
        • How to create "Data Source" connected with the "Data Object" of CDP 365
        • How to create a Collection
        • How to create "Custom Attributes" with Input via UI feature
    • Marketing Hub
      • How do I set up an advertising SMS campaign using the SMS FPT destination?
      • Strengthening User Identity Verification with OTP Authentication
      • How to use Line Message Templates?
      • How to set up a Webhook Journey
      • How to set up a campaign using SMS channel
      • How to setup a campaign using App Notification channel?
      • How to configure a smart inbox campaign? (In Progress...)
      • How to calculate conversion goals for a journey?
      • How to recommend products using the Parent-Child Algorithm
      • How to create Branded domain in Link Management?
      • How to send messages using OneWay SMS destination?
      • How to explore Journeys?
      • How to test a Journey using Email channel?
      • How to send marketing email using Mailgun Destination?
      • How to send marketing SMS using One Way SMS Destination?
      • How to create Web Personalization using Media JSON in CDP 365?
      • How to create an Email Customer Journey?
      • How to create a Web personalization journey?
      • How to create a "Trello Card" using CDP 365
      • How to display template on website using CDP 365
      • Initialize customer after submitting form
      • How to create Customer Journey?
      • How to set up some Inline templates
      • How to monitor campaign performance?
      • How to create "Promotion"/"Coupon" by uploading files?
      • How to create Coupon from Magento or ERP system to CDP 365?
      • How to send "SMS Yondu" using CDP 365
      • How to send mail from email upload?
      • How to send "Zalo Notification Service" using CDP 365
      • How to send message using "FB Messenger" in CDP
      • How to Send SMS using "Klasik SMS" in CDP 365
      • How to push notification "Firebase Cloud Messaging" using CDP 365
      • How to Send email using "Amazon SES" in CDP 365
      • How to define zone in website for improve web personalize performance
      • How to Send "Viber Yondu" using CDP 365
      • How to send "Infobip Viber" using CDP 365
      • How to send "eSMS Viber" using CDP 365
      • How to create a new "Display Zone"
      • How to Send SMS using "Telerivet SMS" in CDP 365
      • How to push notification using "Onesignal (App Push)" in CDP 365
      • How to push notification using Antsomi Web Push in CDP 365?
      • How to Send email using "SendGrid" in CDP 365
      • How to send email using "Mailjet" in CDP 365?
      • How to send WhatsApp message in CDP 365?
      • How to send Telegram message in CDP 365?
      • How to track click metric of OneSignal App Push
      • How to send Ticket from CDP 365 to Antbuddy?
    • Insights
      • How to create "Report" with “Journey performance” data source?
      • How to create a new "Data sources"?
    • Dataflows
      • How can I export data from CDP 365 to Google Sheets?
      • Collect data from TikTok Form to CDP 365
      • How to create a Segment Data Source
      • How to create a report from multiple data sources?
      • How to send messages using "Facebook Messenger" in CDP 365
      • How to create a new Google Analytics data source?
      • How to create Facebook Ads data source?
      • How to create Google Ads data source?
      • How to create a "Destination Channel" in "Dataflows"?
      • Set up Dataflows to push data to a Business Object in CDP 365
      • Set up Dataflows to push data to Google and Facebook Audiences
      • How to upload segment data into Google Ad Manager (GAM) 360 using Dataflow?
    • Portal Settings
      • How to set up two-step authentication?
Powered by GitBook
On this page
  • STEP 1 - Create Antsomi Web Push destination
  • 1. Log in to CDP 365. Hover your mouse over Settings. Choose Channel Integration.
  • 2. Click button and select Web Push
  • 3. Choose the Destination Catalog: Antsomi Web Push.
  • 4. Click
  • Save to finish creating the Antsomi Web Push destination
  • STEP 2 - Attach Website Tracking Script of Antsomi Web Push Destination to Website Source
  • STEP 3 - Add service workers for the website.
  • STEP 4 - Create Visitor Subscribed Segment
  • 1. Hover your mouse over Profiles and go to the Segments menu
  • 2. Click button and select Visitor Segment
  • 3. Fill in the necessary information for the segment
  • 4. Click Save to finish creating the Visitor Subscribed segment
  • STEP 5 - Pushing notification using Antsomi Web Push via Customer Journey

Was this helpful?

  1. Use cases
  2. Marketing Hub

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 8 months ago

Was this helpful?

Antsomi Web Push destination allows Antsomi to send web-push notification on you website. To do so, follow the instruction below:

STEP 1 - Create Antsomi Web Push destination

1. Log in to CDP 365. Hover your mouse over Settings. Choose Channel Integration.

3. Choose the Destination Catalog: Antsomi Web Push.

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.

General Information

  • 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

Configuration

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

3. Site Setup

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:

  • Enter an https icon URL or upload file that is square 256x256 pixels.

  • The file must be .png, .jpg, or .gif.

4. Permission Prompt Setup

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

5. Welcome 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

6. Advanced Push Settings (Optional)

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

4. Click

Save to finish creating the Antsomi Web Push destination

STEP 2 - Attach Website Tracking Script of Antsomi Web Push Destination to Website Source

Copy this tracking script and paste into your website's <head>

STEP 3 - Add service workers for the website.

  • 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:

importScripts('https://st-a.cdp.asia/antsomiSDKsw.js');

STEP 4 - Create Visitor Subscribed Segment

1. Hover your mouse over Profiles and go to the Segments menu

3. Fill in the necessary information for the segment

Fill in the necessary information for the segment.

Condition: The attribute record subscriber ID (example: antsomi webpush uid) is exists.

4. Click Save to finish creating the Visitor Subscribed segment

STEP 5 - Pushing notification using Antsomi Web Push via Customer Journey

  • 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.

2. Click button and select Web Push

Click on icon personalization

Icon used for the and default for push notifications.

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.

2. Click button and select Visitor Segment

Click on to create journey.

Slide Prompt