Как вставить страницу с другого сайта на свой


Как вставить iframe на сайт – вставка страницы другого сайта на свой

Всем привет! Сегодня для одного из моих проектов мне понадобилось вставить страницу с другого сайта на свой. Как ни странно, решение этой проблемы оказалось максимально простым, о чём я и расскажу в этом посте.

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

Как это сделать? Очень просто. Без знаний программирования или какого-либо глубокого погружения в html или куда-то ещё мы размещаем у нас на сайте одну строку:

<iframe src="https://matchtv.ru/tvguide" scrolling="auto"> </iframe>

Разберём эту строку подробнее с атрибутами:

  • при помощи iframeвставить другой сайт на свою страницу проще простого;
  • src — сюда мы прописываем непосредственно адрес страницы, которую хотим вывести у себя на сайте;
  • width и height — ширина и высота области, в которой будет отображаться чужой сайт;
  • scrolling — отображение полосы прокрутки (если она нужна, то значение auto выведет её, если не нужна — вместо auto пропишите значение no).

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

Также стоит отметить, что если вы захотите скрыть от поисковиков то, что вы вставили себе на сайт, стоит воспользоваться noindex. Только учитывайте, что использовать его нужно не в виде обычных тегов html, а вот так: <!--noindex--><iframe src="https://matchtv.ru/tvguide" scrolling="auto">
</iframe><!--/noindex-->

Вот и всё. Надеюсь, что пост оказался для вас полезным.

Вконтакте

Facebook

Одноклассники

Twitter

javascript - Вставить контент с одного веб-сайта на другой

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
.

Как вставить страницу документа в другую…

Как я могу вставить один страничный документ в другой?
Как я могу вставить 1 страницу документа в другой документ?

Больше Меньше

iMac 2.93 Intel Core 2 Duo, Mac OS X (10.6.4), Оперативная память 4G

Размещено

Ответить У меня тоже есть этот вопрос (115) У меня тоже есть этот вопрос Я тоже (115) Я тоже .

javascript - вставить div со страницы на другую страницу

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
.

javascript - Как вызвать функцию из другого файла js и вставить текст на страницу html

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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