{"id":1761,"date":"2019-08-01T15:08:00","date_gmt":"2019-08-01T19:08:00","guid":{"rendered":"https:\/\/www.dialoginsight.com\/13-etapes-envoi-premiere-web-push-dialog-insight\/"},"modified":"2023-07-03T16:04:13","modified_gmt":"2023-07-03T20:04:13","slug":"13-steps-first-web-push-campaign-dialog-insight-app","status":"publish","type":"post","link":"https:\/\/www.dialoginsight.com\/en\/blog\/omni-channel-marketing\/13-steps-first-web-push-campaign-dialog-insight-app\/","title":{"rendered":"13 easy steps to you first web Push campaign with the Dialog Insight app"},"content":{"rendered":"

Web push notifications are a relatively new channel, which allows you to connect with your subscribers even when they are not on your website. This gives you a great opportunity to reach more people in a different way. Using this channel has several advantages, as we saw in our\u00a0previous article<\/a>\u00a0on the subject and is quite simple to implement.<\/p>\n

This is what we will discuss in this article, especially for users of the Dialog Insight platform. The purpose of this article is to guide you through the procedure to set up the Web push notification channel in your platform and show you how to use them on a daily basis.<\/p>\n

Let\u2019s start at the beginning\u2026.<\/p>\n

\u00a0<\/p>\n

1. The Initial Configuration<\/span><\/h2>\n

First of all, make sure that your domain is secure (https). If it is not, Web push notifications will unfortunately not work on your website.<\/p>\n

If your site is secure, the first step is to configure your website on the Dialog Insight platform, because it is on your website that you will ask your visitors to subscribe to your notifications. You have the possibility to add several different domains if you wish.<\/p>\n

You will then have to configure several elements:<\/p>\n

\u00a0<\/h2>\n

2. The Language<\/strong><\/span><\/h2>\n

This configuration is used to determine the language that will be saved in Dialog Insight to send notifications in the right languages to the right people when it comes time to send your message. The authorization request will appear in the language configured in each contact\u2019s browser.<\/p>\n

\u00a0<\/h2>\n

3. The website Icon<\/strong><\/span><\/h2>\n

The icon you configure at this step should ideally be your company logo. This way, your subscribers will immediately recognize who sent the notification and you will build your brand image more quickly. Indeed, if people do not recognize you immediately, they are unlikely to click to do the action wanted.<\/p>\n

This icon you configure is the one that will appear by default in all your notifications. However, you can change it directly in your notification if you want to put another one later.<\/p>\n

\u00a0<\/p>\n

4. Firebase Cloud Messaging (FCM)<\/strong><\/span><\/h2>\n

Your notifications, which will be sent by Cloud Messaging, require that you first have a Google Account. Then, you must\u00a0create a project in Cloud Messaging<\/a>\u00a0to obtain the sender ID and server-key. You can use this same Google key for your other configured domains as well.<\/p>\n

Basically, this step allows, in the script, to say that the DI platform sends your message to Google which, by the keys mentioned above, makes the delivery. This is roughly what allows your notifications to reach their destination.<\/p>\n

It would also be useful if you decide to change your Web push sending platform, to be able to transfer all your data on your subscribers to this new platform.<\/p>\n

\u00a0<\/p>\n

5. Integration with your Website<\/strong><\/span><\/h2>\n

The configuration is now complete in the platform, there is still the integration with your website. To do this, you will find a code, generated at the end of the configurations, that you must copy inside the <head><\/head> tag, on the pages of your website where you want to offer your visitors to subscribe to your notifications.<\/p>\n

This allows you to use JavaScript features to generate your Web push notifications.<\/p>\n

You must also download the Dialog Insight JavaScript file and place it at the root of your website. This file is used to manage the reception and display of the notification in the browser.<\/p>\n

You will also find a demo file to download, which explains all the steps to follow to test your Web push notifications without having to officially integrate them into your site.<\/p>\n

\u00a0<\/p>\n

6. The Subscription Request<\/strong><\/span><\/h2>\n

The first thing to look for with web push notifications is your visitor\u2019s consent to receive your messages. This subscription is managed by an API that stores all the data collected and then sends the right messages to the right browsers.<\/p>\n

You can put the subscription request for your web push notifications at different places and times. It can appear when the page loads, so as soon as your visitors are on your site. However, you should be careful if you have several elements that appear on the same page, such as a pop-up or a warning about the use of cookies, for example.<\/p>\n

Avoid confusion: the ideal would be to have only one element appear so that your visitor is not overwhelmed and knows exactly what action to take.<\/p>\n

Subscription to notifications is only made on the browser used to subscribe. If a user wants to subscribe to multiple browsers, he must subscribe on each of the desired browsers.<\/p>\n

In addition, the platform does not manage double subscriptions. So, if one of your contacts subscribes to your notifications on 2 browsers, he will receive it twice if he uses both browsers before your notification expires.<\/p>\n

\u00a0<\/p>\n

7. Contact Identification\u00a0<\/strong><\/span><\/h2>\n

In Dialog Insight, the contacts you get from there will be anonymous by default. To be able to identify them, two methods are possible:<\/p>\n

    \n
  1. Integration into HTML code (when visitors are already registered in their account on the website in question)<\/li>\n
  2. By sending emails: when you configure a website, an injection rule for emails is automatically created to identify the contact. So, if this contact is subscribed to your emails, you will automatically know who it is if they also subscribe to your Web push notifications.<\/li>\n<\/ol>\n

    \u00a0<\/p>\n

    \u00a0<\/p>\n

    Message Configuration\u00a0<\/strong><\/p>\n

    You are now at the message settings, that is, the ones you will have to make each time you send a notification. So if you have successfully completed all the above steps, you can now forget them, you no longer have to worry about them. It is what follows that becomes important for you!<\/p>\n

    8. The Groups<\/strong><\/span><\/h2>\n

    You must now choose the sending criteria for your message. Your identified contacts will be divided into 2 groups, eligible and non-eligible contacts. According to your targeting criteria, your contacts will be divided in this way according to what the platform knows about them. For example, you want to target all people who meet the following criteria:<\/p>\n