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
Комментарии —
  1. avatar Екатерина 06 июля 2018, 07:30 #
    Подскажите, что нужно сделать что бы загрузить файл PDF на сайт в «Медиа менеджер»? При загрузке пишет «Некорректное изображение»((( Этим сайтом занимался другой человек, и за другим компом. В дальнейшем предстоит мне вести сайт. Почему не получается у меня загрузить PDF, может нужно на комп устанавливать что-то дополнительно???
    1. avatar Simkin Andrew 06 июля 2018, 09:08 #
      А что за медиаменеджер? Наверно, не поддерживает формат PDF.
    2. avatar Татьяна 26 июня 2018, 16:37 #
      Добрый день. Подскажите, пожалуйста, можно ли каким-то образом настроит, чтобы в опубликованном PDF-файле не появлялся значок «Открыть в новом окне»? Спасибо.
      1. avatar Simkin Andrew 26 июня 2018, 19:55 #
        Попробуйте в ссылке прописать embedded=false, если не поможет, значит нельзя.
      2. avatar Сергей 16 января 2018, 17:03 #
        Метод для того, что бы изредка показывать документ. Если на сайте много посетителей, метод не годится, потому как гугл режет iframe, если часто через него ходить. Сделано это для защиты от разного рода дурней, который в ифраймах пихают чужие сайты и потом порно рассылают, а ещё хуже такой вот флуд устраивают…
        1. avatar Simkin Andrew 16 января 2018, 22:28 #
          Да, пожалуй, так и есть.
        2. 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   2018 г.
                    Страница сгенерирована: 0,2679 s | 6 mb.
                    На каком уровне Вы играете в шахматы?
                    О П Р О С
                    Home Question Top