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>
и вот что получилось: посмотреть на сайте21

Если Вы не хотите переходить по ссылке, смотрите скриншот, на котором видно, что 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 задавать ибо при создании адаптивного дизайна мороки будет много.

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)