RealAdmin.ru

Вставляем PDF на сайт для просмотра со страницы

PDF,HTML,Сервисы
Категория: Сайтострой
23 Май 2014 г. в 12:07

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

<iframe src="https://docs.google.com/viewer?url=http://RealAdmin.ru/assets/Instruction.pdf&embedded=true" 
style="width: 600px; height: 600px;" frameborder="0">Ваш браузер не поддерживает фреймы</iframe>

Результат работы:

Параметры:

  • «http://www.RealAdmin.ru/assets/Instruction.pdf» — полный путь к pdf файлу, который требуется вывести.
  • «width: 600px» — ширина фрейма для вывода.
  • «height: 600px» — высота фрейма для вывода.

Таким образом можно добавить на сайт просмотр содержимого PDF файла. При этом, вывод не зависит от браузера или движка. Сам сервис называется «Google Docs Viewer» и поддерживает вывод многих форматов документов. Вот перечень самых распространенных: doc, docx, odt, pdf, rtf, ppt, pptx.

На странице сервиса можно указать путь к документу и сгенерировать код для вставки на сайт. В результате получите приблизительно ту же самую строку, что привёл я. В заключение хочу предостеречь от излишнего использования этого способа вывода информации из документов. Их содержимое не будет индексироваться поисковыми машинами. Если есть возможность переконвертировать информацию из документа в html — сделайте это, либо позвольте посетителю скачать файл.

Теги:
PDF
Посмотрите похожее — 6
Комментарии — 14
  1. avatar Алена 28 октября 2016, 13:04 #
    Подскажите, а это работает только для pdf или документы word тоже можно так организовать? Если нет, то как сделать с word?
    1. avatar Simkin Andrew 28 октября 2016, 14:14 #
      Точно так же работает и для Word. Просто подставляете вместо PDF файл DOC или DOCX
      1. avatar Алена 29 октября 2016, 19:53 #
        Спасибо.
        Еще присоединюсь к вопросу Сергея:
        «Как лучше для поисковых систем? Во фрейме ведь они не видят текст? А если вывести в браузере — они прочитают? Мне нужно добавить кучу нормативных документов по строительству. И стоит ли их делать доступными для индексации? ведь по сути они не уникальны? „
        У меня тоже планируются не уникальные нормативные документы. Это решаемо как-то?
        1. avatar Simkin Andrew 30 октября 2016, 12:00(был изменён) #
          Лучше создать отдельную страницу с названием — Нормативные документы по строительству. Написать на странице от себя пару абзацев что это за документы и для чего нужны. А дальше вывести сами документы любым из способов. Сами документы лучше не индексировать, оставить в iframe. Для поисковиков это лучший вариант.
    2. avatar Борис 20 сентября 2016, 11:02 #
      Отлично сработало!
      1. avatar Cергей 22 декабря 2015, 21:22(был изменён) #
        У меня получилось сегодня сделать подобное через drive.google.com/ Если загрузить туда документ, потом открыть в полный размер для просмотра (и нажав справа сверху квадратик со стрелочкой открыть в новом окне), щелкнуть сверху на трех точках и выбрать в выпавшем меню — «Вписать», откроется окошко с кодом фрейма, который и нужно уже вставлять на страничку.

        Можно это же самое сделать и со своего сайта — положить в любую папку документ и прописать вместо адреса на сервере гугла путь к документу на своем сайте. И все также отлично выводится. За статью спасибо, она подтолкнула к шевелению извилинами.

        Андрей, еще подскажите, пожалуйста, как лучше выводить PDF документы — во фрейме или в браузере по адресу site.ru/folder/file.pdf?

        Как лучше для поисковых систем? Во фрейме ведь они не видят текст? А если вывести в браузере — они прочитают? Мне нужно добавить кучу нормативных документов по строительству. И стоит ли их делать доступными для индексации? ведь по сути они не уникальны?
        1. avatar Simkin Andrew 23 декабря 2015, 09:27 #
          Ну тебе тоже спасибо, надо будет попробовать.
        2. avatar Cергей 22 декабря 2015, 17:09 #
          Все равно не работает. Нет такого сервиса теперь у гугла.
          1. avatar Simkin Andrew 22 декабря 2015, 17:15 #
            Если нет, то как у меня на этой странице pdf отображается?
            1. avatar Igor 11 апреля 2017, 21:48 #
              хз, у меня не отображается…
          2. avatar Умный 06 августа 2015, 13:38 #
            Просто нужно теперь https указывать

            Тобишь <iframe src="https://docs.google.com/viewer?url=http://www.RealAdmin.ru/assets/Instruction.pdf&embedded=true"
            style=«width: 600px; height: 600px;» frameborder=«0»>Ваш браузер не поддерживает фреймы
            1. avatar Simkin Andrew 06 августа 2015, 15:04 #
              Спасибо за подсказку, хотя сейчас и с http работает, но на всякий случай заменю.
            2. avatar trizna 31 марта 2015, 15:23 #
              Не работает.
              После слов «Результат работы:» — ничего нет, пустое поле.
              И в других случаях тоже не работает.
              1. avatar Simkin Andrew 31 марта 2015, 15:34 #
                Да, похоже Гугл удалил свой сервис Google Viewer или переделал его работу. Как узнаю — отпишу.
              © REALADMIN.RU   2017 г.
              Страница сгенерирована: 0,1026 s | 10 mb.
              На каком уровне Вы играете в шахматы?
              О П Р О С
              Home Question Top