Советы и ответы от команды LeadPlan
Ищите здесь статьи или выберите категории, указанные ниже.
Обзор по темам
Инструкции, полезные советы и ответы на популярные вопросы, собранные по категориям.
Популярные статьи
Статьи, которые сейчас читают чаще всего.
Тонкая настройка формы в поп-апе
Внизу страницы с редактированием виджета вы можете перейти в режим «Тонкой настройки», либо при нажатии комбинации клавиш Alt + X. После включения данного режима вы сможете редактировать HTML и CSS, а также добавлять любой JavaScript код, связанный с работой данного поп-апа. Внимание: При выключении режима «Тонкой настройки», все изменения кода, созданные в этом режиме будут утрачены. Будут возвращены последние настройки, выполненные и сохранённые в обычном режиме до включения «Тонкой настройки». Далее будут описаны базовые принципы и логика работы с кодом в режиме тонкой настройки. Настройка HTML HTML код по умолчанию выглядит так: <div class="lp-image"> {{image}} </div> <div class="lp-content"> {{title}} {{description}} {{form}} {{note}} </div> <div class="lp-close-x"></div> Он содержит три основных блока: - LP-image, в котором содержится изображение, если оно включено в настройках; - LP-content для всего остального содержимого поп-апа; - LP-close-x служит для отрисовки крестика закрытия поп-апа. В коде присутствуют специальные переменные: {{image}}, {{title}}, {{description}}, {{form}} и {{note}}. При генерации окончательного HTML кода виджета вместо них подставляются динамические данные, сгенерированные в соответствии с настройками, произведёнными на вкладке «Содержимое». Использование переменных не является обязательным и служит лишь для удобства настройки поп-апа. Вы можете полностью переопределить своим любой HTML код, возвращаемый переменными. Для удобства работы, классы всех элементов имеют префикс LP-. Рекомендуется следовать этому правилу в процессе доработок и создания своего HTML кода. HTML код поп-апа благодарности за отправку Если в настройках действий после отправки используется вариант «Показать сообщение», то после успешной отправки формы посетителю сайта будет показан поп-ап, содержащий информационное сообщение. Для информационного сообщения используется HTML код самого поп-апа, отличающийся только набором подставляемых переменных: в него будет загружено то же изображение, свои заголовок и описание, не будут загружены форма и комментарий под формой. Благодаря такому решению, вам не придётся делать двойную работу по созданию отдельного кода для поп-апа с формой и поп-апа подтверждения. Переменная {{image}} В переменную {{image}} подставляется изображение (если оно используется), в соответствии с настройками, производимыми на вкладке «Содержимое». Код будет возвращен в виде: <img src="https://anysite.ru/image.jpg" style="height: 210px;"> Переменная {{title}} В эту переменную будет подставляться «Заголовок» формы в основном поп-апе и «Заголовок сообщения об отправке» в информационном поп-апе после отправки основной формы. Код будет возвращен в виде: <div class="lp-title"> Подпишитесь на нашу рассылку! </div> для основного поп-апа и: <div class="lp-title"> Спасибо! </div> для последующего. Переменная {{description}} В переменную {{description}} будет подставляться «Описание» формы в основном поп-апе и «Описание в сообщении об отправке» во втором информационном поп-апе. Код будет возвращен в виде: <div class="lp-description"> <p>Зарегистрируйтесь,чтобы получать последние новости, обновления и специальные предложения.</p> </div> для основного поп-апа и: <div class="lp-description"> <p>Вы успешно подписаны.</p> </div> для последующего. Переменная {{form}} В {{form}} подставляется код формы, сгенерированный в соответствии с настройками, производимыми на вкладке «Содержимое». В зависимости от настроек, в этой форме может быть разное количество полей. Возвращаемый HTML код формы по умолчанию: <form novalidate="novalidate" class="lp-form"> <div class="lp-input-block"> <input type="text" class="lp-input" name="email" placeholder="Email" value=""> </div> <div class="lp-input-block"> <input type="text" class="lp-input" name="name" placeholder="Имя" value=""> </div> <div class="lp-submit-block"> <button type="submit" class="lp-submit">Подписаться</button> </div> </form> В режиме тонкой настройки вы можете добавлять любое количество элементов формы. При соблюдении определенных правил, значения данных новых элементов при отправке сохранятся в LeadPlan и будут доступны в системе интеграций. Для переопределения формы необходимо в режиме Тонкой настройки вместо переменной {{form}} написать код формы и внутри необходимые поля. В общем виде, конструкция выглядит так: <form novalidate="novalidate" class="lp-form"> <!-- Ниже должны быть поля --> <!-- Конец блока с полями --> <!-- Кнопка submit --> <div class="lp-submit-block"> <button type="submit" class="lp-submit"></button> </div> </form> Далее рассмотрим, как работать с различными элементами форм. Radiobutton (переключающийся флажок) <div class="LP-input-block"> <input type="radio" name="lp-rb-1" value="1" />Номер 1 <input type="radio" name="lp-rb-1" value="2" />Номер 2 <input type="radio" name="lp-rb-1" value="3" />Номер 3 </div> <div class="LP-input-block"> <input type="radio" name="lp-rb-2" value="2-1" />Номер 2-1 <input type="radio" name="lp-rb-2" value="2-2" />Номер 2-2 <input type="radio" name="lp-rb-2" value="2-3" />Номер 2-3 </div> Checkbox (флажок) <div class="LP-input-block"> <input type="checkbox" name="lp-cb-1" value="1" />cb 2-1 <input type="checkbox" name="lp-cb-2" value="2" />cb 2-2 <input type="checkbox" name="lp-cb-3" value="3" />cb 2-3 </div> Select (выпадающий список) <div class="lp-input-block"> <select class="lp-input" name="lp-select-1" placeholder="Выбор"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> Text (текстовое поле) <div class="lp-input-block"> <label>Text-1</label> <input class="lp-input" type="text" name="lp-text-1" value="text-1" /> </div> Number (числовое поле) <div class="lp-input-block"> <label>Number-1</label> <input class="lp-input" type="number" name="lp-number-1" value="123" /> </div> Textarea (многострочный текст) <div class="LP-input-block"> <textarea class="LP-input" name="LP-ta-1" value="" /> </div> В информационном поп-апе, появляющемся после отправки основного, код формы не возвращается. Переменная {{note}} Содержимое и настройки этой переменной, как правило выполняют роль подтверждения согласия с условиями подписки (отправки формы). По умолчанию в коде выводится под формой и имеет общий вид: <div class="lp-note"> <div class="lp-input-block"> <input class="lp-checkbox" id="lp-conditions-mark-1" name="lp-conditions-mark-1" type="checkbox" value="" checked=""> </div> <label class="lp-checkbox-label" for="lp-conditions-mark-1"> <p>Я соглашаюсь с условиями обработки персональных данных</p> </label> </div> В информационном поп-апе код комментария не возвращается. Настройка CSS При включении «Тонкой настройки» в поле CSS выводится код, сгенерированный с учётом изменений, сделанных в режиме обычной настройки. Отличия могут быть в цветах базовых элементов и используемой в поп-апе коллекции шрифтов. Используя поле CSS, вы можете переопределить любой CSS код поп-апа. Но при этом следует учитывать, что в процессе загрузки в браузер посетителя сайта, в начало каждого стиля будет автоматически добавлена ссылка на индексный класс поп-апа. Благодаря этой особенности работы сервиса, CSS код поп-апа действует только в пределах своего поп-апа. В свою очередь, поп-ап может наследовать некоторые стили сайта, поскольку он загружается непосредственно в HTML код сайта. Это также необходимо учитывать. Поддержка адаптивности До того, как поп-ап будет показан посетителю, он измеряется в браузере пользователя сайта и если его ширина+допуски на отступы по бокам оказываются шире текущего браузера, обёртке поп-апа добавляется класс LP-mobile. Такая же проверка производится при любых изменениях размера окна браузера уже после загрузка страницы. Благодаря этому решению, для поддержки адаптивности отпадает необходимость использования медиа запросов CSS (media queries). Попробуйте, это очень удобно. Если что, применение медиа запросов не исключено. Например, вот весь CSS код, который делает базовый поп-ап адаптивным: .lp-mobile .lp-image { display:none; } .lp-mobile .lp-input-block { display: block; padding-bottom: 7px; padding-right: 0px; } .lp-mobile .lp-note .lp-input-block { display: table-cell; padding-right: 5px !important; } .lp-mobile .lp-submit { margin-top: 10px; width: 100%; height: 40px; } .lp-mobile .lp-submit-block { display: block !important; } .lp-mobile .lp-description { font-size: 14px; } Настройка JavaScript При включении «Тонкой настройки» данное поле JavaScript не содержит никакого кода. Этот функционал может пригодиться, когда необходимо будет реализовать принудительный вызов поп-апа при совершении какого-то действия на странице сайта (например, клик по кнопке). Или когда нужно передать в наборе отправляемых в поп-апе данных какое-то значение со страницы сайта или из переменных в Cookies. Для удобства работы с поп-апами вы можете использовать объекты и методы, которые становятся доступны при установке кода LeadPlan на сайт. Объект lpTool Объект содержит поля и методы текущего поп-апа. В коде страницы могут быть несколько поп-апов, в том числе скрытых. Поэтому работать с DOM-элементами поп-апа в глобальном контексте неудобно. Рекомендуется использовать объект lpTool, который определен в контексте поп-апа, который вы настраиваете. lpTool.element Ссылка на DOM-элемент поп-апа. Удобно использовать для работы с DOM-элементами поп-апа. Например, получить содержимое поля email можно при помощи такого кода: var email = lptool.element.querySelector('input[name="email"]'); lpTool.onShow Событие, которое вызывается при показе поп-апа. lpTool.beforeShow Событие срабатывает перед показом формы. В случае возврата «false», показ поп-апа отменяется. В теле данного события нельзя использовать DOM, в дальнейшем он будет не доступен. Если необходимо использовать DOM, нужно использовать метод «onShow». lpTool.onSubmit Событие, которое вызывается при успешной отправки формы поп-апа. lpTools.beforeSubmit Данное событие срабатывает перед отправкой формы. В качестве, аргумента оно получает данные формы, с возможностью их изменения. В случае возврата «false», отправка будет отменена. lpTool.onClose Событие, которое вызывается при закрытии формы поп-апа. lpTool.onCloseSuccess Событие срабатывает после закрытия окна, подтверждающего успешную отправку данных пользователя (благодарность за подписку). Метод window.lp_show(popup_ID) Метод позволяет показать любой существующий поп-ап на странице сайта. Аргумент метода — числовой ID поп-апа. Поп-ап, который требуется показать, должен быть включен и в его настройках показа должно быть установлено «По JavaScript вызову». При помощи события onSubmit и метода window.LP_show можно, например, сделать показ поп-апов друг за другом: при отправке первого поп-апа, показывается второй: lptool.onSubmit = function() { window.LP_show(<ID второго поп-апа>); } Метод window.lp_close() Данный метод работает в двух режимах, в зависимости от аргумента: 1. Аргумент не содержит значения. Без указания параметра, метод сразу закрывает все виджеты, показывающиеся в данный момент на странице; 2. Аргумент метода, это popup_ID. Закрывается только виджет с указанным id. Пример выполнения метода с аргументом popup_ID: window.LP_close(<ID поп-апа, который необходимо закрыть>);
Настройки сайтаНастройки интеграций
Данные, собираемые сервисом LeadPlan, можно передавать в сторонние сервисы. В настоящий момент доступны «легкие» интеграции с сервисами: - DashaMail - ExpertSender - UniSender - SendSay - MAXMA - GetResponse - Mailigen С прочими сервисами также можно интегрироваться, используя механизм WebHooks. Чтобы использовать механизм «легких» интеграций, необходимо подключить их в разделе настроек вашего сайта: Интеграция с DashaMail Для быстрой интеграции переходим в раздел "Настройки" в личном кабинете LeadPlan. API ключ вставляем в соответствующее поле в LeadPlan и нажимаем «Подключить». Инструкция, где взять API ключ. После создания формы подписки, переходим в раздел "Виджеты". Для настройки полей нажимаем кнопку Изменить, далее переходим в настройки "Интеграции". Необходимо заполнить обязательные поля: целевая адресная база и поле email в email-адреса. Остальные поля не являются обязательными. После заполнения сохраните настройки. Интеграция завершена. Теперь клиенты, оставившие свои email через форму подписки на сайте, будут автоматически добавляться в адресную базу сервиса DashaMail. Интеграция с ExpertSender Для интеграции LeadPlan и ExpertSender открываем аккаунт ExpertSender, копируем оттуда api-ключ (Настройки → Субаккаунт → API) и вставляем его в нужное поле. Если вы планируете собирать и хранить какие-либо данные, помимо email, заранее настройте в платформе «Дополнительные поля». В ExpertSender они находятся во вкладке Подписчики → Дополнительные поля. Интеграция с UniSender Для интеграции LeadPlan и UniSender откройте свой аккаунт UniSender, скопируйте оттуда API-ключ (Настройки аккаунта → Интеграция и API) и вставьте его в нужное поле. Если вы планируете собирать и хранить какие-либо данные, помимо email, заранее настройте в платформе «Дополнительные поля». В UniSender они находятся во вкладке Контакты → Дополнительные поля. Интеграция с MAXMA MAXMA — это платформа лояльности и автоматизации маркетинга. Для корректной работы трекера MAXMA в связке с LeadPlan необходимо разместить определенные JS-скрипты на страницах вашего сайта, где установлен скрипт LeadPlan. Это обеспечит двустороннюю связь между MAXMA и LeadPlan. Как работает интеграция LeadPlan с MAXMA? От LeadPlan к MAXMA: новые посетители-подписчики, заполнившие форму виджета LeadPlan, будут автоматически переданы в MAXMA. Дополнительные настройки в виджетах не требуются. От MAXMA к LeadPlan: передаются сведения о посетителях-подписчиках, включая: 1. Все ранее полученные значения из виджетов LeadPlan. 2. Все значения, переданные через трекер MAXMA. 3. Информация о регистрации посетителя в программе лояльности MAXMA. Как настроить интеграцию: 1. Сформируйте код для размещения на сайте: <script src="//s.maxma.com/js/sdk.js" async></script> <script src="//s.maxma.com/js/leadplan.js" async></script> <script async defer src="https://files.leadplan.ru/loader.js?sk=<leadplan-key>"></script> Первые две строки кода являются неизменными и отвечают за интеграцию. В третьей строке вместо необходимо указать ключ, полученный при добавлении сайта в личном кабинете LeadPlan. 1. Передайте полученный код разработчику сайта или администратору для его размещения на нужных страницах. 2. Настройте виджеты: все настройки виджетов находятся в личном кабинете LeadPlan. Следуя этой инструкции, вы сможете успешно интегрировать трекер MAXMA с LeadPlan и обеспечить эффективную работу с клиентами.
ВиджетыНастройка содержимого
Результат редактирования содержимого каждого этапа виджета синхронно отображается в предварительном просмотре. Редактировать можно элементы самого поп-апа и поп-апа подтверждения отправки основного, если последний активирован на вкладке Условия показа. К редактированию доступны: 1. Заголовок 2. Описание 3. Изображение 4. Элементы формы: Поле ввода email Поле ввода телефона Поле ввода имени Кнопка отправки формы 5. Текст под формой (комментарий) 6. Чекбокс подтверждения согласия с условиями 7. Заголовок сообщения об отправке 8. Описание в сообщении об отправке *Это не полный перечень элементов, которые вы можете использовать. При использовании Тонкой настройки вы можете использовать все возможные элементы форм. Более подробно читайте об этом в разделе *Тонкая настройка формы в поп-апе. Далее рассмотрим более подробно перечисленные выше элементы содержимого, для которых возможно быстрое редактирование. Заголовок и Заголовок сообщения об отправке Выводятся в начале формы внутри тэга с классом LP-title. Заголовок выводится в основном поп-апе, а Заголовок сообщения об отправке выводится на том же месте и по такому же принципу, но уже в поп-апе сообщения об успешной отправке формы. Описание и Описание в сообщении об отправке Выводятся под заголовком внутри тэга с классом LP-description. Описание выводится в основном поп-апе, а Описание в сообщении об отправке выводится на том же месте и по такому же принципу, но уже в поп-апе сообщения об успешной отправке формы. При выделении фрагмента описания, во всплывающем окне появляется редактор, расширяющий возможности редактирования: Изображение Вы можете загрузить своё изображение в виджет. *Загруженное изображение будет храниться на cdn сервиса. Хостинг изображений настроен для соответствия требованиям *Google PageSpeed Insights: при отдаче изображения оптимизируются и кэшируются в браузерах пользователей. Возможно добавление изображения путём указания прямой ссылки на него в сети Internet. Дополнительно можно указать Высоту изображения (ширина будет выбрана пропорционально указанной высоте) и Отступ до края поп-апа. Изображение будет расположено в левой части поп-апа в десктопной версии и будет скрыто в мобильной версии поп-апа. Изображение с заданными параметрами выводятся внутри тэга с классом LP-image. Именно такое расположение и такая механика являются наиболее эффективными по результатам многочисленных проведённых нами A/B тестов. Однако, если вам необходимо иное расположение или поведение на мобильных устройствах, вы всегда можете использовать режим Тонкой настройки. Допустимо использование любых видов изображений, поддерживаемых тегом . Тем не менее, рекомендуется использовать изображения в небольшом разрешении в форматах с высоким уровнем сжатия: *.jpg, *.gif. Также рекомендуется по возможности использовать векторный формат *.svg. Обратите особое внимание на то, что если ваш сайт работает на https:// протоколе, то и добавляемое изображение обязательно должно быть загружено c ресурса с поддержкой https. Поле ввода email Возможно редактирование текста placeholder-а данного элемента. При отправке формы, на которой присутствует данное поле, будет произведена валидация на факт и корректность ввода поля email. При некорректном вводе, с целью оповещения пользователя, граница данного поля будет подсвечена на 3 секунды цветом, совпадающим цветом кнопки отправки формы, установленным в разделе Внешний вид. Поле ввода телефона Возможно редактирование текста placeholder-а данного элемента. На форме в данное поле пользователь сайта сможет ввести только цифры. Ввод может быть начат с символа «+». При начале ввода с цифры «8», будет произведена автоматическая замена на «+7». Если вам необходимо отклонение от указанных выше правил, то добавляйте поле ввода телефона, используя режим Тонкой настройки. Стоит отметить, что данный режим позволяет устанавливать на поля ввода произвольные пользовательские маски и валидаторы. Поле ввода имени Возможно редактирование текста placeholder-а данного элемента. Кнопка отправки формы Вы можете изменять текст кнопки отправки формы. Возможно, но не рекомендуется отключать кнопку отправки формы, при прочих активных элементах формы поп-апа. Текст под формой (комментарий) Данный элемент служит для публикации комментария под формой. Чаще всего используется для информирования о политике конфиденциальности. Чекбокс подтверждения согласия с условиями Данный элемент служит для подтверждения согласия пользователя сайта с политикой конфиденциальности при отправке формы. По умолчанию чекбокс отмечен. Если его деактивировать (что будет означать отсутствие согласия), то кнопка отправки формы станет неактивной (disabled) и форму технически невозможно будет отправить: Все Элементы формы, а также Комментарий и Чекбокс подтверждения выводятся только в основном поп-апе.
Начало работыДобавление кода на сайт
Чтобы начать пользоваться сервисом LeadPlan, вам нужно добавить ваш сайт и установить специальный код на его страницы. Не переживайте, это просто! Следуйте шагам ниже. Установка кода LeadPlan На странице настроек вашего добавленного сайта вы увидите специальный код для установки. Просто выделите его мышкой и скопируйте (нажмите правую кнопку мыши и выберите "Копировать" или используйте комбинацию клавиш Ctrl+C). Теперь откройте редактор вашего сайта (это может быть панель управления или конструктор сайтов). Вам нужно добавить скопированный код в HTML код всех страниц вашего сайта внутри секции . Если вы не уверены, или не знаете как это сделать, напишите нам в службу поддержки. После корректной установки кода, как только LeadPlan начнёт фиксировать загрузки установочного кода, флаг состояния установки изменит своё значение на «Установлен». Пошаговая инструкция по установке кода для сайтов, работающих на различных платформах - Установка кода через плагин на сайте WordPress - Установка кода на сайте Tilda - Установка кода на сайте 1C-Битрикс - Установка кода на сайте inSales - Установка кода на сайте Платформой LP - Установка кода на сайте OpenCart Установка кода через хостинг-провайдера Beget Чтобы добавить код на нужные страницы сайта, вам нужно зайти в панели управления в раздел “файловый менеджер”. Это можно сделать на главной странице хостинг-провайдера или в панели управления хостинг провайдером. 1. Найдите вход в панель управления хостингом с главного сайта 2. Зайдите в панель управления 3. Зайдите в раздел "Файловый менеджер" 4. Найдите в файловом менеджере папку, в котором хранятся файлы вашего сайта 5. Во все файлы, где содержится html-код добавьте перед тегом body код LeadPlan 6. Нажмите CTRL+S Подробнее о работе файлового менеджера можно прочесть по ссылке Установка кода через хостинг-провайдера Timeweb Чтобы добавить код на нужные страницы сайта, вам нужно зайти в панели управления в раздел “файловый менеджер”. Это можно сделать на главной странице хостинг-провайдера или в панели управления хостинг провайдером. 1. Войдите в панель управления хостингом 2. Откройте файловый менеджер 3. Перейдите в папку с сайтом, чаще всего над ней есть верхнеуровневая папка, которую вы можете называть произвольно, но внутри всегда будет лежать папка public_html. 4. Найдите внутри папки все файлы, в которых содержится html-код и добавьте в каждый файл перед тегом body код LeadPlan 5. Нажмите “Сохранить” Подробнее о работе файлового менеджера можно прочесть по ссылке
ВиджетыНастройка таргетинга
На вкладке Таргетинг вы можете настроить параметры аудитории, которой может быть показан данный виджет. В настройках доступны следующие типы таргетинга: - По URL - По параметру URL - По JavaScript (CSS) селектору - По коду HTML - По значению полей пользователя - По типу устройства - По ОС - По типу браузера Настройки могут носить разрешающий или запрещающий характер, который задаётся либо выпадающим списком, либо активностью чекбокса для настроек, связанных с параметрами устройства посетителя сайта. Взаимосвязь нескольких настроек таргетинга Внимание: Нахождение у пользователя сайта любого запрещающего параметра из любого типа настроек таргетинга имеет максимальный приоритет! Взаимосвязь разрешающих параметров разных типов настроек таргетинга (например, Целевая страница и URL параметры) осуществляется по принципу пересечения (логический оператор И). Взаимосвязь разрешающих параметров одного типа настроек таргетинга (например, две или более разные настройки типа Целевая страница) осуществляется по принципу объединения (логический оператор ИЛИ). Далее рассмотрим более подробно перечисленные выше настройки таргетинга. Таргетинг по URL Данный вид таргетинга позволяет разрешать или блокировать показ виджета в определённых разделах или на определённых страницах сайта. При настройке условий вы можете использовать символ ***** в качестве маски для замещения любого участка URL. Возможно использование внутри одного правила нескольких масок, если это необходимо. При обработке данного условия алгоритмом отбрасываются и не учитывается слеш ( / ) в конце URL и параметры запроса (символ ? и всё, что следует правее за ним). Также алгоритм обработки не чувствителен к регистру. Проверка данной настройки инициируется в начале загрузки страницы сайта и, если URL текущей страницы оказывается вне таргетинга, то виджет не будет даже загружен на текущей странице. Таргетинг по параметру URL Эта настройка позволяет таргетировать показы по GET-параметрам. Чаще всего используется для взаимосвязи работы сервиса с рекламой и прочими внешними каналами привлечения аудитории на сайт. Важная особенность проверки состоит в том, что сервис запоминает однажды возникшие в течении сессии стандартные UTM-метки (utm_source, utm_medium, utm_campaign, utm_content и utm_term) и использует их для таргетинга в течении всей сессии при перемещении пользователя по сайту. Алгоритм обработки параметров не чувствителен к регистру. Также проверка таргетинга по URL инициируется в начале загрузки страницы сайта и, если параметры текущей страницы будут вне таргетинга, то виджет не будет даже загружен на текущей странице. Рекомендация: Наиболее часто формы LeadPlan используются для сбора базы email-адресов посетителей сайта. Поэтому целесообразно исключать из таргетинга посетителей, которые переходят на сайт из email-канала. Обычно, при использовании платформ рассылки и грамотно настроенных email-кампаниях, у таких пользователей utm_medium = email. По JavaScript (CSS) селектору Эти настройки предоставляют очень широкие возможности, но для работы с данным типом таргетинга необходимо обладать пониманием основ HTML и CSS на уровне определения селекторов. В этом материале вы можете получить базовую информацию о селекторах, которой может быть достаточно для решения многих задач. Проверка таргетинга по селекторам производится непосредственно перед показом виджета, когда сработали все остальные настройки и условия. Т.е. анализируется и учитывается в таргетинге состояние страницы в момент произведения показа. Некоторые случаи, когда может быть полезно использование таргетинга по селекторам: - Таргетинг по зарегистрированным / анонимным пользователям; - Таргетинг по пользователям с пустой / полной корзиной в интернет-магазине; - Таргетинг по страницам, в структуре которых имеется / отсутствует ключевой элемент; - Необходимость предотвратить одновременный показ виджетов LeadPlan с виджетами других сервисов. Например, на данном скриншоте для одного из сайтов настроен запрет показа виджета авторизованным пользователям, у которых на всех страницах имеется ссылка выхода из кабинета с id = «logout». И показ только в том случае, если на странице присутствует в открытом состоянии поп-ап стороннего сервиса с id = «advert-pop». Таргетинг по коду HTML Этот вид таргетинга по своим принципам работы и сферам применения очень похож на Таргетинг по селекторам, но в данном случае в алгоритме анализируется HTML код страницы на момент показа виджета. На скриншоте выше в таргетинг попадают анонимные посетители сайта, у которых на всех страницах присутствует ссылка с названием Войти в личный кабинет. При анализе не учитываются регистр, пробелы и переносы в HTML коде. Таргетинг по значению полей пользователя Данный вид таргетинга позволяет разрешать или блокировать показ виджета при наличии или отсутствии определенных значений дополнительных полей и вашего пользователей. Например, показывать новые виджеты только тем, кто уже подписывался в других виджетах и указал значение "Иван" для поля "Имя". Таргетинг по типу устройства Вы можете управлять показом виджетов, разделяя аудиторию на пользователей компьютеров, планшетов, мобильных и прочих устройств. Таргетинг по типу операционной системы Адресатами вашей кампании могут быть пользователи той или иной платформы. Например, если вы посредством виджетов продвигаете мобильное приложение своего сайта для iOS, то целесообразно показывать его только пользователям iOS, ну, может быть, ещё Mac OS, не более того. Таргетинг по типу браузера Данная настройка позволяет работать с аудиториями определённых браузеров.
ВиджетыНастройка условий показа
На вкладке Поведение осуществляется настройка механики начала и прекращения показа, а также действия после отправки. Начать показ виджета В этом разделе задаётся ряд условий, при выполнении каждого из которых производится немедленный показ (при условии, что пользователь сайта находится в таргетинге и нет других запрещающих показ условий). При каждой загрузке страниц сайта поп-ап по срабатыванию условий может быть показан только однократно. Когда пользователь покидает сайт Условие сайт срабатывает во время увода курсора мыши пользователем из области сайта в браузере. При скроле ниже N% страницы Срабатывает, когда происходит скролл по странице ниже указанного в настройках процента от общей высоты. Данное условие не работает на страницах, на которых невозможен скролл, т.е. на страницах, высота которых меньше или равна высоте окна браузера. После N секунд на текущей странице В начале загрузки каждой страницы сайта начинается отсчёт. Условие срабатывает, когда отсчёт доходит до N секунд. После N секунд от начала визита В начале визита пользователя на сайт (сессии) начинается отсчёт. Условие срабатывает, когда отсчёт доходит до N секунд. Не раньше N страниц от начала сессии Это единственное в данной группе условий ограничивающее условие. Если глубина просмотра страниц сайта пользователем в текущей сессии меньше указанного N, то показа не будет. Начиная с посещения N-й страницы, данное ограничение будет снято. Скрыть виджет при клике на внешнюю область Если данная настройка отмечена, то у пользователя сайта появляется дополнительный способ закрытия поп-апа, кроме как кликом по крестику: клик на странице сайта по области вне поп-апа также будет осуществлять закрытие поп-апа. При этом, с одной стороны, общая конверсия поп-апов немного снижается. По нашему опыту можно ожидать снижение конверсии от показа в клик до 0,5%. При этом абсолютное значение конверсии может снизиться на 10-25%. Это обусловлено тем, что поп-ап становится слишком просто закрыть и даже становятся возможными случайные закрытия. С другой стороны, такое поведение более привычно и удобно пользователям. Частота показов Эта настройка позволяет задать минимальный период, с которым будет появляться поп-ап. Обычно хорошим решением будет установка этого значения в несколько дней. Тем не менее, бывают оправданные случаи, когда может быть необходимо показ на каждой странице. Условия прекращения показа Данные настройки позволяют задать условия, при которых виджет больше не будет показываться в текущей сессии или вообще для каждого конкретного пользователя. Дата, Время и Дни недели показа Эти настройки позволяют регулировать временной интервал возможности показа. Чаще всего используется для работы с предложениями сайтов, ограниченными во времени. Вы можете устанавливать начальную и / или конечную дату показа, временной диапазон и дни недели, в течении которых возможен показ текущего виджета. Настройки, произведённые на вкладке Поведение распространяются на всех посетителей сайта, кроме тех аудиторий, для которых был ограничен показ, посредством настроек Таргетинга.