IFRAME-коды для тестов

IFRAME-коды нужны для размещения наших тестов прямо на страницах Вашего сайта. IFRAME-коды вы можете найти на странице с промоматериалами к каждому тесту партнерской программы.

IFRAME с содержимым теста для встраивания в дизайн сайта

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

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

Если на вашем сайте присутствует значительная и лояльная к ресурсу аудитория, то данный тип продвижения тестов может привести к повышению конверта по сравнению с отправкой трафика по ссылке. Также, например, вы можете добавить такую страницу с IFRAME-тестом на свой старый, трастовый домен, написать немного текста и получать трафик от поискового продвижения этой страницы.

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

Размещение кода IFRAME с содержимым теста на вашем сайте

  1. Скопируйте код из поля и разместите его на своей странице там, где в коде должно быть основное содержание страницы.
    1. Дополнительные параметры фрейма вы можете настроить, кликнув по «настройки промо для ифрейма» в конфигураторе ссылок вверху страницы.
    2. Строка <div id="teststudio_footer"></div> в коде IFRAME будет автоматически заполнена условиями подписки. Этот элемент необходим для работы MT-подписок в iframe. Расположение футера должно удовлетворять следующим условиям:
      1. он обязательно должен быть размещен на сайте,
      2. он должен находиться в подвале сайта, желательно в самом низу,
      3. страница сайта, на которой размещен наш тест, не должна быть чрезмерно длинной (например, когда на странице выводится очень много комментариев без пагинации),
      4. футер должен быть контрастным по отношению к фону и легко читаемым,
      5. футер должен быть написан шрифтом не менее 11px. В случае использования нестандартных шрифтов - смотрите визуально, чтобы текст футера был не слишком мелким и легко читаем.
  2. Чтобы код корректно и быстро работал на вашем сайте, обязательно нужно скачать файл ресивера (ссылка на файл есть под формой копирования кода) и залить его на сайт по адресу вида http(s)://вашдомен.ру/ts_iframe_callback.html.
  3. Также вам нужно на странице «Настройки -> мои домены» добавить домен своего сайта, на котором стоит наш ифрейм с тестами. После этого мы проверим корректность размещения ифрейма, а также оформления, и активируем вам МТ-подписки на добавленном домене. Апрув домена как правило занимает 1-2 рабочих дня. Имейте ввиду, что после добавления домена нельзя вносить существенные правки в отображение информации на сайте (сам ифрейм, футер, их размещение, размер и цвет шрифта и т.п.). В случае обнаружения нарушений (например, изменили футер после апрува домена) - будем банить аккаунт без выплат. Это связано с тем, что ОСС вручную проверяют каждый домен и дают разрешение на подписки. А в случае выявления нарушений уже после апрува, оператор может заблокировать выплату по домену и наложить штраф.

Настройка внешнего вида IFRAME с содержимым теста с помощью CSS

Для полной интеграции в дизайн вашего сайта данный тип IFRAME-кода опционально предусматривает настройку внешнего вида с помощью CSS-файла.

  1. Откройте этот пример. Внутри файла: доступные CSS-селекторы с описанием их функций и примеры значений.
  2. Отредактируйте CSS-свойства значениями, подходящими для дизайна вашего сайта.
  3. Сохраните файл с расширением .css и загрузите его на свой сайт.
  4. Укажите полный URL до этого CSS-файла (например, http(s)://your-site.ru/css/custom.css) в форме на странице с промоматериалами к тесту. Для ифреймов на httpS-страницах CSS-файл должен отдаваться по httpS.
  5. Скопируйте полученный IFRAME-код на свой сайт.
  6. Высота ифрейма изменяется динамически в зависимости от содержимого, ширину вы можете задать через CSS style для тега div id="teststudio_main".

Остались вопросы? Наша служба тех. поддержки с радостью на них ответит!