How to implement push notifications on your website through Google Tag Manager
Implement push notifications in four steps without any coding!
Pushwoosh WebSDK Lite can be added to your website through Google Tag Manager, making the integration process as easy as possible.
Note that of all visitors of your website, only those using Chrome or Firefox would be able to subscribe for and receive push notifications. The WebSDK Lite also has limited access to Pushwoosh features, such as custom Tags, UserIDs, or event-triggered messaging. For details, please reach out to our Support Team!
1. Firebase Credentials
In the Firebase Console, choose your project to obtain your Firebase Server Key and Sender ID. Please see the screenshot below for reference:
2. Pushwoosh Control Panel
Go to Pushwoosh Control Panel and add a new app. On the opened page, configure Chrome or Firefox platform by clicking the Configure button in the respective row. Fill in the form:
The Server Key from Firebase Console into the API key field;
The Sender ID from Firebase Console into the FCM Sender ID field;
The exact address of your website into Website Name field.
Make sure to copy the Application Code of the newly created app, you'll need it later. The app code is highlighted below:
3. Google Tag Manager
a. In Google Tag Manager, choose a container or create a new one.
b. Create a new Tag and choose Custom HTML in Tag Configuration.
c. Copy the script below and paste it into the HTML field;