---
title: "Step 2: Configuring and Activating the Web Push Script"
slug: "step-2-configuring-and-activating-the-web-push-script"
updated: 2025-05-08T15:14:36Z
published: 2025-05-08T15:14:36Z
canonical: "docs.mapp.com/step-2-configuring-and-activating-the-web-push-script"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Step 2: Configuring and Activating the Web Push Script

For the integration of the Web Push plugin, you need the JavaScript file "webpush.min.js."

1. Download the JavaScript file [webpush.min.js](/v1/docs/technical-requirements-and-download).
2. In the JavaScript file "webpush.min.js," make the following adjustments: **Example**

```javascript
(function() {
    var wt_webpushConfig = window.wt_webpushConfig || {
		serviceURL: 'jamie.c.shortest-route.com/charon',
        webpushScriptIncluded: false,
        useUserMatching: true,
        xKey: '<<Engage xKey>>',
        serviceWorkerScript: '/js/firebase-messaging-sw.js',
        includeFirebaseScripts: true,
        firebaseConfig: {
            apiKey: '<<Firebase apiKey>>',
            authDomain: '<<Firebase authDomain>>',
            projectId: '<<Firebase projectId>>',
            storageBucket: '<<Firebase storageBucket>>',
            messagingSenderId: '<<Firebase messagingSenderId>>',
            appId: '<<Firebase appId>>',
            measurementId: '<<Firebase measurementId>>'
        }
    };
    
    /* ... */
})();
```

| Parameter | Description |
| --- | --- |
| serviceURL | Provide your Service URL: - **eu_nbg:** jamie.g.shortest-route.com/charon - **eu_muc:** jamie.h.shortest-route.com/charon - **us_muc:** jamie.c.shortest-route.com/charon |
| webpushScriptIncluded | Enable if you already use Mapp Engage Web Push functionality. You do not need to provide the xKey or additional Firebase configurations in that case. |
| useUserMatching | Disable if you do not want to share user information between Mapp Engage and Mapp Intelligence. If disabled, segment exchange between Engage and Intelligence based on user interactions on your website, will not be possible. |
| xKey | Provide the xKey as given in your Mapp Engage account. Please note that you only need to provide it if you are not already using the Mapp Engage Web Push script. You can find this in your Engage account on *Administration > Channels > Websites > Channel Info > SDK Key*. |
| serviceWorkerScript | Add the URL to the service worker you use for your push notifications (see [Step 1: Configuration Firebase and Service Worker](/v1/docs/step-1-configuration-firebase-and-service-worker)). |
| includeFirebaseScripts | Leave this enabled if you have not yet included the necessary firebase scripts on your website. |
| apiKey | Please include as specified in your firebase console in *project settings > general > my app > configuration*. |
| authDomain |
| projectId |
| storageBucket |
| messagingSenderId |
| appId |
| measurementId |

Watch the following video for more details:

[webpush1](https://player.vimeo.com/video/637767117?h=038e4af0d9&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479)
3. Include the script file in your website, into your page, ideally before the closing body tag. **Example**

```xml
<html>
    <head>
        <title>title of the page</title>
    </head>
    <body>
        The content of your website is placed here.
        
        <script type="text/javascript" src="js/webpush.min.js"></script>
    </body>
</html>
```