Имитация покупок для Платформы LP

Содержание страницы:

Имитация покупок — это скрипт, который выводит сообщения с фейковыми заказами. С ним вашим посетителям будет казаться, что спрос на товары и услуги вашего магазина большой. Это позволит быстрее развиться на старте бизнеса.

Ключевые особенности имитации заказов:

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

Исходный код

Скопируйте в BODY код из файла body.txt.

Заказать «Имитацию покупок»

Параметры

В BODY укажите параметры для работы скрипта.

var fakeorder = {
    names: {
        //separate — разделитель между именем и городом, values — имена
        separate: '&nbsp;',
        values: ['Карина', 'Дмитрий', 'Вениамин', 'Вадим', 'Марат', 'Лариса', 'Дмитрий', 'Алексей', 'Виктор', 'Артур', 'Снежана']
    },
    cities: {
        //separate — разделитель между городом и действием, values — города
        separate: '<br>',
        values: ['г.Климовск', 'г.Омск', 'г.Уссурийск', 'г.Киров', 'г.Москва', 'г.Санкт-Петербург', 'г.Брянск']
    },
    actions: [
        /* Действие и Тип действия (иконки http://fontawesome.io/icons/) */
        ['заявка на обратный звонок', 'fa-phone-square'],
        ['покупка скрипта "Имитация покупок"', 'fa-shopping-cart'],
        ['покупка скрипта "Мультитабс"', 'fa-shopping-cart'],
        ['покупка скрипта "Калькулятор"', 'fa-shopping-cart'],
    ],
    //minInterval, maxInterval — интервал в рамках которого будет вывод новой имитации покупок. Выборка в этом интервале случайная, для большего сходства с реальностью.
    //delay — задержка показа сообщения.
    timeout: { minInterval: 2000, maxInterval: 5000, delay: 2000 }
};

var fakeorder = {

names: {

//separate — разделитель между именем и городом, values — имена

separate: ' ',

values: ['Карина', 'Дмитрий', 'Вениамин', 'Вадим', 'Марат', 'Лариса', 'Дмитрий', 'Алексей', 'Виктор', 'Артур', 'Снежана']

cities: {

//separate — разделитель между городом и действием, values — города

separate: '<br>',

values: ['г.Климовск', 'г.Омск', 'г.Уссурийск', 'г.Киров', 'г.Москва', 'г.Санкт-Петербург', 'г.Брянск']

actions: [

/* Действие и Тип действия (иконки http://fontawesome.io/icons/) */

['заявка на обратный звонок', 'fa-phone-square'],

['покупка скрипта "Имитация покупок"', 'fa-shopping-cart'],

['покупка скрипта "Мультитабс"', 'fa-shopping-cart'],

['покупка скрипта "Калькулятор"', 'fa-shopping-cart'],

//minInterval, maxInterval — интервал в рамках которого будет вывод новой имитации покупок. Выборка в этом интервале случайная, для большего сходства с реальностью.

//delay — задержка показа сообщения.

timeout: { minInterval: 2000, maxInterval: 5000, delay: 2000 }

};

где вам необходимо задать свой список имен, городов и действий.

Описание параметров:

names — список имен. Значение выбирается случайно.

cities — список городов. Значение выбирается случайно.

actions — список действий и их иконок. Значение выбирается случайно. В actions вторым значением массива идет класс иконки из FontAwesome (например, fa-phone-square).

separate — разделитель между словами. Например, после имени можно поставить обычный пробел или неразрывный пробел &nbsp. В этом случае имя + город будет иметь вид «Карина г.Климовск». Также в примере для города в separate указан <br>. Следовательно после города будет добавлен символ переноса строк. Тогда текст действия будет написан с новой строки. Например:

Карина г.Климовск
заявка на обратный звонок

minInterval, maxInterval — интервал в рамках которого будет вывод новой имитации покупок. Выборка в этом интервале случайная, для большего сходства с реальностью.

delay — задержка показа сообщения.

В разделе HEAD подключите стили (файл head.txt).

<link rel="stylesheet" type="text/css" href="https://kingcomp.ru/plp/libs/fakeorder/181006/head.css">

1	<link rel="stylesheet" type="text/css" href="https://kingcomp.ru/plp/libs/fakeorder/181006/head.css">

Редактор

Добавьте новую Секцию в самом низу страницы и задайте ей class=fake-section

Уберите отступы для секции

Добавьте в нашу секцию Кнопку и задайте class=fakeorder

Вы можете добавить любое количество кнопок и каждую настроить по своему стилю. Класс у всех должен быть fakeorder. Скрипт будет показывать их в ротации.

В качестве содержимого кнопки выберите «Текст + иконка». Здесь можете прописать любой текст и поставить любую иконку. Это никакого значения не имеет, т.к. они будут заменены скриптом.

Настройте внешний вид на свое усмотрение. Здесь же можете задать отступы от краев экрана.

Как видите настроить внешний вид имитации заказов довольно просто. Не надо для этого лезть в исходный код и править стили и сам скрипт.

Пример работы

Пример работы имитации покупок

Обновления

Обновление от 23 октября 2017

Скрипт переписан практически с нуля. Теперь он проще, надежнее и круче!

Вам больше не надо рисовать подложки в фотошопе.

Добавлено:

внешний вид настраивается в редакторе Платформы LP;
можно создавать любое количество вариантов внешнего вида;
сообщения теперь кликабельны и можно на них повесить какое-либо действие прямо в конструкторе Платформы LP;
разделитель текста.

Исправлено:

неправильная анимация при некорректном указании пары значений «интервал/задержка»;
значительно упрощена настройка;
оптимизирован исходный код.

Удалено:

в связи с невостребованностью и сложностью настройки, удалил поддержку сервиса randus;
убрал поддержку всех картинок: подложки и иконки.

Обновление от 21 марта 2018

Небольшие исправления багов.

Исправлено:

Кнопка кликабельна даже когда невидима. Это приводило к блокировке элементов (других кнопок) под ним.
Добавлены стили для скрытия секции с кнопками имитации.
Исправления в инструкции.

Обновление от 6 октября 2018

Мелкие исправления.

Исправлено:

Основной код вынесен в файл body.js и head.css, чтобы иметь возможность кеширования.
Исправления в инструкции.
Другие мелкие изменения.