Полезные советы и скрипты

Запрашиваем пуш-подписку перед переходом на оффер с прилендинга

Сценарий: Пользователь дошел до конца вашего прилендинга, нажимает на конечную кнопку перехода на оффер и у него появляется окно запроса пуш-подписки. Независимо от того, какую опцию он выбрал, у него происходит редирект на ваш оффер.

Реализация: Cоздайте Фид в Pushflow и в разделе «Настройка редиректов» в каждом поле укажите ссылку на ваш оффер, например, если ваш трэкер Binom, то в каждом поле будет ссылка вида: http://trackdomain.com/click.php?lp=1. Сохраняем и интегрируем сгенерируемый скрипт по стандартной инструкции.

В <head></head> добавляем следующий скрипт:

<script>
function toOffer(e) {
e.preventDefault();
PushflowSDK.askSubscription();
}
</script>

Далее находим кнопку, где находится ваша ссылка на оффер и добавляем ей onclick событие:

<a href="http://trackdomain.com/click.php?lp=1" onclick="toOffer(event)">Link</a>

Открываем оффер в новой вкладке, а в старой производим запрос пуш-подписки

Интегрируем скрипт Pushflow по стандартной инструкции. Далее в <head></head> добавляем следующий скрипт:

<script>
// Change it to your offer link
var offerUrl = "https://trackdomain.com/click.php?lp=1";
var isLeftPage = false;
function toOffer(e) {
e.preventDefault();
var win = window.open(offerUrl, '_blank');
if (win) {
win.focus();
} else {
location.href = offerUrl;
}
isLeftPage = true;
};
window.onfocus = function() {
if (isLeftPage) {
setTimeout(PushflowSDK.askSubscription(), 500);
}
};
</script>

В скрипте меняем https://trackdomain.com/click.php?lp=1 на вашу ссылку на оффер.

Еще может быть такое, что юзер забудет про старую вкладку надолго и тогда скрипт может не сработать. Мы можем установить юзеру cookie на 31 день. Тогда финальный скрипт будет выглядеть так:

<script>
// Change it to your offer link
var offerUrl = "https://trackdomain.com/click.php?lp=1";
var isLeftPage = false;
function toOffer(e) {
e.preventDefault();
var win = window.open(offerUrl, '_blank');
if (win) {
win.focus();
} else {
location.href = offerUrl;
}
isLeftPage = true;
document.cookie = "isLeftPage=1; max-age=" + 60 * 60 * 24 * 31 + " ; path=/";
};
window.onfocus = function() {
if (getCookie('isLeftPage') == 1 || isLeftPage) {
setTimeout(PushflowSDK.askSubscription(), 500);
}
};
function getCookie(name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
};
</script>

Другой вариант запроса подписки — это скачать готовый HTML-шаблон со страницы Фида(хорошо подойдет шаблон с капчей), разместить его у себя на веб-сервере и делать редирект юзера на эту страницу после того, как он открыл старую вкладку. Для этого нужно заменить часть скрипта выше window.onfocus = function() {} на следующую:

window.onfocus = function() {
if (isLeftPage) {
location.href = "https://link.com/index.php";
}
};

Где https://link.com/index.php нужно заменить ссылкой на страницу, где у вас производится сбор подписок.

Подписываем неуникальных пользователей

Сценарий: Если пользователь уже посещал ваш прилендинг, при повторном заходе у него сразу происходит запрос пуш-подписки.

Реализация: Cоздайте Фид в Pushflow. Если хотите, чтобы после действия с окном подписки пользовать остался на текущей странице, оставьте все поля в разделе редиректов пустыми. Интегрируйте скрипт Pushflow по стандартной инструкции.

Если вы хотите спрашивать подписку у пользователей, которые ушли с вашего лендинга на оффер, а не просто посетили страницу, то добавьте следующий скрипт в <head></head>:

<script>
function setPushflowCookie() {
document.cookie = "isLeftPage=1; max-age=" + 60 * 60 * 24 * 31 + " ; path=/";
};
window.addEventListener(
"load",
function() {
if (getCookie('isLeftPage') == 1) {
setTimeout(PushflowSDK.askSubscription(), 1500);
}
},
true
);
function getCookie(name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
};
</script>

Находим кнопку, где находится ваша ссылка на оффер или трэкер и добавляем ей onclick событие:

<a href="http://trackdomain.com/click.php?lp=1" onclick="setPushflowCookie()">Link</a>

Если же вы хотите спрашивать подписку у всех пользователей, кто зашел на ваш прилендинг и провел там более 3 секунд, то скрипт будет выглядеть так:

<script>
window.addEventListener(
"load",
function() {
setTimeout(setNonUniqCookeie(), 3000);
if (getCookie('isNonUniq') == 1) {
setTimeout(PushflowSDK.askSubscription(), 1500);
}
},
true
);
function setNonUniqCookeie() {
document.cookie = "isNonUniq=1; max-age=" + 60 * 60 * 24 * 31 + " ; path=/";
};
function getCookie(name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
};
</script>

В таком случае никаких дополнительных скриптов на кнопку перехода на оффер добавлять не нужно.