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

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

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

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

<iframe src="https://matchtv.ru/tvguide" width="650" height="600" scrolling="auto"> </iframe>

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

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

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

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

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

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

 

Комментарии к записи “Как вставить страницу другого сайта на свой сайт” (6)

  1. Идея понравилась, репетирую реализацию. Следующим этапом — идеи по поводу внедрения.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *