Управление попапами вручную через скрипт
Данная инструкция предназначена для пользователей платформы, которые размещают попап на сайте через скрипт, а не через Менеджер тегов Altcraft.
Получение скрипта
Для получения скрипта перейдите в редактор попапа и в меню дополнительных действий нажмите :
В появившемся окне выберите базы для поиска профилей. Когда пользователь заполняет форму попапа, его данные передаются в платформу. Затем платформа проверяет, есть ли профиль с такими данными в одной из выбранных баз. Если есть — данные существующего профиля обновляются; если нет — в базе создается новый профиль.
Обратите внимание, что здесь вы задаете базы для поиска существующих профилей. Данные пользователей, заполнивших форму в попапе, будут импортироваться в базу, указанную в редакторе попапа в разделе "Действия".
Нажмите кнопку "Показать код". Этот код необходимо разместить на тех страницах сайта, где вы хотите показывать попап. Ниже вы найдете более подробную информацию о том, как настроить логику появления попапа.
Управление через скрипт
Для работы с попапами на сайте используется следующий код:
<!-- Загрузка скрипта на страницу -->
<script>
(function (popupFunc) {
var script = document.createElement('script');
var firstScript = document.getElementsByTagName('script')[0];
window[popupFunc] = window[popupFunc] || function () {
(window[popupFunc].actions = window[popupFunc].actions || []).push(arguments);
};
window[popupFunc].last_init = 1 * new Date()
window['ACPopupFuncNamePlaceholder'] = popupFunc;
script.async = true;
script.src = 'https://pxl.altkraft.com' + '/popup/v1/js/popupLibrary.js';
firstScript.parentNode.insertBefore(script, firstScript);
})('acpopup');
</script>
<!-- Запрос данных попапа с сервера + показ попапа на странице -->
<script>
acpopup('create', '<popup_id>');
acpopup('show', '<popup_id>');
</script>
При установке этого кода на сайт посетитель увидит попап сразу после загрузки страницы из-за наличия скрипта:
<script>
acpopup('create', '<popup_id>');
acpopup('show', '<popup_id>');
</script>
Вам необходимо самостоятельно реализовать условия создания и появления попапа.
Пример появления попапа через 10 секунд после загрузки страницы:
<script>
window.onload = function() {
setTimeout(function() {
// Запрос данных попапа с сервера
acpopup('create', '<popup_id>');
// Показ попапа
acpopup('show', '<popup_id>');
}, 10000);
};
</script>
Пример появления попапа при клике на кнопку:
<button onclick="showPopupClick()">Показать попап</button>
<script>
function showPopupClick() {
acpopup('create', '<popup_id>');
acpopup('show', '<popup_id>');
}
</script>
Для управления попапом используйте функцию acpopup
. Она работает в 3 режимах:
- create
- show
- sendEvent