Push notifications are the best way to repeat users and re-engage your subscribers. The standard way to collect subscribers to send web push notifications is to show the opt-in on the website. You can also optimize your push subscriber rate using different strategies. Using the explicit opt-in user can decide to click on Allow or Block to enable web push notifications for your site. Now, what if you wish to collect subscribers without using any optin on your website? Or what if you wish to emphasize any other CTA button or Link and collect subscribers using that? With PushEngage you can do so in 5 simple steps. You can collect subscribers using the Button or a Link. So, when a user comes and clicks on the Button/Link where the code is added he will get then get the optin and can subscribe to the push notifications.
Steps to Enable subscription on Button click or Link –
- Navigate to Settings > Installation Settings. select HTTP or HTTPS tab depending on your website and copy the Async version of code mentioned in the PushEngage Dashboard –
- Copy the second line of the code(async version) and add it to the header section of your website
<script src=”https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js” async></script>
Note – Copy the code from your dashboard correctly as the code is unique for each site.
- Then add the code mentioned below right after the installation code –
<script> window._peq = window._peq || [];</script>
The code should look like this –
<script src=”https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js” async></script>
<script> window._peq = window._peq || [];</script>
- Add the onclick event code on the Subscribe button/ URL.
To collect subscribers on link –
<button onclick=”subscribeOnButton()”>Subscribe</button>
To collect subscribers on link –
<a onclick=”subscribeOnButton();” href=”javascript:void(0)”>Subscribe</a>
- Add the Javascript function mentioned below. It should defined at the bottom of the page
If you want only subscription on button click
<script>
function subscribeOnButton() {
window._peq.push([‘subscribe’]);
}
</script>
If you want to collect subscription with callback
function subscribeOnButton(){
window._peq.push([‘subscribe’,{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
If you want to collect subscription on button and segment those subscribers
function subscribeOnButton(){
window._peq.push([‘subscribe’,’segment_name’,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
That would be it and you can start collecting subscribers on button click and link.
