Требования к разметке для подмены контента и стилей

Для всех проектов системы, при условии, что на сайте размещен код подключения, возможна подмена контента.

Под подменой контента подразумевается замена одной части текста или номера на другую, указанную в настройках. При этом, для каждой подмены есть возможность задавать правила при каких посещениях и что подменять.

Настройка подмены состоит из 3 этапов:

Разметка контента на сайте — Настройка групп источниковНастройка правил подмены

Также, доступны типовые подмены.

Для чего можно использовать подмену контента

Допустим, вы хотите, чтобы посетителям, которые перешли из разной рекламы показывался разный номер телефона, или определенным посетителям вы хотите изменить текст в определенном блоке. Благодаря этому, вы можете отслеживать из какой рекламы перешел клиента и предугадывать его интересы.

Или вы хотите определенным посетителям показывать заголовки не красного цвета а зеленого, для этого подойдет подмена стилей. Также, подмена стилей полезна, когда для определенных посетителей необходимо скрывать определенные блоки страницы или контент.

Требования  к разметке

Для поиска контента подмены используются классы и идентификаторы html разметки элементов страницы. Перед настройкой подмены в интерфейсе системы, необходимо сделать разметку подменяемого контента на сайте. Например:

у нас есть номер телефона в коде сайта <div class=”phone”>989655284</div> и мы хотим его подменять. Нужно добавить в тег, внутри которого лежит телефон — идентификатор. Например:

<div id=”le-podmena” id=”phone”>989655284</div>

В данном случае, будет происходить подмена контента «989655284» на иной, а ориентиром будут  id=”le-podmena”

Для стандартизации и удобства лучше добавлять свои идентификаторы для элементов html разметки. Например:

  • id=”le-phone”
  • id=”le-phone-1”
  • id=”le-email”

В идеальном варианте, каждому отдельному контенту, который нужно подменить нужно присваивать свой идентификатор, но использование классов и идентификаторов сайта тоже допускается. Имеется ввиду, что если у вас телефон уже помещен внутрь тега с классом, например:

<div class=”phone-red” id=”phone”>989655284</div>

то можно использовать их при последующей настройке правил подмены. После того, как разметка сделана, можно настраивать подмену контента в интерфейсе системы в разделе Контент и подмена.