Pastebin

New Paste Add Image

<!doctype html>

<head>

<title>Скрипт</title>

<style>

body {

margin: 0;

font-family: Arial, sans-serif;

background: #f4f6f8;

height: 100vh;

}

.layout {

display: grid;

grid-template-columns: 1fr 320px;

height: 100vh;

}

.main {

padding: 24px;

overflow-y: auto;

}

.rules {

border-left: 1px solid #ddd;

background: #ffffff;

padding: 20px;

font-size: 14px;

line-height: 1.5;

}

.rules h3 {

margin-top: 0;

font-size: 16px;

}

.card {

background: #ffffff;

border-radius: 12px;

padding: 20px;

max-width: 800px;

box-shadow: 0 8px 20px rgba(0,0,0,0.08);

}

.title {

font-size: 18px;

font-weight: bold;

margin-bottom: 12px;

}

.text {

font-size: 16px;

margin-bottom: 16px;

white-space: pre-wrap;

}

.buttons {

display: grid;

gap: 10px;

}

button {

padding: 12px;

font-size: 15px;

border-radius: 8px;

border: 1px solid #ccc;

background: #fff;

cursor: pointer;

text-align: left;

}

button:hover {

background: #eef2ff;

border-color: #4c6ef5;

}

.controls {

margin-top: 16px;

display: flex;

gap: 10px;

}

</style>

</head>

<body>

<button onclick="back()">Назад</button>

<button onclick="restart()">Начать сначала</button>

</div>

<h3>Важные правила</h3>

<div>

1. Не спорить с возражениями – соглашаться и идти дальше.

2. Не объяснять услуги подробно, только смысл и пользу.

3. Не задавать лишних вопросов, только выявление болей и потребностей заказчика.

4. Цель звонка – «достучаться» до ЛПР и договориться о дальнейшем взаимодействии.

</div>

const flow = {

start: "sec_start",

nodes: {

sec_start: {

text:

"Добрый день, подскажите, пожалуйста, кто у вас отвечает за вопросы информационной безопасности?\n\n" +

"По какому вопросу?\n" +

"Вопрос связан с защитой данных и требованиями регуляторов, нужен ответственный специалист.",

answers: [

{ label: "Отправьте всю информацию на почту", next: "sec_mail" },

{ label: "Его нет на месте", next: "sec_absent" },

{ label: "Мы не соединяем?", next: "sec_no_connect" },

{ label: "Соединяют", next: "lpr_start" }

]

sec_mail: {

text:

"Мне нечего направлять на почту, звоню по поводу продления технической поддержки СЗИ, соедините с отделом ИБ.",

answers: []

sec_absent: {

text:

"Подскажите тогда его добавочный номер и его ФИО и когда он будет на месте?",

answers: []

sec_no_connect: {

text:

"Подскажите, тогда как могу связаться с сотрудником ответственным за этот вопрос?",

answers: []

lpr_start: {

text:

"Добрый день! Подскажите, Вы отвечаете за информационную безопасность?",

answers: [

{ label: "Да", next: "lpr_yes" },

{ label: "Нет", next: "lpr_no" }

]

lpr_no: {

text:

"Меня должны были соединить с сотрудником кто занимается информационной безопасностью, подскажите, кто этим занимается и соедините, пожалуйста, с ним.",

answers: []

lpr_yes: {

text:

"Добрый день, (Имя)!\n" +

"Меня зовут (Имя), компания ООО «АйТиАнгел».\n" +

"Мы работаем в сфере информационной безопасности, имеем лицензии ФСТЭК и ФСБ и внедряем только сертифицированные российские решения.\n" +

"Хотел бы сотрудничать с Вашей организацией в сфере информационной безопасности.",

answers: [

{ label: "Нет времени", next: "obj_time" },

{ label: "У нас уже есть внутренний отдел ИБ или подрядчик", next: "obj_contractor" },

{ label: "У нас нет бюджета", next: "obj_budget" },

{ label: "Нам это не нужно / нас никогда не проверяют", next: "obj_not_needed" }

]

obj_time: {

text:

"Понимаю, подскажите могу Вам перезвонить завтра в первой или во второй половине дня для обсуждения в сфере информационной безопасности?",

answers: []

obj_contractor: {

text:

"Отлично, что у вас уже выстроена работа. Мы как интегратор часто работаем в паре с внутренними ИБ-отделами или подрядчиками.\n" +

"Часто мы подключаемся для второго мнения и для закрытия вопросов именно по соответствию требованиям ФСТЭК и ФСБ.\n" +

"Подрядчик или внутренний отдел может вести операционку, а мы делаем аудит/аттестацию и готовим КП по доработкам под регулятора.",

answers: []

obj_budget: {

text:

"Понимаю. Но тут важный момент: штрафы за несоответствие 152-ФЗ и 187-ФЗ могут быть выше стоимости внедрения решения.\n" +

"Например, за отсутствие СЗИ или аттестации организация может получить штраф до 500 000 ₽ и приостановку работы.\n" +

"В итоге бюджеты всё равно выделяются, только уже в авральном режиме и дороже.",

answers: []

obj_not_needed: {

text:

"До первой проверки действительно может казаться, что всё спокойно.\n" +

"На практике проверки часто приходят внезапно и именно в самое неудобное время.\n" +

"По закону обязанность по защите ИС закреплена за организацией всегда, независимо от частоты проверок.\n" +

"При выявлении нарушений штрафы и предписания могут быть существенными.",

answers: []

}

};

let current = flow.start;

let history = [];

const content = document.getElementById("content");

function render() {

const node = flow.nodes[current];

let html = `

<div class="title">Скрипт</div>

if (node.answers.length) {

html += '<div class="buttons">';

node.answers.forEach(a => {

html += `<button onclick="go('${a.next}','${a.label}')">${a.label}</button>`;

});

html += '</div>';

}

content.innerHTML = html;

}

function go(next, label) {

history.push(current);

current = next;

render();

}

function back() {

if (!history.length) return;

current = history.pop();

render();

}

function restart() {

current = flow.start;

history = [];

render();

}

render();

</script>

</body>

</html>

Settings

Title : [Optional]

Paste Folder : [Optional]

Syntax : [Optional]

Expiration : [Optional]

Status : [Optional]

Password : [Optional]

Description: [Optional]

Tags: [Optional]

Encrypt Paste (?)

You are currently not logged in, this means you can not edit or delete anything you paste. Sign Up or Login

Settings

Site Languages