На время проведения реконструкции сайт переведён в режим "ТОЛЬКО ЧТЕНИЕ" (Read only). Приносим свои извинения!
MaxHub
Полезности по Maxsite CMS

Возможно ли в статьях использовать IFRAME?

Вопросы-ответы / 25 июля 2014

Возможно ли в статьях использовать IFRAME? Если "ДА", как это сделать правильно?

Суть проблемы:

У меня партнерский сайт и мне удобно было бы иногда не писать статью о продукте, который я продвигаю, а просто вставить <iframe>, где источником является продажник автора партнерки. Я попробовал так сделать

<noindex><iframe src="http://ps.cleargoal.evvergus.e-autopay.com/" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe></noindex>
и вот что получилось: посмотреть на сайте1

Если Вы не хотите переходить по ссылке, смотрите скриншот, на котором видно, что iframe вставился с какими-то своими размерами, хотя ему заданы и ширина и высота 100%:

Отображение встроенного iframe

В чем преимущество?

  1. как видите, я одной строкой "создал" целую статью и даже не статью, а продажник, одностраничник!
  2. при простом добавлении моей партнерской ссылки, этот продажник становится моим, т.е. при нажатии на кнопку "заказать" переход происходит на страницу покупки, но через мою партнерскую ссылку - это главная задача такой "статьи". Очень удобно!

Конечно, все "это" я включил в тэг

<noindex>
, чтобы не получить бан за полное копирование, статья не индексируется, но это и не нужно.

Итак, вопрос: он тот же что и вначале:

как правильно в MaxSite использовать ай-фрейм, чтобы он нормально выводился на странице, а не огрызком?
как у меня сейчас...

Очень надеюсь получить рецепт.

я админ и автор указанного сайта

Сайт

Комментариев: 5
  1. Владимир, с точки зрения движка - вы всё правильно делаете. Проблема лежит скорее не в плоскости движка, а в html и css. В частности, это известная проблема верстальщиков - как растянут высоту контента на 100%, ибо явное задание 100% результата не даёт?

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

    1. через атрибут height тэга iframe задание значения 44900 (оооочень длинный продажник! surprised )
    2. через css задание атрибута height на значение 44900px

    С шириной всё немного сложнее. Дело в том, что ширина вашего столбца контента меньше чем ширина встраиваемой страницы. Как результат - появляется горизонтальная полоса прокрутки. Если задать ширину ифрейма в 830, то встраиваемый контент занимает желаемый размер без появления полос прокрутки, но залазит на сайдбар mad

    Даже если средствами css убрать левый отступ в 90px на встраиваемой странице - ничего особо не изменится, т.к. размер встраиваемой страницы всё равно будет превышать размер блока с основным контентом вашего сайта. Тут я знаю только один вариант справиться с этой проблемой - использовать шаблон вывода страницы no-sidebar, который можно задать через свойство «Шаблон записи» вкладки «Дополнительные поля» на странице редактирования статьи. В этом случае сайдбар отображаться не будет, но и ничего не будет отвлекать посетителя от поглощения несомненно важной информации wink

    Надеюсь, что описанный вариант решения вашей проблемы устроит вас.

  2. Илья, огромное спасибо за помощь!

    Я увеличил высоту, но сделал не на всю высоту продажника, а просто 10 000 - чтобы было видно большую часть, а дальше можно прокрутить сам ифрейм.

    Ширину и трогать не стал - текст весь нормально помещается, не видно только правый графичекий край - типа края бумажного листа, невелика потеря.

    От сайдбара отказываться не хочу, в нем счетчики - пусть ВСЕ считают smile

    Ваш предложенный вариант устроил меня на 100%!

  3. Благодарю за инструкцию: уверен, что понадобится в будущем.

  4. не валидный тег. советую ваш iframe

    А высоту и ширину проще через css задавать ибо при создании адаптивного дизайна мороки будет много.

  5. не валидный тег.советую

    <!--noindex-->ваш iframe <!--/noindex-->

    А высоту и ширину проще через css задавать ибо при создании адаптивного дизайна мороки будет много.