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

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

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

Как это сделать? Очень просто. Без знаний программирования или какого-либо глубокого погружения в 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-->

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

 

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

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

  2. Ну и в чем прикол невозможности копирования текста с данного сайта? Заходишь в код страницы и один фиг оттуда копируешь что надо...

    • Все работает, спасибо! Только действительно непонятно: размещена полезная строка, которую нужно вставить на свой сайт, вручную набивая каждый значок и пробел. И не дай бог пропустить или перепутать, что и случилось с теми, у кого не сработало.

      Одной рукой даете, другой забираете (

      • Это точно, таких авторов-мудаков везде полно. Зачем давать какую-то информацию и запрещать копировать? Ответ очевиден: автор мудак!

  3. Все работает , спасибо, и если есть возможность напишите , как вставить не всю страницу, а часть, например только середину страницы?

  4. Подскажите, как видео вставить, например такое www.youtube.com/channel/U...SbqiGOzt5b5ArQdQ

  5. Доброго времени. Всё работает отлично. Как часть сайта вставить в фрейм и убрать ненужное.

  6. здравствуйте! а не подскажете пожалуйста, кaк вcтaвить нa cвoй caйт дpугoй, нo eгo дoпуcтим нижнюю чacть? чтoбы дpугoй caйт вcтaвлялcя нe c caмoгo вepxa?

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

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